.demo-with-code.svelte-1ygu4r3{box-sizing:border-box;display:grid;gap:var(--demo-with-code-gap, var(--space-lg));width:min(100%,var(--demo-with-code-width, 72rem));margin-inline:auto;padding:var(--demo-with-code-padding, var(--padding, 8px));background:var( --demo-with-code-bg, var(--container-bg, var(--bg, rgba(255, 255, 255, .8))) );color:var(--demo-with-code-fg, var(--container-fg, var(--fg, inherit)));border:var( --demo-with-code-border, 1px solid color-mix(in srgb, var(--fg, #222) 12%, transparent) );border-radius:var( --demo-with-code-border-radius, var(--container-border-radius, var(--border-radius, 8px)) );box-shadow:var( --demo-with-code-shadow, 0 3px 12px color-mix(in srgb, var(--fg, #222) 14%, transparent) )}.demo-heading.svelte-1ygu4r3,.demo-blurb.svelte-1ygu4r3{min-width:0}.demo-body.svelte-1ygu4r3{min-width:0;display:grid;gap:var(--space-md)}.demo-input-area.svelte-1ygu4r3{box-sizing:border-box;display:grid;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem) var(--space-md, 1rem)}.tab-panel.svelte-1ygu4r3{box-sizing:border-box;min-width:0;min-height:var(--panel-height);padding:var(--space-md);border:var( --demo-with-code-panel-border, 1px solid color-mix(in srgb, var(--fg, #222) 8%, transparent) );border-radius:var( --demo-with-code-panel-border-radius, var(--border-radius, 8px) );background:var( --demo-with-code-panel-bg, color-mix(in srgb, var(--demo-with-code-bg, transparent) 60%, white 40%) );overflow:hidden}.code-wrap.svelte-1ygu4r3{box-sizing:border-box;width:min(100%,var(--demo-with-code-code-width, 60rem));margin-inline:auto;--code-width: 100%}.split-panel.svelte-1ygu4r3{padding:0}.split-panel.svelte-1ygu4r3 .split-pane{border:none}.split-code-wrap.svelte-1ygu4r3{width:100%}