.circular-progress.svelte-2a8qf2{--size: 112px;--half-size: calc(var(--size) / 2);--stroke-width: 12px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)));--stroke-color: var(--color-emerald-400)}.circular-progress.color-band-1.svelte-2a8qf2{--stroke-color: var(--color-gray-400)}.circular-progress.color-band-2.svelte-2a8qf2{--stroke-color: var(--color-pink-500)}.circular-progress.color-band-3.svelte-2a8qf2{--stroke-color: var(--color-yellow-400)}.circular-progress.color-band-4.svelte-2a8qf2{--stroke-color: var(--color-emerald-400)}.circular-progress.svelte-2a8qf2 circle:where(.svelte-2a8qf2){cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round;transform:rotate(90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .2s linear 0s;stroke:var(--stroke-color)}.circular-progress.animated.svelte-2a8qf2{animation:svelte-2a8qf2-progress-animation .4s ease-out forwards}@property --progress{syntax: "<number>"; inherits: false; initial-value: 0;}@property --target-progress{syntax: "<number>"; inherits: false; initial-value: 0;}@keyframes svelte-2a8qf2-progress-animation{0%{--progress: 0}to{--progress: var(--target-progress)}}.modal.svelte-ta60gp{height:100vh;height:100dvh}