.event-color{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.55rem}.calendar-toolbar{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr))}.calendar-weekdays>div{text-align:center;font-size:.72rem;font-weight:800;text-transform:uppercase;color:#77818d;padding:.7rem}.calendar-day{min-height:130px;background:#fff;border:1px solid #e7ebef;padding:.55rem;text-align:left;overflow:hidden}.calendar-day:hover{background:#fffaf7;border-color:#ffb783;z-index:1}.calendar-day.outside{background:#f7f8fa;color:#aab1ba}.calendar-day.today .day-number{background:#ff6b00;color:#fff}.day-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:700}.day-events{margin-top:.35rem}.calendar-event{display:block;background:color-mix(in srgb,var(--event-color) 13%,white);border-left:3px solid var(--event-color);border-radius:4px;padding:.25rem .35rem;margin:.2rem 0;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#263238}@media(max-width:767px){.calendar-grid{grid-template-columns:repeat(7,minmax(70px,1fr));min-width:560px}.calendar-grid:not(.calendar-weekdays){overflow:visible}.calendar-day{min-height:95px}.calendar-event{font-size:0;width:8px;height:8px;border-radius:50%;padding:0;border:0;background:var(--event-color);display:inline-block}.calendar-toolbar+*{overflow:auto}body:has(.calendar-grid){overflow-x:auto}}