.ProgressChart_pie__qqSLf{width:var(--w);aspect-ratio:1/1;position:relative;z-index:1;display:inline-grid;place-content:center;font-size:25px;font-weight:700;font-family:sans-serif;color:var(--c)}.ProgressChart_pie__qqSLf:after,.ProgressChart_pie__qqSLf:before{content:"";position:absolute;border-radius:50%}.ProgressChart_pie__qqSLf:before{inset:0;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);-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-property:background-color;transition-duration:3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ProgressChart_pie__qqSLf:after{inset:calc(50% - var(--b)/2);background:var(--c);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{position:absolute;width:161px;height:161px;border-radius:50%}.ProgressChart_layer__5GmXI{top:50%;left:50%;z-index:0;transform:translate(-50%,-50%);background:radial-gradient(circle farthest-side,transparent 0,transparent 87%,var(--bg) 0)}