.cp-container[data-v-680622ef]{--size:var(--0d3413c8);--padding:calc(var(--115ac08c)*2);height:calc(var(--size) + var(--padding));width:calc(var(--size) + var(--padding))}.cp[data-v-680622ef]{--progress:var(--32a92435);--half-size:calc((var(--size) + var(--padding))/2);--stroke-width:var(--6d560702);--radius:calc((var(--size) - var(--stroke-width))/2);--circumference:calc(var(--radius)*pi*2);--dash:calc((var(--progress)*var(--circumference))/100)}.cp[data-v-680622ef],.cp-na[data-v-680622ef]{height:calc(var(--size) + var(--padding));width:calc(var(--size) + var(--padding))}.cp-na[data-v-680622ef]{--progress:var(--c09b406c);--half-size:calc((var(--size) + var(--padding))/2);--stroke-width:var(--6d560702);--radius:calc((var(--size) - var(--stroke-width))/2);--circumference:calc(var(--radius)*pi*2);--dash:calc((var(--progress)*var(--circumference))/100)}.cp circle[data-v-680622ef],.cp-na circle[data-v-680622ef]{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.cp circle.bg[data-v-680622ef],.cp-na circle.bg[data-v-680622ef]{stroke:var(--2c583e98)}.cp circle.fg[data-v-680622ef],.cp-na circle.fg[data-v-680622ef]{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .8s linear 0s;stroke:var(--f1b28234);filter:drop-shadow(0 0 3px rgb(255,255,255,1))}