.text-field{width:20rem;max-width:100%;margin:var(--md-sys-spacing-lg);vertical-align:middle;color:var(--md-sys-color-on-surface);flex-direction:column;display:inline-flex;position:relative}.text-field__surface{height:var(--app-textfield-height);border:var(--app-border-width-default) solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);background:var(--app-field-underlay);box-sizing:border-box;display:flex;position:relative}.text-field__label{align-items:center;gap:var(--md-sys-spacing-sm);min-width:0;padding:0 var(--app-spacing-base);cursor:text;flex:1;display:flex}.text-field__body{flex-direction:column;flex:1;min-width:0;display:flex}.text-field__caption{left:var(--app-spacing-base);padding:0 var(--md-sys-spacing-xs);background:var(--app-field-underlay);line-height:1;font-size:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);opacity:0;transition:opacity .15s;position:absolute;top:-.5rem}.text-field__input:focus+.text-field__caption{opacity:1}.text-field__input:not(:placeholder-shown)+.text-field__caption{opacity:1}.text-field__input:focus+.text-field__caption{color:var(--md-sys-color-primary)}.text-field__input:focus::placeholder{opacity:0}.text-field__input{width:100%;min-width:0;color:inherit;font:inherit;font-size:var(--md-sys-typescale-body-large);background:0 0;border:0;outline:none;padding:0;line-height:1}.text-field__icon{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Rounded;font-size:1.25rem;line-height:1}.text-field__affix{white-space:nowrap}.text-field__icon,.text-field__affix{color:var(--md-sys-color-on-surface-variant)}.text-field__action{border-radius:inherit;min-width:2.75rem;min-height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.text-field__action:enabled:hover{background:var(--md-sys-color-surface-container-high)}.text-field__action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-4px}:where(.text-field:not(.text-field--disabled)) .text-field__surface:hover{box-shadow:inset 0 0 0 calc(var(--app-border-width-hover) - var(--app-border-width-default)) var(--md-sys-color-outline)}:where(.text-field--error:not(.text-field--disabled)) .text-field__surface:hover{box-shadow:inset 0 0 0 calc(var(--app-border-width-hover) - var(--app-border-width-default)) var(--md-sys-color-error)}.text-field__surface:has(input:focus){border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 calc(var(--app-border-width-focus) - var(--app-border-width-default)) var(--md-sys-color-primary)}.text-field__supporting{left:var(--app-spacing-base);top:calc(var(--app-textfield-height) + var(--md-sys-spacing-xs));line-height:1;font-size:var(--md-sys-typescale-body-small);position:absolute}.text-field--error .text-field__surface{border-color:var(--md-sys-color-error)}.text-field--error .text-field__surface:has(input:focus){box-shadow:inset 0 0 0 calc(var(--app-border-width-focus) - var(--app-border-width-default)) var(--md-sys-color-error)}.text-field--error .text-field__input+.text-field__caption,.text-field--error .text-field__supporting{color:var(--md-sys-color-error)}.text-field--disabled{opacity:var(--app-disabled-opacity)}.text-field--disabled .text-field__label,.text-field__action:disabled{cursor:default}