.ds-input{--input-padding-x:var(--ds-input-padding-x-md);--input-padding-y:var(--ds-field-padding-y-md);--input-gap:var(--ds-input-gap-md);--input-icon-frame-size:var(--ds-input-icon-size-md);--input-border-width:var(--ds-field-border-width);align-items:center;gap:var(--ds-input-gap-md);border:var(--ds-field-border-width) solid var(--ds-field-border-color-default);border-radius:var(--ds-field-radius);background:var(--ds-field-bg-default);color:var(--ds-field-value-color-default);font-family:var(--ds-input-text-font-family-default);font-weight:var(--ds-input-text-font-weight-default);letter-spacing:var(--ds-input-text-letter-spacing-default);transition:border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-default), box-shadow var(--ds-motion-duration-fast) var(--ds-motion-ease-default);display:flex}.ds-input,.ds-input--md{height:var(--ds-input-height-md);padding:var(--ds-field-padding-y-md) var(--ds-input-padding-x-md);font-size:var(--ds-input-text-font-size-md);line-height:var(--ds-input-text-line-height-md)}.ds-input--sm{--input-padding-x:var(--ds-input-padding-x-sm);--input-padding-y:var(--ds-field-padding-y-sm);--input-gap:var(--ds-input-gap-sm);--input-icon-frame-size:var(--ds-input-icon-size-sm);height:var(--ds-input-height-sm);gap:var(--ds-input-gap-sm);padding:var(--ds-field-padding-y-sm) var(--ds-input-padding-x-sm);font-size:var(--ds-input-text-font-size-sm);line-height:var(--ds-input-text-line-height-sm)}.ds-input--lg{--input-padding-x:var(--ds-input-padding-x-lg);--input-padding-y:var(--ds-field-padding-y-lg);--input-gap:var(--ds-input-gap-lg);--input-icon-frame-size:var(--ds-input-icon-size-lg);height:var(--ds-input-height-lg);gap:var(--ds-input-gap-lg);padding:var(--ds-field-padding-y-lg) var(--ds-input-padding-x-lg);font-size:var(--ds-input-text-font-size-lg);line-height:var(--ds-input-text-line-height-lg)}.ds-input__field{--input-field-leading-size:0px;--input-field-leading-gap:0px;--input-field-trailing-size:0px;--input-field-trailing-gap:0px;color:var(--ds-field-value-color-default);font-size:inherit;font-family:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;min-width:0;margin-top:calc(-1 * (var(--input-padding-y) + var(--input-border-width)));margin-bottom:calc(-1 * (var(--input-padding-y) + var(--input-border-width)));margin-left:calc(-1 * ( var(--input-padding-x) + var(--input-border-width) + var(--input-field-leading-size) + var(--input-field-leading-gap) ));margin-right:calc(-1 * (var(--input-padding-x) + var(--input-border-width)));padding-left:calc(var(--input-padding-x) + var(--input-border-width) + var(--input-field-leading-size) + var(--input-field-leading-gap) + var(--ds-input-text-frame-padding-x-default));padding-right:calc(var(--input-padding-x) + var(--input-border-width) + var(--input-field-trailing-size) + var(--input-field-trailing-gap) + var(--ds-input-text-frame-padding-x-default));background:0 0;border:none;outline:none;flex:1;align-self:stretch}.ds-input__icon+.ds-input__field{--input-field-leading-size:calc(var(--input-icon-frame-size) + var(--ds-input-icon-frame-padding-x-default) + var(--ds-input-icon-frame-padding-x-default));--input-field-leading-gap:var(--input-gap)}.ds-input__field:has(+.ds-input__icon){--input-field-trailing-size:calc(var(--input-icon-frame-size) + var(--ds-input-icon-frame-padding-x-default) + var(--ds-input-icon-frame-padding-x-default));--input-field-trailing-gap:var(--input-gap);margin-right:calc(-1 * ( var(--input-padding-x) + var(--input-border-width) + var(--input-field-trailing-size) + var(--input-field-trailing-gap) ))}.ds-input__field::placeholder{color:var(--ds-field-placeholder-color-default)}.ds-input__icon{color:var(--ds-input-icon-color-default);fill:none;stroke:currentColor;stroke-width:var(--ds-input-icon-stroke-width-md);box-sizing:content-box;width:var(--ds-input-icon-size-md);height:var(--ds-input-icon-size-md);padding-left:var(--ds-input-icon-frame-padding-x-default);padding-right:var(--ds-input-icon-frame-padding-x-default);font-size:var(--ds-input-icon-size-md);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ds-input--sm .ds-input__icon{width:var(--ds-input-icon-size-sm);height:var(--ds-input-icon-size-sm);font-size:var(--ds-input-icon-size-sm);stroke-width:var(--ds-input-icon-stroke-width-sm)}.ds-input--lg .ds-input__icon{width:var(--ds-input-icon-size-lg);height:var(--ds-input-icon-size-lg);font-size:var(--ds-input-icon-size-lg);stroke-width:var(--ds-input-icon-stroke-width-lg)}.ds-input:hover:not(.ds-input--disabled):not(:focus-within){border-color:var(--ds-field-border-color-hover)}.ds-input:focus-within{background:var(--ds-field-bg-default);border-color:var(--ds-field-border-color-focus);border-radius:var(--ds-field-radius);outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color-default);outline-offset:var(--ds-focus-ring-width)}.ds-input--error,.ds-field--error .ds-input{background:var(--ds-field-bg-default);border-color:var(--ds-field-border-color-error)}.ds-input--error:hover:not(.ds-input--disabled):not(:focus-within),.ds-field--error .ds-input:hover:not(.ds-input--disabled):not(:focus-within){background:var(--ds-field-bg-default);border-color:var(--ds-field-border-color-error-hover)}.ds-input--error:focus-within,.ds-field--error .ds-input:focus-within{border-color:var(--ds-field-border-color-error);outline-color:var(--ds-focus-ring-color-error)}.ds-input--filled{background:var(--ds-field-bg-default);border-color:var(--ds-field-border-color-filled)}.ds-input--filled.ds-input--error,.ds-field--error .ds-input--filled{background:var(--ds-field-bg-default);border-color:var(--ds-field-border-color-error)}.ds-input--filled.ds-input--error:hover:not(.ds-input--disabled):not(:focus-within),.ds-field--error .ds-input--filled:hover:not(.ds-input--disabled):not(:focus-within){background:var(--ds-field-bg-default);border-color:var(--ds-field-border-color-error-hover)}.ds-input--disabled,.ds-input:has(.ds-input__field:disabled){background:var(--ds-field-bg-disabled);border-color:var(--ds-field-border-color-disabled);color:var(--ds-field-value-color-disabled);pointer-events:none}.ds-input--disabled .ds-input__field,.ds-input__field:disabled{color:var(--ds-field-value-color-disabled)}.ds-input--disabled .ds-input__field::placeholder,.ds-input__field:disabled::placeholder{color:var(--ds-field-placeholder-color-disabled)}.ds-input--disabled .ds-input__icon,.ds-input:has(.ds-input__field:disabled) .ds-input__icon{color:var(--ds-input-icon-color-disabled)}.ds-input--readonly,.ds-input:has(.ds-input__field:read-only){background:var(--ds-field-bg-readonly);border-color:var(--ds-field-border-color-readonly)}.ds-input--readonly .ds-input__field,.ds-input__field:read-only{color:var(--ds-field-value-color-readonly)}.ds-input--readonly:focus-within,.ds-input:has(.ds-input__field:read-only):focus-within{background:var(--ds-field-bg-readonly);border-color:var(--ds-field-border-color-readonly);outline-color:var(--ds-focus-ring-color-readonly)}.ds-field:has(.ds-input){gap:var(--ds-form-field-stack-gap-default)}.ds-field:has(.ds-input) .ds-field__label-row{gap:var(--ds-form-field-label-row-gap-default)}.ds-field:has(.ds-input) .ds-field__label{color:var(--ds-form-field-label-color-default);font-family:var(--ds-form-field-label-font-family-default);font-size:var(--ds-form-field-label-font-size-default);font-weight:var(--ds-body-font-weight-bold);letter-spacing:var(--ds-body-letter-spacing-normal);line-height:var(--ds-form-field-label-line-height-default)}.ds-field:has(.ds-input--sm) .ds-field__label,.ds-field:has(.ds-input--lg) .ds-field__label{font-size:var(--ds-form-field-label-font-size-default);line-height:var(--ds-form-field-label-line-height-default)}.ds-field:has(.ds-input) .ds-field__required{color:var(--ds-form-field-required-color-default);font-family:var(--ds-form-field-required-font-family-default);font-size:var(--ds-form-field-required-font-size-default);font-weight:var(--ds-body-font-weight-bold);letter-spacing:var(--ds-body-letter-spacing-normal);line-height:var(--ds-form-field-required-line-height-default)}.ds-field:has(.ds-input) .ds-field__helper{color:var(--ds-form-field-helper-color-default);font-family:var(--ds-form-field-label-font-family-default);font-size:var(--ds-body-font-size-xs);font-weight:var(--ds-body-font-weight-regular);letter-spacing:var(--ds-body-letter-spacing-normal);line-height:var(--ds-body-line-height-xs)}.ds-field--error:has(.ds-input) .ds-field__label{color:var(--ds-form-field-label-color-default)}.ds-field:has(.ds-input--disabled) .ds-field__label,.ds-field:has(.ds-input__field:disabled) .ds-field__label{color:var(--ds-form-field-label-color-disabled)}.ds-field:has(.ds-input--disabled) .ds-field__helper,.ds-field:has(.ds-input__field:disabled) .ds-field__helper{color:var(--ds-form-field-helper-color-disabled)}.ds-field:has(.ds-input--readonly) .ds-field__label,.ds-field:has(.ds-input__field:read-only) .ds-field__label{color:var(--ds-form-field-label-color-readonly)}@media (prefers-reduced-motion:reduce){.ds-input{transition:none}}