.react-calendar{background-color:var(--color-surface);color:var(--color-on-surface);padding:1rem;border-radius:.75rem;box-shadow:0 4px 6px #0000000d;font-family:inherit;width:100%}.react-calendar__navigation{display:flex;align-items:center;margin-bottom:1rem}.react-calendar__navigation button{color:var(--color-outline);background:none;border:none;padding:.5rem;font-weight:500;border-radius:.5rem;transition:background-color .2s}.react-calendar__navigation button:hover{background-color:var(--color-surface-container-high)}.react-calendar__month-view__weekdays{display:grid!important;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.75rem;color:var(--color-outline);text-transform:uppercase}.react-calendar__month-view__days{display:grid!important;grid-template-columns:repeat(7,1fr);gap:.25rem}.react-calendar__tile{padding:.5rem;border-radius:9999px;text-align:center;transition:background-color .2s,color .2s}.react-calendar__tile--now{color:var(--color-primary);font-weight:600}.react-calendar__tile--active{background-color:var(--color-primary);color:var(--color-on-primary);font-weight:600}.react-calendar__tile:not(.react-calendar__tile--active):hover{background-color:var(--color-surface-container-high)}.react-calendar__month-view__days__day--neighboringMonth{color:var(--color-outline);opacity:.5}