.kaleidoscope.svelte-xugamd{color:var(--color-text-light);container-type:inline-size}.panels.svelte-xugamd{grid-template-columns:2fr 3fr;align-items:start;gap:1.5rem;padding:1.25rem;display:grid}@container (width<=520px){.panels.svelte-xugamd{grid-template-columns:1fr;gap:1rem}.panel.svelte-xugamd:first-child{width:60%;margin:0 auto}}.panel.svelte-xugamd canvas:where(.svelte-xugamd){aspect-ratio:1;border-radius:50%;width:100%;display:block}.disk.svelte-xugamd{cursor:var(--cursor-grab);touch-action:none;outline:none}.disk.svelte-xugamd:active{cursor:var(--cursor-grabbing)}.disk.svelte-xugamd:focus-visible{box-shadow:0 0 0 3px var(--color-primary), 0 0 0 5px var(--color-text-light)}.caption.svelte-xugamd{text-align:center;color:var(--color-muted-light);margin:.6rem 0 0;font-size:.85rem}.caption.svelte-xugamd .hint:where(.svelte-xugamd){display:inline-block}.controls.svelte-xugamd{flex-wrap:wrap;align-items:center;gap:.75rem 2rem;display:flex}.toggle.svelte-xugamd{border:1px solid var(--color-border-light);color:var(--color-muted-light);border-radius:999px;padding:.25rem .75rem;font-size:.85rem;display:inline-grid}.toggle.svelte-xugamd:hover{border-color:var(--color-text-light);color:var(--color-text-light)}.toggle.svelte-xugamd span:where(.svelte-xugamd){visibility:hidden;grid-area:1/1}.toggle.svelte-xugamd span.shown:where(.svelte-xugamd){visibility:visible}