.c-date-field{background-color:var(--color-tertiary);border:1px solid var(--color-quinary);border-radius:calc(var(--space-scale-2xs)/2);display:inline-flex;padding:calc(var(--font-scale-2xs) - 3px) var(--font-scale-xl) calc(var(--font-scale-2xs) - 3px) var(--font-scale-2xs);width:100%}.c-date-field__wrapper{position:relative}.c-date-field__wrapper--error .c-date-field{border:1px solid var(--color-error)}.c-date-field__segment{font-variant-numeric:tabular-nums;text-align:end}.c-date-field__segment:last-of-type{margin:0 var(--space-scale-m) 0 0}.c-date-field__segment:focus{background:var(--color-primary);border-radius:calc(var(--space-scale-2xs)/2);color:var(--color-tertiary);outline:none}.c-date-field__segment--disabled{color:var(--color-neutral-400)}@media screen and (min-width:22.5rem){.c-date-field__segment{padding:0 .063rem}}.c-date-field__error--text{color:var(--color-error)}