.date-input{display:flex;flex-direction:column;max-width:100%;width:100%}@media(prefers-reduced-motion:no-preference){.date-input .date-input__control{transition:border-color .2s ease,box-shadow .2s ease}}.date-input__label-row{align-items:flex-start;color:var(--text-neutral-100, #262728);display:flex;justify-content:space-between;padding-bottom:var(--padding-5xs, 4px);width:100%}.date-input__label{color:inherit}.date-input__optional{color:var(--text-neutral-80, #5f6264)}.date-input__control{align-items:center;background:var(--background-neutral-white, #fff);border:1.2px solid var(--line-neutral-80, #5f6264);border-radius:var(--radius-xs, 4px);display:flex;gap:var(--gap-xs, 8px);width:100%}.date-input__field{background:transparent;border:0;color:var(--text-neutral-100, #262728);flex:1;margin:0;min-width:0;outline:0;padding:0}.date-input__field::-moz-placeholder{color:inherit;opacity:1}.date-input__field::placeholder{color:inherit;opacity:1}.date-input__hint{color:var(--text-neutral-100, #262728);margin:0;padding-top:var(--padding-4xs, 8px)}.date-input[data-size="48"] .date-input__control,.date-input[data-size="48 px"] .date-input__control{padding:var(--padding-3xs, 12px) var(--padding-2xs, 16px)}.date-input[data-size="56"] .date-input__control,.date-input[data-size="56 px"] .date-input__control{padding:var(--padding-2xs, 16px)}.date-input--inverted:not(.does-not-exist),.bg-primary-blue-100 .date-input{background:var(--background-primary-blue-100, #004da0);border-radius:var(--radius-xs, 4px);padding:var(--padding-2xs, 16px)}.date-input--inverted:not(.does-not-exist) .date-input__label-row,.bg-primary-blue-100 .date-input .date-input__label-row,.date-input--inverted:not(.does-not-exist) .date-input__label,.bg-primary-blue-100 .date-input .date-input__label,.date-input--inverted:not(.does-not-exist) .date-input__hint,.bg-primary-blue-100 .date-input .date-input__hint{color:var(--text-neutral-white, #fff)}.date-input--inverted:not(.does-not-exist) .date-input__optional,.bg-primary-blue-100 .date-input .date-input__optional{color:var(--text-neutral-white, #fff)}.date-input--inverted:not(.does-not-exist) .date-input__field::-moz-placeholder{color:var(--text-neutral-60, #bec4c7)}.date-input--inverted:not(.does-not-exist) .date-input__field::placeholder{color:var(--text-neutral-60, #bec4c7)}.bg-primary-blue-100 .date-input .date-input__field::-moz-placeholder{color:var(--text-neutral-60, #bec4c7)}.bg-primary-blue-100 .date-input .date-input__field::placeholder{color:var(--text-neutral-60, #bec4c7)}.date-input[data-state=Filled] .date-input__field,.date-input[data-state=Active] .date-input__field{color:var(--text-neutral-100, #262728)}.date-input[data-state=Active] .date-input__control{border:2px solid var(--line-primary-blue, #004da0);box-shadow:0 0 0 4px var(--shadows-cyan, #99dbf7)}.date-input:where(:not([data-state=Disabled]):not([data-state=Error])) .date-input__control:focus-within{border:2px solid var(--line-primary-blue, #004da0);box-shadow:0 0 0 4px var(--shadows-cyan, #99dbf7)}.date-input[data-state=Error] .date-input__control{border:2px solid var(--line-functional-error, #eb0000)}.date-input[data-state=Error] .date-input__hint{color:var(--text-functional-error, #eb0000)}.date-input[data-state=Disabled] .date-input__label-row,.date-input[data-state=Disabled] .date-input__optional,.date-input[data-state=Disabled] .date-input__hint,.date-input[data-state=Disabled] .date-input__field{color:var(--text-neutral-80, #5f6264)}.date-input[data-state=Disabled] .date-input__field{cursor:not-allowed}.date-input--inverted[data-state=Filled]:not(.does-not-exist) .date-input__field,.bg-primary-blue-100 .date-input[data-state=Filled] .date-input__field,.date-input--inverted[data-state=Active]:not(.does-not-exist) .date-input__field,.bg-primary-blue-100 .date-input[data-state=Active] .date-input__field{color:var(--text-neutral-100, #262728)}.date-input--inverted[data-state=Disabled]:not(.does-not-exist) .date-input__label-row,.bg-primary-blue-100 .date-input[data-state=Disabled] .date-input__label-row,.date-input--inverted[data-state=Disabled]:not(.does-not-exist) .date-input__optional,.bg-primary-blue-100 .date-input[data-state=Disabled] .date-input__optional,.date-input--inverted[data-state=Disabled]:not(.does-not-exist) .date-input__hint,.bg-primary-blue-100 .date-input[data-state=Disabled] .date-input__hint,.date-input--inverted[data-state=Disabled]:not(.does-not-exist) .date-input__field,.bg-primary-blue-100 .date-input[data-state=Disabled] .date-input__field{color:var(--text-neutral-60, #bec4c7)}.date-input--inverted[data-state=Error]:not(.does-not-exist) .date-input__hint,.bg-primary-blue-100 .date-input[data-state=Error] .date-input__hint{color:#f9b2b2}