.ds-field{width:100%;max-width:20rem;color:var(--color-theme-text);flex-direction:column;gap:.375rem;display:flex}.ds-field__label,.ds-field__hint{font-size:var(--font-size-text-extra-small);line-height:var(--line-height-text-extra-small)}.ds-field__control{align-items:center;gap:var(--size-0-5);padding:calc(var(--size-0-75) - var(--border-width-main)) calc(var(--size-1) - var(--border-width-main));border:var(--border-width-main) solid var(--color-button-secondary-border);border-radius:var(--radius-main);background:var(--color-theme-background-secondary);box-shadow:var(--shadow-extra-small);display:flex;overflow:hidden}.ds-field__control:hover{border-color:var(--color-button-primary-border)}.ds-field__control:has(.ds-field__input:focus-visible){border-color:var(--color-button-primary-border);outline:var(--size-0-125) solid var(--color-focus-ring);outline-offset:var(--size-0-125)}.ds-field__input{width:100%;min-width:0;color:var(--color-theme-text);font-size:var(--font-size-text-small);line-height:var(--line-height-text-small);background:0 0;border:0;outline:0;padding:0}.ds-field__input::placeholder{color:var(--color-theme-text);opacity:.6}.ds-field__control:has(.ds-field__input:disabled){border-color:var(--color-button-secondary-border-disabled);background:var(--color-button-secondary-background-disabled);box-shadow:none}.ds-field__input:disabled{color:var(--color-button-secondary-text-disabled);cursor:not-allowed}.ds-field__input:disabled::placeholder{color:var(--color-button-secondary-text-disabled);opacity:1}.ds-field__control:has(.ds-field__input:disabled) .ds-field__icon{color:var(--color-button-secondary-text-disabled)}.ds-field__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.ds-field__icon--leading{width:1.125rem;height:1.125rem}.ds-field__icon--trailing{width:.875rem;height:.875rem}.ds-field__icon>svg{width:100%;height:100%}