.stextfield{flex-direction:column;display:inline-flex;position:relative}.stextfield--full-width{width:100%}.stextfield-container{border:1px solid var(--aim-sys-color-outline-variant);border-radius:var(--sds-sys-shape-radius-pill);background-color:var(--sds-color-surface);align-items:stretch;min-height:56px;transition:border-color .12s;display:flex;position:relative}.stextfield-container:hover{border-color:var(--aim-sys-color-outline-default)}.stextfield-input-wrapper{flex:1;align-items:stretch;display:flex;position:relative}.stextfield-label{pointer-events:none;z-index:1;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.stextfield-container:has(.stextfield-prefix) .stextfield-label{left:calc(0px + var(--prefix-width,0px))}.stextfield-container:has(textarea) .stextfield-label{top:12px;transform:none}.stextfield-label-text{font:var(--sds-sys-typescale-body-sm);color:var(--sds-color-on-surface-de-emphasis);transition:all .2s cubic-bezier(.4,0,.2,1)}.stextfield--focused .stextfield-label-text,.stextfield--filled .stextfield-label-text{font:var(--sds-sys-typescale-caption);background-color:var(--sds-color-surface);padding-left:4px;padding-right:4px;transform:translate(-4px,-176%)}:is(.stextfield--focused:has(.stextfield-prefix) .stextfield-label-text,.stextfield--filled:has(.stextfield-prefix) .stextfield-label-text){transform:translate(calc(12px - var(--prefix-width,0px)), -176%)}:is(.stextfield--focused:has(.stextfield-leading-icon) .stextfield-label-text,.stextfield--filled:has(.stextfield-leading-icon) .stextfield-label-text){transform:translate(-32px,-176%)}:is(.stextfield--focused:has(textarea) .stextfield-label-text,.stextfield--filled:has(textarea) .stextfield-label-text){transform:translate(-4px,-22px)}.stextfield--focused .stextfield-label-text{color:var(--sds-color-primary)}.stextfield--filled:not(.stextfield--focused) .stextfield-label-text{color:var(--sds-color-on-surface-de-emphasis)}.stextfield-container:has(.stextfield-leading-icon) .stextfield-label{left:44px}.stextfield-input{font:var(--sds-sys-typescale-body-sm);color:var(--sds-color-on-surface);text-align:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 16px}.stextfield--focused .stextfield-input,.stextfield--filled .stextfield-input{color:var(--sds-color-on-surface-emphasis)}.stextfield-input:not(textarea){padding:12px 16px}textarea.stextfield-input{padding:12px 16px;line-height:1.5}.stextfield-input::placeholder{color:var(--sds-color-on-surface-de-emphasis)}.stextfield-input.stextfield-input--with-prefix{padding-left:0!important}.stextfield-input.stextfield-input--with-suffix{padding-right:0!important}.stextfield-container:has(.stextfield-leading-icon) .stextfield-input{padding-left:0}.stextfield-hidden-textarea{visibility:hidden;pointer-events:none;height:auto;font:var(--sds-sys-typescale-body-sm);resize:none;white-space:pre-wrap;word-wrap:break-word;border:none;padding:12px 16px;line-height:1.5;position:absolute;top:0;left:0;overflow:hidden}.stextfield-prefix,.stextfield-suffix{font:var(--sds-sys-typescale-body-sm);color:var(--sds-color-on-surface-de-emphasis);white-space:nowrap;align-items:center;display:flex}.stextfield-prefix{padding-left:16px;padding-right:4px}.stextfield-suffix{padding-left:4px;padding-right:16px}.stextfield-leading-icon,.stextfield-trailing-icon{justify-content:center;align-items:center;padding:0 12px;display:flex}.stextfield-leading-icon{padding-right:8px}.stextfield-trailing-icon--clickable{cursor:pointer}.stextfield-trailing-icon--clickable:hover:not(:disabled){background-color:var(--sds-color-surface-container)}.stextfield-trailing-icon--clickable:active:not(:disabled){background-color:var(--sds-color-surface-container-high)}.stextfield-icon{color:var(--sds-color-on-surface-de-emphasis)}.stextfield-icon--error{color:var(--sds-sys-color-on-surface-negative)}.stextfield-required{color:var(--sds-sys-color-error);margin-left:2px}.stextfield-supporting-text{font:var(--sds-sys-typescale-caption);color:var(--sds-color-on-surface-de-emphasis);padding:6px 16px 0}.stextfield-supporting-text--error{color:var(--sds-sys-color-on-surface-negative)}.stextfield--focused .stextfield-container,.stextfield-container:focus-within{outline:2px solid var(--sds-color-primary);outline-offset:-1px}.stextfield--error .stextfield-container{border-color:var(--sds-sys-color-on-surface-negative)}.stextfield--error .stextfield-label-text{color:var(--sds-sys-color-on-surface-negative)}.stextfield--error.stextfield--focused .stextfield-container,.stextfield--error .stextfield-container:focus-within{outline:2px solid var(--sds-sys-color-on-surface-negative);outline-offset:-1px}.stextfield--disabled{opacity:.38}.stextfield--disabled .stextfield-container{cursor:not-allowed}.stextfield--disabled .stextfield-input{cursor:not-allowed;color:var(--sds-color-on-surface)}.stextfield--disabled .stextfield-trailing-icon--clickable{cursor:not-allowed;pointer-events:none}.stextfield-trailing-icon--clickable:focus-visible{outline:2px solid var(--sds-color-primary);outline-offset:-2px;border-radius:2px}[dir=rtl] .stextfield-label{transform-origin:100%;left:auto;right:16px}[dir=rtl] .stextfield-container:has(.stextfield-leading-icon) .stextfield-label{right:48px}[dir=rtl] .stextfield-container:has(.stextfield-prefix) .stextfield-label{right:calc(16px + var(--prefix-width,0px) + 4px);left:auto}@media (prefers-reduced-motion:no-preference){.stextfield-label{transition:all .2s cubic-bezier(.4,0,.2,1)}.stextfield-input{transition:height .2s}}