.demo.svelte-ogkjdx{border:1px solid var(--border);border-radius:.75rem;margin:0 0 1.5rem;overflow:hidden}.preview.svelte-ogkjdx{background:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0) 0 0 / 1.25rem 1.25rem, var(--bg-subtle);justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.toolbar.svelte-ogkjdx{border-top:1px solid var(--border);background:var(--bg);gap:.25rem;padding:.375rem .5rem;display:flex}.toolbar.svelte-ogkjdx button:where(.svelte-ogkjdx){color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.8125rem;display:inline-flex}.toolbar.svelte-ogkjdx button:where(.svelte-ogkjdx):hover{background:var(--surface);color:var(--text)}.code.svelte-ogkjdx{border-top:1px solid var(--border);max-height:28rem;position:relative;overflow:auto}.code.svelte-ogkjdx:hover .copy,.code.svelte-ogkjdx .copy:focus-visible{opacity:1}.code.svelte-ogkjdx .twinkleplop{border-radius:0}