.demo-code-tabs.svelte-st620m{width:min(100%,var(--doc-reading-width, 700px));margin:var(--size-24) 0 var(--size-40, var(--size-48));overflow:hidden;border:1px solid color-mix(in srgb,var(--color-background-dark) 18%,transparent);border-radius:var(--ui-radius);background:var(--color-background-tint);box-sizing:border-box}.demo-code-tabs.wide.svelte-st620m{width:100%;max-width:none}.demo-code-tabs-header.svelte-st620m{display:flex;align-items:center;justify-content:space-between;gap:var(--size-12);min-height:3rem;padding:var(--size-8) var(--size-12) var(--size-8) var(--size-16);border-bottom:1px solid color-mix(in srgb,var(--color-background-dark) 16%,transparent);background:color-mix(in srgb,var(--color-background) 82%,var(--color-background-tint))}.demo-code-tabs-label.svelte-st620m{color:var(--color-background-dark);font-family:Bitcount Grid Single,monospace;font-size:.82rem;font-weight:350}.demo-code-tabs-list.svelte-st620m{display:inline-flex;gap:var(--size-2);padding:var(--size-2);border-radius:calc(var(--ui-radius) - var(--size-4));background:color-mix(in srgb,var(--color-background-dark) 8%,transparent)}.demo-code-tabs-list.svelte-st620m button:where(.svelte-st620m){min-width:4rem;min-height:2rem;padding:var(--size-4) var(--size-12);border:0;border-radius:calc(var(--ui-radius) - var(--size-6, 6px));background:transparent;color:var(--color-text);font:inherit;font-size:.82rem;font-weight:500;cursor:pointer}.demo-code-tabs-list.svelte-st620m button[aria-selected=true]:where(.svelte-st620m){background:var(--color-background);color:var(--color-action);box-shadow:0 1px 3px color-mix(in srgb,var(--color-background-dark) 14%,transparent)}.demo-code-tabs-list.svelte-st620m button:where(.svelte-st620m):focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.demo-code-tabs-panel.svelte-st620m{min-width:0}.demo-panel.svelte-st620m{min-height:15rem;padding:var(--size-24);box-sizing:border-box}.code-panel.svelte-st620m{max-height:34rem;overflow:auto;background:var(--color-background)}.code-panel.svelte-st620m pre.shiki.display{margin:0!important;max-width:none!important;border-radius:0!important;border:0!important}.source-message.svelte-st620m{margin:0;padding:var(--size-24)}.source-message.svelte-st620m p:where(.svelte-st620m){margin:0 0 var(--size-12)}.source-message.svelte-st620m button:where(.svelte-st620m){min-height:2rem;padding:var(--size-4) var(--size-12);border:1px solid var(--color-action);border-radius:calc(var(--ui-radius) - var(--size-6, 6px));background:var(--color-background);color:var(--color-action);font:inherit;cursor:pointer}.source-message.svelte-st620m button:where(.svelte-st620m):focus-visible{outline:2px solid var(--color-action);outline-offset:2px}@media(max-width:520px){.demo-code-tabs-header.svelte-st620m{align-items:flex-start;flex-direction:column}.demo-code-tabs-list.svelte-st620m{width:100%}.demo-code-tabs-list.svelte-st620m button:where(.svelte-st620m){flex:1}.demo-panel.svelte-st620m{padding:var(--size-16)}}