article.svelte-1ttws6j{display:flex;flex-direction:column;gap:1rem}article.svelte-1ttws6j>svg:where(.svelte-1ttws6j){display:block}article.svelte-1ttws6j>pre:where(.svelte-1ttws6j){overflow-x:auto}article.svelte-1ttws6j>div:where(.svelte-1ttws6j){display:flex;flex-wrap:wrap;gap:1rem}@supports (display: grid){article.svelte-1ttws6j{display:grid;grid-template:"svg svg" auto "snippet controls" auto / 1fr min-content;gap:1rem}article.svelte-1ttws6j>svg:where(.svelte-1ttws6j){grid-area:svg}article.svelte-1ttws6j>pre:where(.svelte-1ttws6j){grid-area:snippet}article.svelte-1ttws6j>div:where(.svelte-1ttws6j){grid-area:controls;align-self:start;display:flex;flex-direction:column;gap:1rem}}article.svelte-1ttws6j{color:#e0def4;background:#393552;border-radius:1rem;padding:2rem}button.svelte-1ttws6j{color:#e0def4;background:#232136;border:none;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer}button.svelte-1ttws6j:disabled{opacity:.7;cursor:not-allowed}pre.svelte-1ttws6j{color:#e0def4;background:#232136;border-radius:.5rem;padding:1rem;margin:0;font-weight:700;line-height:1.75}pre.svelte-1ttws6j::-webkit-scrollbar{block-size:.4rem}pre.svelte-1ttws6j::-webkit-scrollbar-thumb{border-radius:.2rem;background:currentColor}code.svelte-1ttws6j{background:none;padding:0;font-size:1rem}code.svelte-1ttws6j .tag{color:#9ccfd8}code.svelte-1ttws6j .attr-name{color:#c4a7e7;font-style:italic}code.svelte-1ttws6j .attr-value{color:#f6c177}code.svelte-1ttws6j .punctuation{color:#908caa}code.svelte-1ttws6j .comment{color:#6e6a86;font-style:italic}