.react-calendar-year-view{border:1px solid color-mix(in oklab, var(--color-white) 20%, transparent);color:#fff;background:#fff3;border-radius:8px;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;overflow:hidden}.react-calendar-year-view button{text-align:center;max-width:100%;font:inherit;background:0 0;border:0;outline:none;margin:0;padding:10px 6.6667px;font-size:.833em;flex-basis:8.33333%!important}@media (max-width:600px){.react-calendar-year-view button{flex-basis:16.6667%!important}}.react-calendar-year-view button:disabled{cursor:not-allowed;background-color:color-mix(in oklab, var(--color-neutral-700) 50%, transparent);color:color-mix(in oklab, var(--color-white) 50%, transparent)}.react-calendar-year-view button:enabled{cursor:pointer;background-color:color-mix(in oklab, var(--color-neutral-800) 40%, transparent);transition:background-color .2s}.react-calendar-year-view button:enabled:hover,.react-calendar-year-view button.active-month{background-color:color-mix(in oklab, var(--color-neutral-800) 70%, transparent)}
.react-calendar-month-view{border:1px solid color-mix(in oklab, var(--color-white) 20%, transparent);width:350px;max-width:100%;color:color-mix(in oklab, var(--color-white) 80%, transparent);background:#fff3;border-radius:8px;margin:auto;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;overflow:hidden}.react-calendar-month-view button{text-align:center;max-width:100%;font:inherit;background:0 0;border:0;outline:none;margin:0;padding:10px 6.6667px;font-size:.833em}.react-calendar-month-view button:disabled{cursor:not-allowed;background-color:color-mix(in oklab, var(--color-neutral-700) 50%, transparent);color:color-mix(in oklab, var(--color-white) 50%, transparent)}.react-calendar-month-view button:enabled{cursor:pointer;background-color:color-mix(in oklab, var(--color-neutral-800) 40%, transparent);transition:background-color .2s}.react-calendar-month-view button.react-calendar__month-view__days__day--weekend{color:var(--color-rose-500)}.react-calendar-month-view button:enabled:hover{background-color:color-mix(in oklab, var(--color-neutral-700) 60%, transparent)}.react-calendar-month-view button.react-calendar__tile--active,.react-calendar-month-view button.react-calendar__tile--active:enabled:hover{color:#fff;border-radius:4px;font-weight:700;background-color:color-mix(in oklab, var(--color-violet-600) 70%, transparent)!important}.react-calendar-month-view button.full-day{background-color:color-mix(in oklab, var(--color-indigo-400) 40%, transparent);color:#000}.react-calendar-month-view button.closed-day{background-color:color-mix(in oklab, var(--color-neutral-600) 40%, transparent);color:#fff}.react-calendar-month-view .react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar-month-view .react-calendar__month-view__weekdays__weekday{padding:.5em}