#root{max-width:1280px;margin:0 auto;padding:2rem}#control-panel{--color: #dce1ff;--border-color: #ffeeee;--background-color: #0c24bd;--button-background-color: #5565c5;--icon-color: #e2e1f1;--button-hover-background-color: #0c27bd;--button-hover-border-color: #ffeeee;--icon-hover-color: #ffeeee}#control-panel{border:solid var(--border-color) 1px;border-radius:5px;color:var(--color);background-color:var(--background-color);padding:.5em;margin:auto .5em}#control-panel button{border-color:var(--border-color);background-color:var(--button-background-color);border-style:solid;border-radius:5px;border-width:1px;width:3em;height:3em}#control-panel button svg{stroke:var(--icon-color);fill-opacity:1;fill:var(--icon-color);stroke-opacity:1;width:16px;height:16px}#control-panel button svg.left{transform:translate(-.125em) scale(1.5) rotate(-90deg)}#control-panel button svg.right{transform:translate(.125em) scale(1.5) rotate(90deg)}#control-panel button svg.up{transform:scale(1.5)}#control-panel button svg.down{transform:scale(1.5) rotate(180deg)}#control-panel button:hover{background-color:var(--button-hover-background-color);border-color:var(--button-hover-border-color)}#control-panel button:hover svg{stroke:var(--icon-hover-color)}#control-panel div.control-container{align-items:center;text-align:center;display:inline-grid;column-gap:.5em;grid-template-columns:repeat(3,1fr)}button.icon-button{margin-top:2em;font-size:small}button.icon-button span{display:inline-block}@media (prefers-color-scheme: light){#control-panel{border-color:var(--background-color);background-color:var(--color);color:var(--background-color)}}#calendar{--border-color: #ffffff;--current-month-cell-border-color: #9aa0c2;--current-month-cell-color: #050538;--current-month-cell-background-color: #a3b6f3;--default-month-cell-background-color: #eeeeff;--default-month-cell-color: #202022;--default-month-cell-border-color: #d1ccee;--heading-cell-background-color: #0c27bd;--heading-cell-color: #fafaff;--heading-cell-border-color: #2d2d8a;--current-day-cell-background-color: #454ec7;--current-day-cell-color: #ffeeee;--selected-day-color: #111159;--selected-day-background-color: #888fcc;--current-day-selected-day-cell-background-color: #000088;--current-day-selected-day-cell-color: #ffeeee}#calendar{width:60em;border:var(--border-color) thin solid}div.calendar-row{display:grid;grid-template-columns:repeat(7,1fr)}div.calendar-row .cell{background:var(--default-month-cell-background-color);color:var(--default-month-cell-color);border-color:var(--default-month-cell-border-color);padding:.5em .75em;border-style:solid;border-width:1px}div.calendar-row .cell.heading{background:var(--heading-cell-background-color);color:var(--heading-cell-color);border-color:var(--heading-cell-border-color)}div.calendar-row .cell.selected-day{font-weight:700;color:var(--selected-day-color);background-color:var(--selected-day-background-color)}div.calendar-row .current-month{background:var(--current-month-cell-background-color);color:var(--current-month-cell-color);border-color:var(--current-month-cell-border-color)}div.calendar-row .current-day{background-color:var(--current-day-cell-background-color);color:var(--current-day-cell-color)}div.calendar-row .current-day.selected-day{color:var(--current-day-selected-day-cell-color);background-color:var(--current-day-selected-day-cell-background-color)}div.calendar-row .show-month{font-weight:700}@media (prefers-color-scheme: light){#calendar{border-color:var(--heading-cell-background-color)}}:root{--default-background-color: #101022;--default-color: #dce1ff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;background:var(--default-background-color);color:var(--default-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:var(--default-background-color);background-color:var(--default-color)}}