:root{--square-size:0.8rem;--square-gap:0.4rem;--week-width:calc(var(--square-size) + var(--square-gap))}.months{grid-area:months}.days{grid-area:days}.squares{grid-area:squares}.contributions-container{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:14px;padding:0 40px;position:relative}.contributions-container ul,.contributions-container ul li,.contributions-container ul ul li{margin:0;padding:0;text-indent:0;list-style-type:none}.graph{display:inline-grid;grid-template-areas:"empty months" "days squares";grid-template-columns:auto 1fr;grid-gap:5px;padding:25px;border:1px #e1e4e8 solid;overflow-x:auto;overflow-y:hidden;max-width:100%}.months{display:flex;flex-direction:row;flex-flow:row nowrap}.days{display:flex;flex-direction:column;flex-flow:column nowrap;word-break:keep-all;margin:0 20px 0 0;padding:0}.days li{min-width:35px;height:calc(var(--square-size) + var(--square-gap));line-height:var(--square-size)!important}.squares{display:grid;grid-gap:var(--square-gap);grid-template-rows:repeat(7,var(--square-size));grid-auto-flow:column;grid-auto-columns:var(--square-size)}.square{border:1px #ddd solid}.square:focus{outline:2px solid;outline-offset:2px}.legends{display:flex;flex-flow:row wrap;width:100%;justify-content:center}.legend-container{display:flex;align-items:center;margin:.8rem 2rem .8rem 0;font-size:1rem}.levels{display:flex;padding:0 .4rem}.level{width:calc(var(--square-size) * 1.5);height:calc(var(--square-size) * 1.5);margin:0 4px!important}li.level-unavailable{background-color:#ddd}li.level-0{background-color:#ebedf0}li.level-1{background-color:#9be9a8}li.level-2{background-color:#40c463}li.level-3{background-color:#30a14e}li.level-4{background-color:#216e39}@media (max-width:1200px){.graph{padding:20px}:root{--square-size:1.2rem;--square-gap:0.5rem;font-size:14px}}