@layer components{.field{--field-h:var(--size-control-md);--field-type:var(--font-size-sm);--field-leading:var(--line-height-sm);--field-icon:var(--size-icon-xs);align-items:stretch;gap:var(--space-3xs);flex-direction:column;width:100%;display:flex}.field__control{grid-template-columns:var(--field-icon) minmax(0, 1fr) var(--field-icon);align-items:center;column-gap:var(--space-xs);width:100%;height:var(--field-h);min-height:var(--field-h);padding:0 var(--space-sm);border-radius:var(--radius-lg);background:var(--surface-default);box-shadow:inset 0 0 0 var(--border-width-thin) var(--border-default), var(--elevation-raised);border:0;display:grid;overflow:hidden}.field__control:focus-within{box-shadow:inset 0 0 0 var(--border-width-thin) var(--border-focus-field), var(--elevation-raised)}.field__input{min-width:0;color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--field-type);font-weight:var(--font-weight-medium);line-height:var(--field-leading);letter-spacing:var(--letter-spacing-normal);background:0 0;border:0;flex:1 0 0;margin:0;padding:0}.field__input::placeholder{color:var(--text-disabled);opacity:1;transition:opacity var(--duration-press) var(--ease-out)}.field__control:focus-within .field__input::placeholder,.field--typing .field__input::placeholder{opacity:.64}.field__input:focus{outline:none}.field__input:disabled{color:var(--text-disabled)}.field__icon{width:var(--field-icon);height:var(--field-icon);color:var(--text-disabled);opacity:1;transition:color var(--duration-press) ease, opacity var(--duration-press) var(--ease-out), transform var(--duration-press) var(--ease-out);flex-shrink:0;position:relative;overflow:hidden;transform:translateZ(0)scale(1)}.field__control:focus-within .field__icon,.field--typing .field__control .field__icon{color:var(--text-tertiary)}@media (prefers-reduced-motion:reduce){.field__icon{transition:color var(--duration-press) ease, opacity var(--duration-press) ease}.field__input::placeholder{transition:opacity var(--duration-press) ease}}}