.ProgressChart_pie__qqSLf{aspect-ratio:1/1;color:var(--c);display:inline-grid;font-family:sans-serif;font-size:25px;font-weight:700;place-content:center;position:relative;width:var(--w);z-index:1}.ProgressChart_pie__qqSLf:after,.ProgressChart_pie__qqSLf:before{border-radius:50%;content:"";position:absolute}.ProgressChart_pie__qqSLf:before{background:radial-gradient(farthest-side,var(--c) 98%,transparent) top/var(--b) var(--b) no-repeat,conic-gradient(from 0deg,var(--c) calc(var(--p)*1%),var(--bg) 0);inset:0;-webkit-mask:radial-gradient(farthest-side,transparent calc(99% - var(--b)),#000 calc(100% - var(--b)));mask:radial-gradient(farthest-side,transparent calc(99% - var(--b)),#000 calc(100% - var(--b)));transition-duration:3s;transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ProgressChart_pie__qqSLf:after{background:var(--c);inset:calc(50% - var(--b)/2);transform:rotate(calc(var(--p)*3.6deg - 90deg)) translate(calc(var(--w)/2 - 50%))}.ProgressChart_pieChart__Q7u_5{overflow:hidden}.ProgressChart_layer__5GmXI,.ProgressChart_pieChart__Q7u_5{border-radius:50%;height:161px;position:absolute;width:161px}.ProgressChart_layer__5GmXI{background:radial-gradient(circle farthest-side,transparent 0,transparent 87%,var(--bg) 0);left:50%;top:50%;transform:translate(-50%,-50%);z-index:0}