.calendar{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.calendar .years{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-y:auto}.calendar .year{max-width:60rem;margin:auto;display:flex;flex-direction:column}.calendar .months{width:auto;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.calendar .month{flex-basis:14rem;flex-grow:1;display:flex;flex-direction:column;background-color:var(--bg2)}.calendar .monthTitle{font-size:2rem;margin-right:auto}.calendar .days{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.calendar .day{width:14.286%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--bg3);scroll-margin-top:10rem}.calendar .day.current{border:1px solid var(--fg1)}.calendar .day:active{border-color:var(--fg2)}.calendar .daySpacer{width:14.286%;aspect-ratio:1;visibility:hidden}