.pie-content{display:flex;flex-wrap:wrap}.pie-chart{display:flex;justify-content:center}.legend{display:flex;flex-direction:column;justify-content:center}.legend span{margin:5px;display:flex;align-items:center}.key-dot{display:block;width:15px;height:15px;border-radius:20px}.tooltip{position:absolute;text-align:center;width:auto;padding:8px;font:12px sans-serif;background:var(--main-background);border:1px solid var(--main-color);border-radius:4px;pointer-events:none;opacity:0;z-index:10}#line-graph{overflow-y:auto}@media(min-width:650px){.pie-content{flex-direction:row}}@media(max-width:649px){.pie-content{flex-direction:column}}