.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;background-color:var(--light-grey);border:1px solid var(--black);border-radius:.5rem}@media screen and (min-width:48em){.heatmap{min-width:0;width:100%;max-width:100%}}.heatmap-year-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;width:100%;gap:.35rem;margin:0 0 .75rem;padding:0;direction:ltr;overflow:hidden}.heatmap-year-buttons button{flex:1;min-width:3.25rem;margin:0;padding:.4rem .25rem;border-radius:.35rem;background-color:var(--light-grey);color:var(--dark-grey);border:1px solid var(--black);cursor:pointer;font-size:.8rem;font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap;text-align:center;transition:.2s ease}.heatmap-year-buttons button[hidden]{display:none!important}.heatmap-year-buttons button.is-active{position:relative;z-index:1;background-color:var(--accent)!important;color:var(--accent-on)!important;border-color:var(--accent)!important;font-weight:900;letter-spacing:-.5px;box-shadow:0 0 8px var(--accent-glow)}.heatmap-year-buttons button.is-active::after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient( to bottom,transparent 0,transparent 2px,rgba(0,0,0,.3) 3px );pointer-events:none}.heatmap-year-buttons button.is-active:hover{color:var(--accent-on)!important;border-color:var(--accent)!important}.heatmap-year-buttons button:hover:not(.is-active){border-color:var(--black);color:var(--special-bg)}.heatmap-year-buttons button:focus{outline:none}.heatmap-year-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body:not(.dark) .heatmap-wrapper{scrollbar-color:var(--special-bg)var(--bg-color)}body:not(.dark) .heatmap{border-color:rgba(124,58,237,.22)}body.dark .heatmap{background-color:var(--bg-color);border:1px dotted var(--yellow)}body.dark .heatmap-year-buttons button{border:1px solid #e64814;background-color:var(--bg-color);color:var(--content)}body.dark .heatmap-year-buttons button:hover:not(.is-active){border-color:var(--red);color:var(--button-state-color)}body.dark .heatmap-wrapper{scrollbar-color:var(--yellow-opacity)var(--bg-color)}