.c-dateField{--dateField-gap:var(--space-3xs);--dateField-padding-block:var(--space-2xs);--dateField-padding-inline:var(--space-xs);--dateField-radius:var(--borderRadius);--dateField-hint-fontSize:.875em;--dateField-label-color:var(--color-text);--dateField-hint-color:var(--color-text-muted);--dateField-text-color:var(--color-text);--dateField-placeholder-color:var(--color-text-muted);--dateField-bg-color:var(--color-bg-surface);--dateField-border-color:var(--color-border);--dateField-border-color-hover:var(--color-border-strong);gap:var(--dateField-gap);color:var(--dateField-text-color);flex-direction:column;font-family:system-ui,sans-serif;display:flex}.c-dateField__label{color:var(--dateField-label-color);font-weight:600}.c-dateField__control:focus-visible{outline:2px solid var(--color-focus-ring-light);outline-offset:var(--outlineOffset)}.c-dateField__control{border:1px solid var(--dateField-border-color);border-radius:var(--dateField-radius);padding:var(--dateField-padding-block) var(--dateField-padding-inline);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--dateField-text-color);background-color:var(--dateField-bg-color)}.c-dateField__control::placeholder{color:var(--dateField-placeholder-color)}.c-dateField__control:hover{border-color:var(--dateField-border-color-hover)}.c-dateField__hint{font-size:var(--dateField-hint-fontSize);color:var(--dateField-hint-color);line-height:1.4}