.ds-date-input{gap:var(--gap-sm);flex-direction:column;width:100%;display:flex}.ds-date-input__field-wrapper{align-items:center;display:flex;position:relative}.ds-date-input__icon{left:var(--padding-md);--icon-size:var(--icon-size-md);color:var(--color-icon-primary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ds-date-input__field{width:100%;padding:var(--padding-sm) var(--padding-md);padding-left:calc(var(--padding-md) + 24px + var(--gap-sm));border:var(--border-xs) solid var(--color-input-border-primary);border-radius:var(--radius-md);background-color:var(--color-input-bg-primary);font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);letter-spacing:var(--font-paragraph-letter-spacing);color:var(--color-input-text-primary);transition:border-color var(--motion-duration-base) var(--motion-ease-standard), background-color var(--motion-duration-base) var(--motion-ease-standard);outline:none}.ds-date-input__field::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.ds-date-input__field:hover:not(:focus):not(:disabled){border-color:var(--color-input-border-hover)}.ds-date-input__field:focus{border-color:var(--color-input-border-selected);background-color:var(--color-input-bg-primary)}.ds-date-input--compact .ds-date-input__field{padding:var(--padding-xs) var(--padding-sm-md);padding-left:calc(var(--padding-sm-md) + 20px + var(--gap-sm));font-size:var(--font-paragraph-sm-size);line-height:var(--font-paragraph-sm-line-height);letter-spacing:var(--font-paragraph-sm-letter-spacing)}.ds-date-input--compact .ds-date-input__icon{left:var(--padding-sm-md);--icon-size:var(--icon-size-sm)}.ds-date-input--error .ds-date-input__field,.ds-date-input--error .ds-date-input__field:focus{border-color:var(--color-status-error-border)}.ds-date-input--disabled .ds-date-input__field{background-color:var(--color-input-bg-disabled);border-color:var(--color-input-border-disabled);color:var(--color-input-text-disabled);cursor:not-allowed}.ds-date-input--disabled .ds-date-input__icon{color:var(--color-input-text-disabled)}