@layer m3-components{.m3-tf{--_h:var(--md-sys-size-field);--_fs:16px;--_lh:24px;--_ls:.5px;--_fs-float:12px;--_lh-float:16px;--_ls-float:.4px;--_py:calc(.5 * (var(--_h) - var(--_lh)));--_px:16px;--_slot:36px;--_start-w:0px;--_notch:4px;--_r:var(--md-sys-shape-field);--_w:1px;--_c-rest:color-mix(in srgb, var(--md-sys-color-outline) 64%, var(--md-sys-color-surface));--_c-outline:var(--_c-rest);--_c-label:var(--md-sys-color-on-surface-variant);--_c-text:var(--md-sys-color-on-surface);--_c-icon:var(--md-sys-color-on-surface-variant);--_c-sup:var(--md-sys-color-on-surface-variant);--_c-caret:var(--md-sys-color-primary);text-align:start;width:100%;min-width:0;font-family:var(--md-ref-typeface-plain);flex-direction:column;display:flex}.m3-tf[data-lead]{--_start-w:var(--_slot)}.m3-tf__above{margin-bottom:var(--md-sys-space-1);color:var(--md-sys-color-on-surface-variant);font:500 var(--_fs-above,14px)/var(--_lh-above,20px) var(--md-ref-typeface-brand);letter-spacing:.1px;display:block}.m3-tf__container{min-height:var(--_h);border-radius:var(--_r);cursor:text;align-items:center;display:flex;position:relative}.m3-tf[data-multiline] .m3-tf__container{align-items:flex-start}.m3-tf__end,.m3-tf__start{z-index:2;height:var(--_h);color:var(--_c-icon);--m3-icon-size:var(--md-sys-size-icon);flex:none;align-items:center;display:flex;position:relative}.m3-tf__start{width:var(--_slot);padding-inline-start:calc(var(--_slot) - var(--md-sys-size-icon))}.m3-tf__end{gap:4px;padding-inline-end:8px}.m3-tf__end .m3-ibtn{--_icon-c:var(--_c-icon)}.m3-tf__err-icon{color:var(--md-sys-color-error);margin-inline-end:4px}.m3-tf__middle{min-width:0;padding-inline:var(--_px);flex:1;align-self:stretch;align-items:center;display:flex;position:relative}.m3-tf[data-lead] .m3-tf__middle{padding-inline-start:calc(-4px + var(--_px))}.m3-tf[data-multiline] .m3-tf__middle{align-items:flex-start}.m3-tf__input{appearance:none;width:100%;min-width:0;height:var(--_lh);box-shadow:none;color:var(--_c-text);caret-color:var(--_c-caret);font:400 var(--_fs)/var(--_lh) var(--md-ref-typeface-plain);letter-spacing:var(--_ls);text-overflow:ellipsis;background:0 0;border:0;border-radius:0;outline:0;flex:1;margin:0;padding:0;display:block}textarea.m3-tf__input{height:auto;min-height:var(--_lh);margin-block:var(--_py);resize:vertical;align-self:stretch}.m3-tf__input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.m3-tf[data-label=float]:not(:focus-within) .m3-tf__input::-moz-placeholder{color:#0000}.m3-tf[data-label=float]:not(:focus-within) .m3-tf__input::placeholder{color:#0000}.m3-tf__input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.m3-tf__input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}.m3-tf__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.m3-tf__input::-webkit-search-decoration{-webkit-appearance:none;display:none}.m3-tf__input[type=number]{-moz-appearance:textfield}.m3-tf__input::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}.m3-tf__input:-webkit-autofill{-webkit-text-fill-color:var(--_c-text);transition:background-color 600000s,color 600000s}.m3-tf__affix{color:var(--md-sys-color-on-surface-variant);font:400 var(--_fs)/var(--_lh) var(--md-ref-typeface-plain);letter-spacing:var(--_ls);white-space:nowrap;flex:none;padding-inline:0 2px}.m3-tf__input+.m3-tf__affix{padding-inline:2px 0}.m3-tf[data-label=float]:not([data-populated]):not(:focus-within) .m3-tf__affix{opacity:0}.m3-tf__label{z-index:1;inset-inline-start:var(--_px);top:var(--_py);height:var(--_lh);max-width:calc(100% - 2 * var(--_px));white-space:nowrap;text-overflow:ellipsis;pointer-events:none;color:var(--_c-label);font:400 var(--_fs)/var(--_lh) var(--md-ref-typeface-plain);letter-spacing:var(--_ls);transform-origin:0;transition:translate var(--md-sys-motion-t-small),scale var(--md-sys-motion-t-small),color var(--md-sys-motion-t-fx-small);position:absolute;overflow:hidden}.m3-tf[data-lead] .m3-tf__label{inset-inline-start:calc(-4px + var(--_px))}.m3-tf[data-label=float]:is([data-populated],:focus-within) .m3-tf__label{translate:0 calc(-1 * (var(--_py) + var(--_lh) / 2));scale:calc(var(--_fs-float) / var(--_fs));max-width:calc((100% - 2 * var(--_px)) * var(--_fs) / var(--_fs-float))}.m3-tf[data-label=float]:has(.m3-tf__input:-webkit-autofill) .m3-tf__label{translate:0 calc(-1 * (var(--_py) + var(--_lh) / 2));scale:calc(var(--_fs-float) / var(--_fs));max-width:calc((100% - 2 * var(--_px)) * var(--_fs) / var(--_fs-float))}.m3-tf__outline{pointer-events:none;border-radius:inherit;color:var(--_c-outline);display:flex;position:absolute;inset:0}.m3-tf__outline>i{transition:border-width var(--md-sys-motion-t-fx-small);border:0 solid}.m3-tf__o-start{width:calc(var(--_start-w) + var(--_px) - var(--_notch));border-radius:var(--_r) 0 0 var(--_r);flex:none;border-width:var(--_w) 0 var(--_w) var(--_w)!important}.m3-tf[data-lead] .m3-tf__o-start{width:calc(-4px + var(--_start-w) + var(--_px) - var(--_notch))}.m3-tf__o-notch{padding-inline:var(--_notch);max-width:calc(100% - var(--_start-w) - 2 * var(--_px) + 2 * var(--_notch));flex:none;position:relative;overflow:hidden;border-width:0 0 var(--_w) 0!important}.m3-tf__o-notch:after,.m3-tf__o-notch:before{content:"";border-top:var(--_w) solid currentColor;width:50%;transition:scale var(--md-sys-motion-t-small),border-width var(--md-sys-motion-t-fx-small);position:absolute;top:0}.m3-tf__o-notch:before{transform-origin:0;inset-inline-start:0}.m3-tf__o-notch:after{transform-origin:100%;inset-inline-end:0}.m3-tf[data-label=float]:is([data-populated],:focus-within) .m3-tf__o-notch:after,.m3-tf[data-label=float]:is([data-populated],:focus-within) .m3-tf__o-notch:before{scale:0 1}.m3-tf__o-sizer{visibility:hidden;white-space:nowrap;height:0;font:400 var(--_fs-float)/var(--_lh-float) var(--md-ref-typeface-plain);letter-spacing:var(--_ls-float);display:block}.m3-tf__o-end{border-radius:0 var(--_r) var(--_r) 0;flex:1;min-width:0;border-width:var(--_w) var(--_w) var(--_w) 0!important}.m3-tf:not([data-label=float]) .m3-tf__o-notch,.m3-tf:not([data-label=float]) .m3-tf__o-start{display:none}.m3-tf:not([data-label=float]) .m3-tf__o-end{border-radius:var(--_r);border-width:var(--_w)!important}@media (hover:hover){.m3-tf[data-variant=outlined] .m3-tf__container:hover{--_c-outline:var(--md-sys-color-outline)}}.m3-tf:focus-within{--_c-outline:var(--md-sys-color-primary);--_c-label:var(--md-sys-color-primary);--_w:2px}.m3-tf[data-error]{--_c-outline:var(--md-sys-color-error);--_c-label:var(--md-sys-color-error);--_c-sup:var(--md-sys-color-error);--_c-caret:var(--md-sys-color-error)}@media (hover:hover){.m3-tf[data-error] .m3-tf__container:hover{--_c-outline:var(--md-sys-color-on-error-container)}}.m3-tf[data-error]:focus-within{--_c-outline:var(--md-sys-color-error);--_c-label:var(--md-sys-color-error)}.m3-tf[data-readonly]{--_c-caret:transparent}.m3-tf[data-readonly]:focus-within{--_w:1px;--_c-outline:var(--_c-rest);--_c-label:var(--md-sys-color-on-surface-variant)}.m3-tf[data-disabled]{pointer-events:none;--_c-outline:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);--_c-label:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);--_c-text:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);--_c-icon:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);--_c-sup:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-tf[data-variant=filled] .m3-tf__container{background:var(--md-sys-color-surface-container-highest);border-radius:var(--_r) var(--_r) 0 0;isolation:isolate}.m3-tf[data-variant=filled] .m3-tf__container:before{content:"";border-radius:inherit;background:var(--md-sys-color-on-surface);opacity:0;z-index:-1;transition:opacity var(--md-sys-motion-t-state);position:absolute;inset:0}.m3-tf__indicator{border-bottom:var(--_w) solid var(--_c-ind,var(--md-sys-color-outline));pointer-events:none;transition:border-color var(--md-sys-motion-t-fx-small),border-width var(--md-sys-motion-t-fx-small);position:absolute;inset:auto 0 0}.m3-tf[data-variant=filled]:focus-within{--_c-ind:var(--md-sys-color-primary)}.m3-tf[data-variant=filled][data-error]{--_c-ind:var(--md-sys-color-error)}.m3-tf[data-variant=filled][data-label=float] .m3-tf__middle{padding-top:calc(8px + var(--_py));align-items:flex-start}.m3-tf[data-variant=filled][data-label=float]:not([data-multiline]) .m3-tf__input{margin-bottom:calc(-8px + var(--_py))}.m3-tf[data-variant=filled][data-label=float]:is([data-populated],:focus-within) .m3-tf__label{translate:0 calc(16px + -1 * (var(--_py) + var(--_lh) / 2))}.m3-tf__btn{--_s:28px;--m3-icon-size:20px;width:var(--_s);height:var(--_s);border-radius:var(--md-sys-shape-corner-full);color:var(--_c-icon);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--md-sys-motion-t-state),color var(--md-sys-motion-t-fx-micro),rotate var(--md-sys-motion-t-small),scale var(--md-sys-motion-t-micro);background:0 0;border:0;flex:none;place-items:center;margin:0;padding:0;display:inline-grid;position:relative}.m3-tf__btn:after{content:"";position:absolute;inset:-6px}@media (pointer:coarse){.m3-tf__btn:after{inset:-8px}}.m3-tf__btn[data-kind=clear]{--_s:24px;--m3-icon-size:16px;background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}@media (hover:hover){.m3-tf[data-variant=filled] .m3-tf__container:hover:before{opacity:var(--md-sys-state-hover-opacity)}.m3-tf__btn:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:var(--md-sys-color-on-surface)}.m3-tf__btn[data-kind=clear]:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 14%,transparent)}.m3-tf__container:hover .m3-tf__btn[data-kind=arrow]{background:color-mix(in srgb,var(--md-sys-color-on-surface) 6%,transparent)}}.m3-tf__btn:active{scale:calc(1 - .1 * var(--md-sys-motion-travel))}.m3-tf__btn:focus-visible{outline:var(--md-sys-focus-width) solid var(--md-sys-focus-color);outline-offset:1px}.m3-tf__btn[data-kind=arrow] .m3-icon{transition:rotate var(--md-sys-motion-t-small)}.m3-tf__btn[data-kind=arrow]:is([data-open],[data-state=open]),:is([data-open],[data-state=open])>.m3-tf__btn[data-kind=arrow]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-tf__btn[data-kind=arrow]:is([data-open],[data-state=open]) .m3-icon,:is([data-open],[data-state=open])>.m3-tf__btn[data-kind=arrow] .m3-icon{rotate:180deg}.m3-tf[data-disabled] .m3-tf__btn{background:0 0}.m3-tf__supporting{justify-content:space-between;gap:var(--md-sys-space-4);padding:4px var(--_px) 0;color:var(--_c-sup);font:400 12px/16px var(--md-ref-typeface-plain);letter-spacing:.4px;display:flex}.m3-tf__counter{font-variant-numeric:tabular-nums;flex:none}@media (forced-colors:active){.m3-tf__outline{color:canvastext}.m3-tf__indicator{border-color:canvastext}}}@layer m3-density{:root[data-density=compact] .m3-tf{--_fs:14px;--_lh:20px;--_ls:.25px;--_px:12px;--_slot:32px;--_fs-above:12px;--_lh-above:16px}}@media (pointer:coarse){.m3-tf .m3-tf__input{font-size:max(16px,var(--_fs))}}