.ds-input{flex-direction:column;min-width:0;display:flex}.ds-input__field{align-items:center;min-width:0;display:flex;position:relative}.ds-input__control{width:100%}.ds-input--sm .ds-input__control{min-height:var(--control-height-sm);font-size:var(--font-size-sm);padding-block:var(--space-1)}.ds-input--md .ds-input__control{min-height:var(--control-height-md)}.ds-input--lg .ds-input__control{min-height:var(--control-height-lg);font-size:var(--font-size-md)}.ds-input__icon{width:1rem;height:1rem;color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.ds-input__icon--leading{left:var(--space-3)}.ds-input__icon--trailing{right:var(--space-3)}.ds-input__control--leading{padding-left:calc(var(--space-3) + 1rem + var(--space-2))}.ds-input__control--trailing{padding-right:calc(var(--space-3) + 1rem + var(--space-2))}.ds-input--inline .ds-input__control{padding-inline:var(--inline-edit-padding);border-radius:var(--radius-md);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border-color:#0000}.ds-input--inline .ds-input__control:hover:not(:disabled):not(:focus){background:var(--inline-edit-hover-bg);border-color:#0000}.ds-input--inline .ds-input__control:focus,.ds-input--inline .ds-input__control:focus-visible{background:var(--color-surface);border-color:var(--inline-edit-active-border)}.ds-input__control--auto-resize{resize:none;overflow:hidden}