.PieChart-module__3U9Z0a__margin{margin:25px 25px 0}.PieChart-module__3U9Z0a__multiGraph{color:#fff;box-sizing:border-box;justify-content:center;align-items:flex-end;width:300px;height:150px;font-size:22px;font-weight:600;display:flex;position:relative;overflow:hidden}.PieChart-module__3U9Z0a__multiGraph:before{content:"";box-sizing:border-box;transform-origin:50% 0;border:50px solid #00000026;border-bottom:none;border-radius:300px 300px 0 0;width:300px;height:150px;position:absolute;top:0;left:0}.PieChart-module__3U9Z0a__multiGraph .PieChart-module__3U9Z0a__graph{border:50px solid var(--fill);width:300px;height:150px;transform-origin:50% 0% 0;z-index:5;transform:rotate(calc(1deg * (var(--percentage) * 1.8)));box-sizing:border-box;cursor:pointer;border-top:none;border-radius:0 0 300px 300px;animation:1s ease-in PieChart-module__3U9Z0a__fillGraphAnimation;position:absolute;top:100%;left:0}.PieChart-module__3U9Z0a__multiGraph .PieChart-module__3U9Z0a__graph:after{content:attr(data-name) " " counter(varible) "%";counter-reset:varible var(--percentage);background:var(--fill);box-sizing:border-box;color:#fff;height:20px;transform:rotate(calc(-1deg * var(--percentage) * 1.8)) translate(-30px, 0px);transform-origin:0 50% 0;opacity:0;border-radius:2px;padding:3px 5px;font-size:12px;font-weight:200;transition:all .2s ease-in;position:absolute;top:0;left:0}.PieChart-module__3U9Z0a__graph:hover{background-color:var(--fill)}.PieChart-module__3U9Z0a__multiGraph .PieChart-module__3U9Z0a__graph:hover{opacity:.8}.PieChart-module__3U9Z0a__multiGraph .PieChart-module__3U9Z0a__graph:hover:after{opacity:1;left:30px}@keyframes PieChart-module__3U9Z0a__fillAnimation{0%{transform:rotate(-45deg)}50%{transform:rotate(135deg)}}@keyframes PieChart-module__3U9Z0a__fillGraphAnimation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}}@media (max-width:1281px){.PieChart-module__3U9Z0a__multiGraph,.PieChart-module__3U9Z0a__multiGraph:before,.PieChart-module__3U9Z0a__multiGraph .PieChart-module__3U9Z0a__graph{width:200px;height:100px}}@media (max-width:481px){.PieChart-module__3U9Z0a__multiGraph,.PieChart-module__3U9Z0a__multiGraph:before,.PieChart-module__3U9Z0a__multiGraph .PieChart-module__3U9Z0a__graph{width:240px;height:120px}}