.frame-preview.svelte-xmi99k{box-sizing:content-box;aspect-ratio:1;box-shadow:none;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;overflow:hidden}.frame-preview.framed.svelte-xmi99k{background:linear-gradient(135deg, var(--rank-color,#a78bfa), #ff009099), #080a12d1;padding:4px;box-shadow:0 16px 32px #0000006b,inset 0 1px #ffffff24}.frame-preview.xs.svelte-xmi99k{width:2rem;height:2rem}.frame-preview.row.svelte-xmi99k{width:2.55rem;height:2.55rem}.frame-preview.standing.svelte-xmi99k{width:clamp(3.25rem,6vw,4.25rem);height:clamp(3.25rem,6vw,4.25rem)}.frame-preview.podium.svelte-xmi99k{width:clamp(4.4rem,7vw,5.4rem);height:clamp(4.4rem,7vw,5.4rem)}.frame-preview.podium-gold.svelte-xmi99k{width:clamp(5.25rem,8.4vw,6.4rem);height:clamp(5.25rem,8.4vw,6.4rem)}.frame-preview.sm.svelte-xmi99k{width:4.25rem;height:4.25rem}.frame-preview.md.svelte-xmi99k{width:5.5rem;height:5.5rem}.frame-preview.card.svelte-xmi99k{width:clamp(6.25rem,8.5vw,7.25rem);height:clamp(6.25rem,8.5vw,7.25rem)}.frame-preview.lg.svelte-xmi99k{width:clamp(6.75rem,10vw,8.25rem);height:clamp(6.75rem,10vw,8.25rem)}.frame-preview.profile.svelte-xmi99k{width:clamp(6rem,12vw,9.5rem);height:clamp(6rem,12vw,9.5rem)}.frame-preview[data-frame=neon-signal].svelte-xmi99k{background:conic-gradient(from 40deg,#22d3ee,#7c3aed,#ff0090,#22d3ee);padding:5px;box-shadow:0 0 28px #22d3ee5c}.frame-preview[data-frame=mythic-orbit].svelte-xmi99k{background:conic-gradient(#fbbf24,#713f12,#fde68a,#fbbf24);padding:6px;box-shadow:0 0 34px #f59e0b6b}.frame-preview[data-frame=perfect-mind].svelte-xmi99k{background:conic-gradient(#fff,#ff0090,#a78bfa,#fff);padding:6px;box-shadow:0 0 38px #ff00907a}.frame-preview[data-frame=pixel-circuit].svelte-xmi99k{background:conic-gradient(from 45deg, #22d3ee 0 12%, #111827 12% 20%, #ff0090 20% 32%, #111827 32% 40%, #7c3aed 40% 52%, #111827 52% 60%, #22d3ee 60% 72%, #111827 72% 80%, #ff0090 80% 92%, #111827 92%);padding:6px;box-shadow:0 0 30px #22d3ee66}.frame-preview[data-frame=arcane-runes].svelte-xmi99k{background:conic-gradient(from 20deg,#fbbf24,#6d28d9,#2dd4bf,#fbbf24);padding:6px;box-shadow:0 0 32px #fbbf2461,inset 0 0 0 2px #fef3c780}.frame-preview[data-frame=orbital-array].svelte-xmi99k{background:conic-gradient(from 90deg,#e0f2fe,#2563eb 22%,#0f172a 30%,#a78bfa 52%,#0f172a 60%,#38bdf8 82%,#e0f2fe);padding:7px;box-shadow:0 0 38px #38bdf87a}.frame-preview[data-frame=ink-burst].svelte-xmi99k{background:conic-gradient(from 10deg, #facc15 0 8%, #0f172a 8% 17%, #ec4899 17% 36%, #0f172a 36% 45%, #22d3ee 45% 64%, #0f172a 64% 73%, #facc15 73% 82%, #ec4899 82%);padding:6px;box-shadow:0 0 34px #ec489973}.frame-preview.xs.framed.svelte-xmi99k{padding:3px}.frame-preview.row.framed.svelte-xmi99k{padding:4px}.frame-preview.svelte-xmi99k>img:where(.svelte-xmi99k),.avatar-fallback.svelte-xmi99k{box-sizing:border-box;background:var(--bg-tertiary);object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.frame-preview.xs.svelte-xmi99k>img:where(.svelte-xmi99k),.frame-preview.row.svelte-xmi99k>img:where(.svelte-xmi99k),.frame-preview.xs.svelte-xmi99k>.avatar-fallback:where(.svelte-xmi99k),.frame-preview.row.svelte-xmi99k>.avatar-fallback:where(.svelte-xmi99k){border-width:1px}.avatar-fallback.svelte-xmi99k{color:var(--text-primary);background:radial-gradient(circle at 35% 25%,#ffffff24,#0000 32%),linear-gradient(135deg,#7c3aedcc,#ff00906b);font-size:2rem;font-weight:900}.frame-preview.xs.svelte-xmi99k .avatar-fallback:where(.svelte-xmi99k),.frame-preview.row.svelte-xmi99k .avatar-fallback:where(.svelte-xmi99k){font-size:.85rem}.frame-preview.profile.svelte-xmi99k .avatar-fallback:where(.svelte-xmi99k){font-size:3rem}@media (width<=768px){.frame-preview.podium.svelte-xmi99k{width:clamp(3rem,14vw,4.2rem);height:clamp(3rem,14vw,4.2rem)}.frame-preview.podium-gold.svelte-xmi99k{width:clamp(3.55rem,16vw,4.8rem);height:clamp(3.55rem,16vw,4.8rem)}.frame-preview.profile.svelte-xmi99k{width:clamp(4.45rem,19vw,5.25rem);height:clamp(4.45rem,19vw,5.25rem)}.frame-preview.profile.svelte-xmi99k .avatar-fallback:where(.svelte-xmi99k){font-size:2rem}}@media (width<=380px){.frame-preview.profile.svelte-xmi99k{width:4.2rem;height:4.2rem}}@media (width<=500px){.frame-preview.standing.svelte-xmi99k{width:3.2rem;height:3.2rem}}