.rank.svelte-1w2nevi{--ink-from:var(--from);--ink-to:var(--to)}[data-mode=light] .rank.svelte-1w2nevi{--ink-from:color-mix(in oklab, var(--from) 60%, black);--ink-to:color-mix(in oklab, var(--to) 60%, black)}.ring.svelte-1w2nevi{--size:7.5rem;width:var(--size);height:var(--size);background:conic-gradient(from -90deg, var(--from) 0deg, var(--to) calc(var(--pct) * 3.6deg), color-mix(in srgb, currentColor 12%, transparent) calc(var(--pct) * 3.6deg));filter:drop-shadow(0 0 12px color-mix(in srgb, var(--to) 45%, transparent));border-radius:50%;animation:.9s cubic-bezier(.22,1,.36,1) both svelte-1w2nevi-sweep}.badge.svelte-1w2nevi{background:var(--color-surface-100-900);border-radius:50%;width:calc(100% - .75rem);height:calc(100% - .75rem)}.letter.svelte-1w2nevi{background:linear-gradient(135deg, var(--ink-from), var(--ink-to));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1;animation:.6s cubic-bezier(.34,1.56,.64,1) both svelte-1w2nevi-pop}@keyframes svelte-1w2nevi-sweep{0%{--pct:0;opacity:0;transform:rotate(-30deg)}}@keyframes svelte-1w2nevi-pop{0%{opacity:0;transform:scale(.5)}}@property --pct{syntax:"<number>";inherits:true;initial-value:0}@media (prefers-reduced-motion:reduce){.ring.svelte-1w2nevi,.letter.svelte-1w2nevi{animation:none}}
