:root{--white: #faf9f7;--black: #1e1c19;--grey-light: #dedad4;--grey-mid: #a8a298;--grey-dark: #716b62;--grey-black: #46413a;--surface-1: #f2efeb;--surface-2: #e6e2dc;--info: oklch(42.453% .24955 269.04);--shimmer: oklch(70% .02 70 / .35);--br: 12px;--padding: 14px;--box-shadow: rgba(30, 28, 25, .06) 0px 4px 8px;--overlay-box-shadow: rgba(30, 28, 25, .14) 0px 10px 28px}:root.dark{--white: #141310;--black: #eae7e2;--grey-light: #222019;--grey-mid: #38352e;--grey-dark: #9e9a92;--grey-black: #c6c2ba;--surface-1: #191714;--surface-2: #282520;--info: oklch(62% .2 269.04);--shimmer: oklch(70% .02 70 / .2);--box-shadow: rgba(0, 0, 0, .2) 0px 4px 8px;--overlay-box-shadow: rgba(0, 0, 0, .42) 0px 10px 28px}.demo-page.svelte-1r2n387{padding-top:80px}.demo-banner.svelte-1r2n387{max-width:1120px;margin:0 auto;padding:20px var(--padding) 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.demo-banner.svelte-1r2n387 .tag:where(.svelte-1r2n387){padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--grey-dark);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.demo-banner.svelte-1r2n387 p:where(.svelte-1r2n387){margin:0;flex:1;min-width:220px;font-size:.875rem;color:var(--grey-dark);line-height:1.5}.demo-banner.svelte-1r2n387 .cta:where(.svelte-1r2n387){text-decoration:none;flex-shrink:0}.demo-banner.svelte-1r2n387 .cta:where(.svelte-1r2n387) button{display:inline-flex;align-items:center;gap:6px}