.ds-text-field{--ds-text-field-foreground:var(--fg-text-primary);--ds-text-field-placeholder:var(--fg-text-placeholder);--ds-text-field-status:var(--fg-text-tertiary);--ds-text-field-stroke:var(--stroke-neutral-solid);--ds-text-field-stroke-hover:var(--stroke-neutral-solid-hover);--ds-text-field-stroke-focused:var(--stroke-focus-ring-brand);--ds-text-field-icon:var(--fg-neutral-subtle);gap:var(--dimension-x1);inline-size:min(320px,100%);color:var(--ds-text-field-foreground);font-family:var(--font-family-sans);display:inline-grid}.ds-text-field--full-width{inline-size:100%}.ds-text-field__control{min-block-size:var(--ds-text-field-min-block-size);align-items:center;gap:var(--ds-text-field-gap);padding-block:var(--dimension-x0);padding-inline:var(--dimension-x0);border:0;border-bottom:var(--dimension-stroke-component-default) solid var(--ds-text-field-stroke);color:var(--ds-text-field-foreground);background:0 0;display:flex}.ds-text-field__control:hover{border-bottom-color:var(--ds-text-field-stroke-hover)}.ds-text-field__control:focus-within{border-bottom-color:var(--ds-text-field-stroke-focused)}.ds-text-field__input{min-inline-size:var(--dimension-x0);inline-size:100%;padding:var(--dimension-x0);color:inherit;font:inherit;letter-spacing:var(--letter-spacing-default);background:0 0;border:0;outline:0}.ds-text-field__input::placeholder{color:var(--ds-text-field-placeholder);opacity:1}.ds-text-field__icon{inline-size:var(--ds-text-field-icon-size);block-size:var(--ds-text-field-icon-size);color:var(--ds-text-field-icon);line-height:var(--font-size-t1);flex:none;justify-content:center;align-items:center;display:inline-flex}.ds-text-field__icon svg{inline-size:var(--ds-text-field-icon-size);block-size:var(--ds-text-field-icon-size);display:block}.ds-text-field__status{max-inline-size:100%;margin:var(--dimension-x0);color:var(--ds-text-field-status);font-size:var(--font-size-t2);line-height:var(--line-height-t2);text-align:end;text-overflow:ellipsis;white-space:nowrap;justify-self:end;overflow:hidden}.ds-text-field--status-success{--ds-text-field-status:var(--fg-positive)}.ds-text-field--status-error{--ds-text-field-status:var(--fg-critical)}.ds-text-field--status-pending{--ds-text-field-status:var(--fg-text-tertiary)}.ds-text-field--invalid{--ds-text-field-stroke:var(--stroke-critical-solid);--ds-text-field-stroke-hover:var(--stroke-critical-solid-hover);--ds-text-field-stroke-focused:var(--stroke-focus-ring-critical)}.ds-text-field:has(.ds-text-field__input:disabled){--ds-text-field-foreground:var(--fg-text-disabled);--ds-text-field-placeholder:var(--fg-text-disabled);--ds-text-field-status:var(--fg-text-disabled);--ds-text-field-stroke:var(--stroke-disabled-strong);--ds-text-field-stroke-hover:var(--stroke-disabled-strong);--ds-text-field-icon:var(--fg-text-disabled)}.ds-text-field__input:disabled{cursor:not-allowed}.ds-text-field--small{--ds-text-field-min-block-size:var(--dimension-x9);--ds-text-field-gap:var(--dimension-x1);--ds-text-field-icon-size:var(--dimension-x4);font-size:var(--font-size-t3);line-height:var(--line-height-t3)}.ds-text-field--medium{--ds-text-field-min-block-size:var(--dimension-x10);--ds-text-field-gap:var(--dimension-x1_5);--ds-text-field-icon-size:var(--dimension-x4);font-size:var(--font-size-t4);line-height:var(--line-height-t4)}.ds-text-field--large{--ds-text-field-min-block-size:var(--dimension-x12);--ds-text-field-gap:var(--dimension-x2);--ds-text-field-icon-size:var(--dimension-x5);font-size:var(--font-size-t5);line-height:var(--line-height-t5)}