.heatmap-wrapper{margin:1rem 0 2rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;width:100%;padding:0;box-sizing:border-box}.heatmap{width:100%;min-width:750px;height:180px;box-sizing:border-box;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius)}@media screen and (min-width:800px){.heatmap{min-width:0;width:100%;max-width:100%}}.heatmap-year-buttons{width:100%;display:flex;gap:.5rem;margin:0 0 .5rem;justify-content:flex-start}.heatmap-year-buttons button{border-radius:var(--radius);background-color:var(--code-bg);color:var(--primary);cursor:pointer;padding:.4rem 1rem;font-size:.85rem;font-weight:500;border:1px solid var(--border);transition:all .2s ease}.heatmap-year-buttons button:hover{background-color:var(--theme);border-color:var(--theme)}.heatmap-year-buttons button.active{background-color:var(--theme);border-color:var(--theme);color:var(--primary)}.heatmap-wrapper::-webkit-scrollbar{height:6px}.heatmap-wrapper::-webkit-scrollbar-track{background:0 0}.heatmap-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.heatmap-wrapper::-webkit-scrollbar-thumb:hover{background:var(--tertiary)}