.circle-container.svelte-1l27jj3{--progress: 0;--progress-second: 0;--progress-third: 0;--stroke-width: clamp(18px, 6vw, 55px);--stroke-color: var(--color-blue-700);--stroke-color-second: var(--color-blue-800);--stroke-color-third: var(--color-blue-900)}.circle-container.svelte-1l27jj3 .circle:where(.svelte-1l27jj3){width:100%;height:100%;border-radius:50%;position:relative;background:conic-gradient(from 0deg,var(--stroke-color) 0deg,var(--stroke-color) calc(var(--progress) * 375deg),transparent calc(var(--progress) * 375deg),transparent 360deg)}.circle-container.svelte-1l27jj3 .circle:where(.svelte-1l27jj3):before{content:"";position:absolute;inset:var(--stroke-width);border-radius:50%;background:var(--color-primary);z-index:3}.circle-container.svelte-1l27jj3 .circle-second:where(.svelte-1l27jj3){--stroke-color: var(--stroke-color-second);background:conic-gradient(from 320deg,var(--stroke-color) 0deg,var(--stroke-color) calc(var(--progress-second) * 50deg),transparent calc(var(--progress-second) * 50deg),transparent 360deg)}.circle-container.svelte-1l27jj3 .circle-third:where(.svelte-1l27jj3){--stroke-color: var(--stroke-color-third);background:conic-gradient(from -60deg,var(--stroke-color) 0deg,var(--stroke-color) calc(var(--progress-third) * 25deg),transparent calc(var(--progress-third) * 25deg),transparent 360deg)}