.preview.svelte-qs4hfe{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.dot-grid.svelte-qs4hfe{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:60%;max-width:200px;aspect-ratio:1}.dot.svelte-qs4hfe{display:flex;align-items:center;justify-content:center;border-radius:6px;aspect-ratio:1}.dot-inner.svelte-qs4hfe{width:28%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--accent, #60a5fa),#888 60%);transition:background .25s ease,box-shadow .25s ease,transform .25s ease}.dot.active.svelte-qs4hfe .dot-inner:where(.svelte-qs4hfe){background:var(--accent, #60a5fa);box-shadow:0 0 16px color-mix(in srgb,var(--accent, #60a5fa),transparent 40%);transform:scale(1.35)}.dot.center.svelte-qs4hfe .dot-inner:where(.svelte-qs4hfe){width:32%;box-shadow:0 0 0 3px transparent,0 0 0 5px color-mix(in srgb,var(--accent, #60a5fa),transparent 75%)}.dot.center.active.svelte-qs4hfe .dot-inner:where(.svelte-qs4hfe){box-shadow:0 0 0 3px transparent,0 0 0 5px var(--accent, #60a5fa),0 0 16px color-mix(in srgb,var(--accent, #60a5fa),transparent 40%)}@media(prefers-reduced-motion:reduce){.dot-inner.svelte-qs4hfe{transition:none}}