.user-datetime-picker .react-datepicker-wrapper,.user-datetime-picker .react-datepicker__input-container{width:100%}.user-datetime-picker-popper{z-index:10060;max-width:calc(100vw - 1rem)}.user-datetime-picker-calendar,.user-datetime-picker-popper .react-datepicker{font-family:inherit;border:1px solid hsl(var(--border));border-radius:var(--radius-md);box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);overflow:hidden}.user-datetime-picker-calendar-with-time{display:flex;flex-direction:column;overflow:hidden}.user-datetime-picker-time-footer select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-color:hsl(var(--muted))}.user-datetime-picker-calendar .react-datepicker__header,.user-datetime-picker-popper .react-datepicker__header{background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));padding-top:.75rem}.user-datetime-picker-calendar .react-datepicker-year-header,.user-datetime-picker-calendar .react-datepicker__current-month,.user-datetime-picker-popper .react-datepicker-year-header,.user-datetime-picker-popper .react-datepicker__current-month{font-weight:600;color:hsl(var(--foreground))}.user-datetime-picker-calendar .react-datepicker__day-name,.user-datetime-picker-popper .react-datepicker__day-name{color:hsl(var(--muted-foreground));font-weight:500}.user-datetime-picker-calendar .react-datepicker__day,.user-datetime-picker-popper .react-datepicker__day{border-radius:var(--radius-sm);color:hsl(var(--foreground))}.user-datetime-picker-calendar .react-datepicker__day:hover,.user-datetime-picker-popper .react-datepicker__day:hover{background:hsl(var(--accent))}.user-datetime-picker-calendar .react-datepicker__day--keyboard-selected,.user-datetime-picker-calendar .react-datepicker__day--selected,.user-datetime-picker-popper .react-datepicker__day--keyboard-selected,.user-datetime-picker-popper .react-datepicker__day--selected{background:var(--primary);color:hsl(var(--primary-foreground))}.user-datetime-picker-calendar .react-datepicker__day--keyboard-selected:hover,.user-datetime-picker-calendar .react-datepicker__day--selected:hover,.user-datetime-picker-popper .react-datepicker__day--keyboard-selected:hover,.user-datetime-picker-popper .react-datepicker__day--selected:hover{background:var(--primary)}.user-datetime-picker-calendar .react-datepicker__day--disabled,.user-datetime-picker-popper .react-datepicker__day--disabled{color:hsl(var(--muted-foreground));opacity:.5}.user-datetime-picker-calendar .react-datepicker__navigation-icon:before,.user-datetime-picker-popper .react-datepicker__navigation-icon:before{border-color:hsl(var(--foreground))}.react-datepicker__portal .user-datetime-picker-calendar-with-time,.user-datetime-picker-calendar.user-datetime-picker-calendar-with-time,.user-datetime-picker-popper .user-datetime-picker-calendar-with-time{width:100%;min-width:17.5rem;max-width:min(100vw - 1.5rem,20rem)}.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__month-container,.user-datetime-picker-calendar.user-datetime-picker-calendar-with-time .react-datepicker__month-container,.user-datetime-picker-popper .user-datetime-picker-calendar-with-time .react-datepicker__month-container{float:none;width:100%}@media (max-width:640px){.react-datepicker__portal{padding:.75rem;box-sizing:border-box;background-color:rgb(0 0 0/.45)}.user-datetime-picker-popper{width:calc(100vw - 1rem)!important;max-width:calc(100vw - 1rem)}.react-datepicker__portal .user-datetime-picker-calendar-with-time,.user-datetime-picker-calendar.user-datetime-picker-calendar-with-time,.user-datetime-picker-popper .user-datetime-picker-calendar-with-time{max-width:min(100vw - 1.5rem,18.5rem);font-size:.875rem}.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__header,.user-datetime-picker-calendar .react-datepicker__header,.user-datetime-picker-popper .react-datepicker__header{padding:.5rem 2rem}.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__current-month,.user-datetime-picker-calendar .react-datepicker__current-month,.user-datetime-picker-popper .react-datepicker__current-month{font-size:.9375rem;line-height:1.25rem}.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__navigation,.user-datetime-picker-calendar .react-datepicker__navigation,.user-datetime-picker-popper .react-datepicker__navigation{top:.375rem;width:1.75rem;height:1.75rem}.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__navigation--previous,.user-datetime-picker-calendar .react-datepicker__navigation--previous,.user-datetime-picker-popper .react-datepicker__navigation--previous{left:.25rem}.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__navigation--next,.user-datetime-picker-calendar .react-datepicker__navigation--next,.user-datetime-picker-popper .react-datepicker__navigation--next{right:.25rem}.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__day,.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__day-name,.user-datetime-picker-calendar .react-datepicker__day,.user-datetime-picker-calendar .react-datepicker__day-name,.user-datetime-picker-popper .react-datepicker__day,.user-datetime-picker-popper .react-datepicker__day-name{width:1.75rem;line-height:1.75rem;margin:.1rem}.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__week,.user-datetime-picker-calendar .react-datepicker__week,.user-datetime-picker-popper .react-datepicker__week{display:flex;justify-content:space-around}.react-datepicker__portal .user-datetime-picker-calendar-with-time .react-datepicker__day-names,.user-datetime-picker-calendar .react-datepicker__day-names,.user-datetime-picker-popper .react-datepicker__day-names{display:flex;justify-content:space-around;margin-bottom:.25rem}}