.cards.svelte-pd8vk{height:clamp(26rem,40vw,30rem);container-type:inline-size}.card.svelte-pd8vk{width:40vw;max-width:36rem;height:calc(100% - 1.5rem);transform:translate(var(--x), var(--y));will-change:transform;transition:transform .55s cubic-bezier(.22,.61,.36,1),box-shadow .55s;position:absolute;top:0;left:0}.card.selected.svelte-pd8vk{z-index:40}.card.svelte-pd8vk:not(.selected) *{pointer-events:none}.code-card.svelte-pd8vk{--x:2vw;--y:-4vh;z-index:10;box-shadow:0 10px 30px #00000040}.preview-card.svelte-pd8vk{--x:6vw;--y:3vh;z-index:30;box-shadow:0 18px 40px #0000002e}.editor-card.svelte-pd8vk{--x:11vw;--y:-2.5vh;z-index:20;box-shadow:0 14px 34px #00000026}.cards.svelte-pd8vk:hover .code-card:where(.svelte-pd8vk),.cards.svelte-pd8vk:focus-within .code-card:where(.svelte-pd8vk){--x:0vw;--y:-4vh}.cards.svelte-pd8vk:hover .preview-card:where(.svelte-pd8vk),.cards.svelte-pd8vk:focus-within .preview-card:where(.svelte-pd8vk){--x:6vw;--y:4vh}.cards.svelte-pd8vk:hover .editor-card:where(.svelte-pd8vk),.cards.svelte-pd8vk:focus-within .editor-card:where(.svelte-pd8vk){--x:16vw;--y:-3vh}@media (prefers-reduced-motion:reduce){.card.svelte-pd8vk{transition:none}}.code-body.svelte-pd8vk{font-family:var(--font-mono,ui-monospace, monospace);color:#e4e4e7;white-space:pre;tab-size:2;flex:1;margin:0;padding:1rem 1.25rem 1.25rem;font-size:.75rem;line-height:1.6;overflow:auto}.code-body.svelte-pd8vk .token.punctuation{color:#71717a}.code-body.svelte-pd8vk .token.tag{color:#7dd3fc}.code-body.svelte-pd8vk .token.attr-name{color:#d8b4fe}.code-body.svelte-pd8vk .token.attr-value{color:#86efac}.code-body.svelte-pd8vk .token.attr-value .token.punctuation{color:inherit}.preview-body.svelte-pd8vk{flex-direction:column;flex:1;padding:0;display:flex;overflow:auto}.preview-body.svelte-pd8vk dna-timeline{--timeline-height:13rem;--color-surface:var(--background);flex:1;justify-content:stretch;align-items:stretch;width:100%}.preview-body.svelte-pd8vk dna-timeline .timeline__scroller{flex:1}.editor-body.svelte-pd8vk{flex:1;padding:1rem 1.25rem;overflow:auto}