.cp.svelte-d64ctj{--size: 250px;--half-size: calc(var(--size) / 2);--stroke-width: 30px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100)}.cp.svelte-d64ctj circle:where(.svelte-d64ctj){cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.cp.svelte-d64ctj circle.bg:where(.svelte-d64ctj){stroke:#ddd}.cp.svelte-d64ctj circle.fg:where(.svelte-d64ctj){transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:#000}