.chart-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%}canvas{width:100%!important;height:auto!important}@media screen and (max-width:600px){canvas{height:80vh!important}#tooltipBox{display:none}}#tooltipBox{position:absolute;background-color:#26273b;opacity:0;width:300px;color:#fff;z-index:1;border-radius:5px;padding:20px;max-width:600px;margin:20px auto}.dot{height:10px;width:10px;background-color:#8987fd;border-radius:50%;display:inline-block}.dot1{height:10px;width:10px;background-color:#4af26f;border-radius:50%;display:inline-block}.dot2{height:10px;width:10px;background-color:#5dd8ff;border-radius:50%;display:inline-block}.dot3{height:10px;width:10px;background-color:#6c79ff;border-radius:50%;display:inline-block}.dot4{height:10px;width:10px;background-color:#bb87fc;border-radius:50%;display:inline-block}.dot5{height:10px;width:10px;background-color:#ff64d4;border-radius:50%;display:inline-block}.dot6{height:10px;width:10px;background-color:#fff973;border-radius:50%;display:inline-block}.dot7{height:10px;width:10px;background-color:#f24a4a;border-radius:50%;display:inline-block}