.klyp-ProgressRing{width:var(--progress-ring-size);height:var(--progress-ring-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.klyp-ProgressRing__content{justify-content:center;align-items:center;display:inline-flex}.klyp-ProgressRing__content .klyp-Avatar:after{display:none}.klyp-ProgressRing__svg{pointer-events:none;position:absolute;inset:0;transform:rotate(-90deg)}.klyp-ProgressRing__track{stroke:var(--color-border-default)}.klyp-ProgressRing__arc{stroke:var(--color-tier-mesh-primary-silver);transition:stroke-dashoffset var(--duration-slow) var(--easing-standard), stroke var(--duration-fast) var(--easing-standard)}.klyp-ProgressRing[data-tone=purple] .klyp-ProgressRing__arc{stroke:var(--color-tier-mesh-shadow-purple)}.klyp-ProgressRing[data-tone=gold] .klyp-ProgressRing__arc{stroke:var(--color-tier-mesh-primary-gold)}.klyp-ProgressRing[data-tone=blue] .klyp-ProgressRing__arc{stroke:var(--color-tier-mesh-shadow-blue)}@media (prefers-reduced-motion:reduce){.klyp-ProgressRing__arc{transition:none}}