.container.s-x2efh9{flex-grow:1;grid-template-rows:30px repeat(6,1fr);grid-template-columns:repeat(7,1fr);font-size:.95rem;display:grid}.container.s-x2efh9>div:where(.s-x2efh9){text-align:right;padding:.5rem}.container.dark.s-x2efh9 .day:where(.s-x2efh9):nth-child(7n),.container.dark.s-x2efh9 .day:where(.s-x2efh9):nth-child(7n-1){--bgcolor:#212121;--color:#eee}.day.s-x2efh9{border:1px solid #e6e5e6;border-top:none;justify-content:flex-end;display:flex}.day.s-x2efh9:nth-child(n){border-left:none}.day.s-x2efh9:nth-child(7n){border-right:none}.day.s-x2efh9:nth-child(n+43){border-bottom:none}.day.s-x2efh9:nth-child(7n),.day.s-x2efh9:nth-child(7n-1){--bgcolor:var(--system-color-grey-100);--color:var(--system-color-dark);color:var(--color);background-color:var(--bgcolor)!important}.day.s-x2efh9 .date-number:where(.s-x2efh9){--size:1.5rem;height:var(--size);width:var(--size);line-height:var(--size);text-align:center;color:var(--system-color-grey-500);border-radius:50%;justify-content:center;align-items:center;display:flex}.day.s-x2efh9 .this-month:where(.s-x2efh9),body.dark :is(.day.s-x2efh9 .this-month:where(.s-x2efh9)){color:var(--system-color-dark)}.day.today.s-x2efh9 .date-number:where(.s-x2efh9){color:#fff;--size:1.7rem;background-color:#ec4d3c}.weekday.s-x2efh9,.weekend.s-x2efh9{border-bottom:1.5px solid #c7c7cc}.weekend.s-x2efh9{color:gray}.container.s-14yir9b{--title-bar-height:2.5rem;background-color:var(--system-color-light);border-radius:inherit;overflow:hidden}.container.dark.s-14yir9b{box-shadow:inset 0 0 0 .9px lch(from var(--system-color-dark)l c h/20%),0 0 0 1.5px lch(from var(--system-color-light)l c h/50%)}.titlebar.s-14yir9b{width:100%;height:var(--title-bar-height);padding:1rem;position:absolute;top:0;left:0}.main-area.s-14yir9b{color:var(--system-color-light-contrast);margin-top:var(--title-bar-height);height:calc(100% - var(--title-bar-height));flex-direction:column;width:100%;display:flex;overflow:hidden}.calendar-header.s-14yir9b{justify-content:space-between;align-items:center;padding:10px;display:flex}.month.s-14yir9b{font-size:1.5rem;font-weight:700}.year.s-14yir9b{font-size:1.5rem}.control-buttons.s-14yir9b{justify-content:center;align-items:flex-end;display:flex}.control-buttons.s-14yir9b button:where(.s-14yir9b){--bgcolor:lch(from var(--system-color-light)l c h/50%);box-shadow:lch(from var(--system-color-dark)l c h/40%)0px .5px 2px;background-color:var(--bgcolor);color:var(--system-color-dark);fill:var(--system-color-dark);border-radius:.375rem;height:1.3rem;margin:0 .05rem;padding:.2rem .5rem;font-weight:700}.control-buttons.s-14yir9b button:where(.s-14yir9b) svg{font-size:1.2rem}body.dark :is(.control-buttons.s-14yir9b button:where(.s-14yir9b)){--bgcolor:var(--system-color-grey-800);box-shadow:0 0 #fff}