.TextField-module__3DXP1q__wrap{gap:var(--s2);flex-direction:column;display:flex}.TextField-module__3DXP1q__label{font:var(--type-label);letter-spacing:var(--tracking-label);color:var(--color-text-secondary)}.TextField-module__3DXP1q__field{gap:var(--field-gap);box-sizing:border-box;height:var(--h-ctl);padding:0 var(--field-pad);border:var(--border) solid var(--color-line);border-radius:var(--r-md);background:var(--color-sunken);transition:border-color var(--transition);align-items:center;display:flex}.TextField-module__3DXP1q__field:hover{border-color:var(--color-faint)}.TextField-module__3DXP1q__field:has(.TextField-module__3DXP1q__input:focus-visible){outline:var(--focus-ring) solid var(--focus-color);outline-offset:var(--focus-offset-field)}.TextField-module__3DXP1q__field:has(.TextField-module__3DXP1q__input:disabled){opacity:var(--disabled-opacity);pointer-events:none}.TextField-module__3DXP1q__invalid,.TextField-module__3DXP1q__invalid:hover{border-color:var(--color-err)}.TextField-module__3DXP1q__input{min-width:0;height:100%;font:var(--type-ui);color:var(--color-text);background:0 0;border:0;outline:none;flex:1;padding:0}.TextField-module__3DXP1q__input:focus-visible{outline:none}.TextField-module__3DXP1q__input::placeholder{opacity:1;color:var(--color-text-secondary)}.TextField-module__3DXP1q__icon{color:var(--color-text-aux);flex:none}.TextField-module__3DXP1q__clear{width:var(--s6);height:var(--s6);border-radius:var(--r-full);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-inline-end:calc(var(--s1) * -1);padding:0;display:inline-flex}.TextField-module__3DXP1q__clear:hover{color:var(--color-text)}.TextField-module__3DXP1q__error{font:var(--type-meta);color:var(--color-err);margin:0}.TextField-module__3DXP1q__hint{font:var(--type-meta);color:var(--color-text-secondary);margin:0}@media (pointer:coarse){:where(.TextField-module__3DXP1q__clear){position:relative}.TextField-module__3DXP1q__clear:after{width:max(100%, var(--tap-min));height:max(100%, var(--tap-min));content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}