.astra-datepicker{--rdp-primary:var(--color-primary);--rdp-primary-contrast:var(--color-white);--rdp-hover:rgba(126,33,153,0.12);--rdp-border:var(--color-border);--rdp-bg:var(--color-white);--rdp-muted:var(--color-lightGrey);--rdp-text:#111827}.astra-datepicker.react-datepicker{border:2px solid var(--color-primary);box-shadow:0 8px 24px rgba(0,0,0,.08);border-radius:6px;overflow:hidden;background:var(--rdp-bg);width:100%}.astra-datepicker .react-datepicker__header{background:var(--color-lightGrey);border-bottom:1px solid var(--rdp-border)}.astra-datepicker .react-datepicker-time__header,.astra-datepicker .react-datepicker-year-header,.astra-datepicker .react-datepicker__current-month{color:var(--rdp-text);font-weight:600}.astra-datepicker .react-datepicker__navigation-icon:before,.astra-datepicker .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--rdp-primary)}.astra-datepicker .react-datepicker__day-name{color:var(--rdp-text);opacity:.65;font-weight:500;text-align:center}.astra-datepicker .react-datepicker__day-names{display:flex;justify-content:center}.astra-datepicker .react-datepicker__day,.astra-datepicker .react-datepicker__time-name{color:var(--rdp-text)}.astra-datepicker .react-datepicker__day:hover{background:var(--rdp-hover);border-radius:8px}.astra-datepicker .react-datepicker__day--keyboard-selected,.astra-datepicker .react-datepicker__day--selected{background:var(--rdp-primary);color:var(--rdp-primary-contrast);border-radius:8px}.astra-datepicker .react-datepicker__day--today{position:relative}.astra-datepicker .react-datepicker__day--today:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:6px;height:6px;background:var(--rdp-primary);border-radius:9999px}.astra-datepicker .react-datepicker__day--disabled,.astra-datepicker .react-datepicker__day--outside-month{color:var(--rdp-muted);opacity:.6}.astra-datepicker .react-datepicker__day--disabled:hover{background:transparent}.astra-datepicker .react-datepicker__time-container .react-datepicker__time{background:var(--rdp-bg)}.astra-datepicker .react-datepicker__time-container .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background:var(--rdp-primary);color:var(--rdp-primary-contrast)}.astra-datepicker.react-datepicker--inline{border:1px solid var(--rdp-border);width:100%}.astra-datepicker .react-datepicker__month-container{width:100%}