[data-demo-root].svelte-19tqqm9{position:relative;min-height:14rem;border-radius:.5rem;border:1px solid var(--color-surface);overflow:hidden}[data-demo-toggle].svelte-19tqqm9{position:absolute;top:.625rem;right:.625rem;z-index:20;display:flex;gap:2px;background:color-mix(in srgb,var(--color-surface) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--color-surface);border-radius:.375rem;padding:2px}[data-demo-btn].svelte-19tqqm9{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.25rem;border:none;background:transparent;color:var(--color-surface);cursor:pointer;font-size:.875rem;transition:background .12s ease,color .12s ease}[data-demo-btn][aria-pressed=true].svelte-19tqqm9{background:var(--color-surface);color:var(--color-on-surface)}[data-demo-btn].svelte-19tqqm9:hover:not([aria-pressed=true]){background:var(--color-surface-z2);color:var(--color-surface-z7)}[data-demo-preview].svelte-19tqqm9{background-image:linear-gradient(var(--graph-paper-color, currentColor) var(--major-grid, .5px),transparent var(--major-grid, .5px)),linear-gradient(90deg,var(--graph-paper-color, currentColor) var(--major-grid, .5px),transparent var(--major-grid, .5px)),linear-gradient(var(--graph-paper-color, currentColor) var(--minor-grid, .5px),transparent var(--minor-grid, .5px)),linear-gradient(90deg,var(--graph-paper-color, currentColor) var(--minor-grid, .5px),transparent var(--minor-grid, .5px));background-size:var(--size, calc(5 * var(--unit, .5rem))) var(--size, calc(5 * var(--unit, .5rem))),var(--size, calc(5 * var(--unit, .5rem))) var(--size, calc(5 * var(--unit, .5rem))),var(--unit, .5rem) var(--unit, .5rem),var(--unit, .5rem) var(--unit, .5rem);background-position:calc(-1 * var(--minor-grid, .5px)) calc(-1 * var(--minor-grid, .5px)),calc(-1 * var(--minor-grid, .5px)) calc(-1 * var(--minor-grid, .5px)),calc(-1 * var(--minor-grid, .5px)) calc(-1 * var(--minor-grid, .5px)),calc(-1 * var(--minor-grid, .5px)) calc(-1 * var(--minor-grid, .5px));--unit: 20px;--size: var(--unit);--minor-grid: .5px;--major-grid: 0px;--graph-paper-color: rgba(128, 128, 128, .22);background-color:var(--color-surface-z0);box-shadow:inset 0 2px 10px #00000012;min-height:14rem;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:center}[data-demo-code].svelte-19tqqm9{min-height:14rem}[data-demo-code].svelte-19tqqm9 [data-code-root]{border-radius:0;border:none}.preview-area.svelte-iptqtz{background-color:var(--color-surface-z2, oklch(from var(--color-surface) calc(l + .02) c h));background-image:linear-gradient(rgb(var(--color-surface-200, 128 128 128) / .25) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--color-surface-200, 128 128 128) / .25) 1px,transparent 1px);background-size:20px 20px}