:root{--md-text-field-label-offset:calc(var(--md-body-small-line) / -2)}.text-field{position:relative}.text-field__input{width:100%;padding:var(--md-spacing-6) var(--md-spacing-4) var(--md-spacing-2) var(--md-spacing-4);background-color:var(--md-surface-container-highest);border:none;border-bottom:var(--md-divider-thickness) solid var(--md-on-surface-variant);border-radius:var(--md-shape-extra-small) var(--md-shape-extra-small) 0 0;color:var(--md-on-surface);font-size:var(--md-text-field-font-size);line-height:var(--md-text-field-line);transition:border-color var(--md-motion-duration-short) var(--md-motion-easing-standard);outline:none}.text-field__input:focus{border-bottom-width:calc(var(--md-divider-thickness) * 2);border-bottom-color:var(--md-primary);padding-bottom:calc(var(--md-spacing-2) - var(--md-divider-thickness))}.text-field__label{top:var(--md-spacing-4);left:var(--md-spacing-4);font-size:var(--md-text-field-font-size);line-height:var(--md-text-field-line);color:var(--md-on-surface-variant);pointer-events:none;transition:top var(--md-motion-duration-short) var(--md-motion-easing-standard), font-size var(--md-motion-duration-short) var(--md-motion-easing-standard), line-height var(--md-motion-duration-short) var(--md-motion-easing-standard), color var(--md-motion-duration-short) var(--md-motion-easing-standard);transform-origin:0 0;position:absolute}.text-field__input:focus~.text-field__label,.text-field__input:not(:placeholder-shown)~.text-field__label{top:var(--md-spacing-1);font-size:var(--md-body-small-size);color:var(--md-primary)}.text-field__input:not(:focus):not(:placeholder-shown)~.text-field__label{color:var(--md-on-surface-variant)}.text-field--outlined{margin-top:var(--md-spacing-2)}.text-field--outlined .text-field__input{height:var(--md-text-field-height);border:var(--md-divider-thickness) solid var(--md-outline);border-radius:var(--md-shape-extra-small);padding:0 var(--md-spacing-4);background-color:#0000}.text-field--outlined:not(.text-field--error) .text-field__input:hover:not(:focus):not([readonly]):not(:disabled){border-color:var(--md-on-surface)}.text-field--outlined .text-field__input:focus{border-color:var(--md-primary);border-width:calc(var(--md-divider-thickness) * 2);padding:0 calc(var(--md-spacing-4) - var(--md-divider-thickness))}.text-field--outlined .text-field__label{top:calc((var(--md-text-field-height) - var(--md-text-field-line)) / 2);left:calc(var(--md-spacing-3) + var(--md-divider-thickness));max-width:calc(100% - 2 * (var(--md-spacing-3) + var(--md-divider-thickness)));white-space:nowrap;text-overflow:ellipsis;padding:0 var(--md-spacing-1);background-color:#0000;overflow:hidden}.text-field--outlined .text-field__input:focus~.text-field__label,.text-field--outlined .text-field__input:not(:placeholder-shown)~.text-field__label{top:var(--md-text-field-label-offset);font-size:var(--md-body-small-size);line-height:var(--md-body-small-line);background-color:var(--md-surface);color:var(--md-primary)}.text-field--outlined .text-field__input:not(:focus):not(:placeholder-shown)~.text-field__label{color:var(--md-on-surface-variant)}.text-field__input[readonly]{color:var(--md-on-surface-variant);cursor:default}.text-field--outlined .text-field__input[readonly]{border-style:dashed}.text-field--outlined .text-field__input[readonly]:focus{border-color:var(--md-outline);border-width:var(--md-divider-thickness);padding:0 var(--md-spacing-4)}.text-field__input[readonly]:focus~.text-field__label,.text-field--outlined .text-field__input[readonly]:focus~.text-field__label{color:var(--md-on-surface-variant)}.text-field--error .text-field__input,.text-field--error .text-field__input:focus{border-color:var(--md-error)}.text-field--error .text-field__label,.text-field--error .text-field__input:focus~.text-field__label,.text-field--error .text-field__input:not(:focus):not(:placeholder-shown)~.text-field__label{color:var(--md-error)}.text-field__helper,.text-field__error-text{margin:var(--md-spacing-1) 0 0;padding:0 var(--md-spacing-4);font-size:var(--md-body-small-size);line-height:var(--md-body-small-line);color:var(--md-on-surface-variant)}.text-field__error-text{color:var(--md-error)}.text-field--with-status .text-field__input{padding-right:calc(var(--md-input-icon-area) + var(--md-spacing-2))}.text-field__status{right:var(--md-spacing-1);top:calc(var(--md-text-field-height) / 2);width:var(--md-button-height-small);height:var(--md-button-height-small);font-size:var(--md-icon-size-medium);color:var(--md-primary);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.text-field__hint{margin:var(--md-spacing-1) 0 0;padding:0 var(--md-spacing-4);font-size:var(--md-body-small-size);line-height:var(--md-body-small-line);color:var(--md-on-surface-variant)}.text-field__hint--error{color:var(--md-error)}.text-field__hint-btn{font:inherit;color:var(--md-primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.text-field--outlined .number-input__btn--increment{border-radius:0 var(--md-shape-extra-small) 0 0}.text-field--outlined .number-input__btn--decrement{border-radius:0 0 var(--md-shape-extra-small) 0}.text-field--textarea .text-field__textarea{min-height:var(--md-textarea-min-height);resize:vertical;font-family:var(--md-font-main)}.text-field--outlined .text-field__textarea{height:auto;padding-top:calc((var(--md-text-field-height) - var(--md-text-field-line)) / 2 - var(--md-divider-thickness));padding-bottom:calc((var(--md-text-field-height) - var(--md-text-field-line)) / 2 - var(--md-divider-thickness))}.text-field--outlined .text-field__textarea:focus{padding-top:calc((var(--md-text-field-height) - var(--md-text-field-line)) / 2 - var(--md-divider-thickness) * 2);padding-bottom:calc((var(--md-text-field-height) - var(--md-text-field-line)) / 2 - var(--md-divider-thickness) * 2)}.text-field--outlined:has(.textarea__counter) .text-field__textarea{padding-bottom:calc(var(--md-spacing-3) + var(--md-body-small-line))}.text-field--textarea .text-field__textarea[data-auto-resize=true]{resize:none;overflow:hidden}.text-field--outlined .textarea__counter{bottom:var(--md-spacing-3)}