.heatmap-wrapper{margin:.5rem 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;width:100%;padding:0;box-sizing:border-box}.heatmap{width:48em;min-width:48em;height:210px;box-sizing:border-box}@media screen and (min-width:48em){.heatmap{min-width:0;width:100%;max-width:100%}}.heatmap-year-buttons{width:100%;display:grid;box-sizing:border-box;gap:.5rem;margin:0;grid-auto-flow:column;justify-content:inherit;direction:rtl}.heatmap{background-color:var(--bg-color);border:1px dotted var(--yellow);border-radius:.5rem}.heatmap-year-buttons button{border-radius:.5rem;background-color:var(--bg-color);color:var(--content);border:1px solid var(--yellow);cursor:pointer;padding:.5rem 0;margin:.5rem 0;font-size:.833rem;font-family:monaspacekrypton,monospace;font-weight:600;width:100%;transition:.2s ease}html[data-theme=dark] .heatmap{background-color:var(--bg-color);border:1px dotted var(--yellow)}html[data-theme=dark] .heatmap-year-buttons button{border:1px solid #e64814;background-color:var(--bg-color);color:var(--content)}html[data-theme=dark] .heatmap-year-buttons button:hover{border-color:var(--red);color:var(--button-state-color)}html[data-theme=dark] .heatmap-wrapper{scrollbar-color:var(--yellow-opacity)var(--bg-color)}html[data-theme=light] .heatmap{background-color:var(--light-grey);border:1px solid var(--black)}html[data-theme=light] .heatmap-wrapper{scrollbar-color:var(--special-bg)var(--bg-color)}html[data-theme=light] .heatmap-year-buttons button{border:1px solid var(--black);background-color:var(--light-grey);color:var(--dark-grey)}html[data-theme=light] .heatmap-year-buttons button:hover{border-color:var(--black);color:var(--special-bg)}@media(prefers-color-scheme:light){html:not([data-theme]) .heatmap{background-color:var(--light-grey);border:1px solid var(--black)}html:not([data-theme]) .heatmap-year-buttons button{border:1px solid var(--black);background-color:var(--light-grey);color:var(--dark-grey)}html:not([data-theme]) .heatmap-wrapper{scrollbar-color:var(--special-bg)var(--bg-color)}}@media(prefers-color-scheme:dark){html:not([data-theme]) .heatmap{background-color:var(--bg-color);border:1px dotted var(--yellow)}html:not([data-theme]) .heatmap-year-buttons button{border:1px solid #e64814;background-color:var(--bg-color);color:var(--content)}html:not([data-theme]) .heatmap-wrapper{scrollbar-color:var(--yellow-opacity)var(--bg-color)}}