html{scroll-behavior:smooth}.catalog-page.svelte-16j3hsv{color:#242633;background:#efefec;min-height:100vh;padding-left:12rem}main.svelte-16j3hsv{width:min(78rem,100% - 1.5rem);margin:0 auto;padding:2.5rem 0 5rem}@media (width<=720px){.catalog-page.svelte-16j3hsv{padding-left:4.25rem}}.intro.svelte-16j3hsv{color:#fff;background:radial-gradient(circle at 85% 15%,#4842a6,#0000 32%),#191b28;border-radius:1.5rem;gap:1.5rem;padding:clamp(1.5rem,5vw,4rem);display:grid}.intro-copy.svelte-16j3hsv>p:where(.svelte-16j3hsv){color:#bbb7ff;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.8rem;font-size:.65rem;font-weight:800}.intro.svelte-16j3hsv h1:where(.svelte-16j3hsv){letter-spacing:-.055em;font-size:clamp(2.6rem,7vw,5.5rem);font-weight:780;line-height:.95}.intro-copy.svelte-16j3hsv>span:where(.svelte-16j3hsv){color:#c9ccda;max-width:43rem;margin-top:1.1rem;font-size:clamp(.85rem,2vw,1.05rem);line-height:1.65;display:block}.summary.svelte-16j3hsv{align-items:end;gap:.8rem;display:flex}.summary.svelte-16j3hsv strong:where(.svelte-16j3hsv){font-size:3rem;line-height:.9}.summary.svelte-16j3hsv span:where(.svelte-16j3hsv){color:#aeb2c5;font-size:.68rem;line-height:1.4}.category-nav.svelte-16j3hsv{scrollbar-width:thin;gap:.5rem;padding:1rem 0;display:flex;overflow-x:auto}.category-nav.svelte-16j3hsv a:where(.svelte-16j3hsv){color:#606474;background:#fff;border:1px solid #dfe0e4;border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.55rem .7rem;font-size:.66rem;font-weight:750;display:inline-flex}.category-nav.svelte-16j3hsv small:where(.svelte-16j3hsv){color:#777b89;background:#efeff5;border-radius:999px;place-items:center;width:1.15rem;height:1.15rem;font-size:.54rem;display:grid}.sections.svelte-16j3hsv{gap:3.5rem;margin-top:2rem;display:grid}.catalog-section.svelte-16j3hsv{scroll-margin-top:5.5rem}.section-heading.svelte-16j3hsv{align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.section-icon.svelte-16j3hsv{color:#5d54c8;background:#dedcf7;border-radius:.8rem;flex-shrink:0;place-items:center;width:2.55rem;height:2.55rem;display:grid}.section-heading.svelte-16j3hsv h2:where(.svelte-16j3hsv){letter-spacing:-.025em;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:750}.section-heading.svelte-16j3hsv p:where(.svelte-16j3hsv){color:#7a7e8c;margin-top:.12rem;font-size:.68rem}.examples.svelte-16j3hsv{gap:1rem;display:grid}.example-card.svelte-16j3hsv{background:#fff;border:1px solid #dddfe3;border-radius:1.25rem;min-width:0;overflow:hidden;box-shadow:0 8px 24px #1e202e0d}.example-card.svelte-16j3hsv>header:where(.svelte-16j3hsv){border-bottom:1px solid #e3e4e8;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.75rem;padding:.65rem .8rem;display:flex}.example-type.svelte-16j3hsv{align-items:center;gap:.55rem;min-width:0;display:flex}.example-type.svelte-16j3hsv>span:where(.svelte-16j3hsv){color:#5e56ca;background:#f0effa;border-radius:.6rem;flex-shrink:0;place-items:center;width:2rem;height:2rem;display:grid}.example-type.svelte-16j3hsv h3:where(.svelte-16j3hsv){font-size:.75rem;font-weight:800}.example-type.svelte-16j3hsv p:where(.svelte-16j3hsv){color:#858997;text-overflow:ellipsis;white-space:nowrap;margin-top:.08rem;font-size:.58rem;overflow:hidden}.example-card.svelte-16j3hsv code:where(.svelte-16j3hsv){color:#787c8b;background:#f2f2f4;border-radius:.4rem;flex-shrink:0;padding:.28rem .4rem;font-size:.58rem}.example-stage.svelte-16j3hsv{background:#fcfcfb;min-height:13rem;padding:clamp(.75rem,2vw,1.35rem);overflow:auto}.example-stage.divider-example.svelte-16j3hsv{align-items:center;min-height:8rem;display:grid}@media (width>=700px){.intro.svelte-16j3hsv{grid-template-columns:minmax(0,1fr) auto;align-items:end}.examples.svelte-16j3hsv{grid-template-columns:repeat(2,minmax(0,1fr))}.example-card.wide.svelte-16j3hsv{grid-column:1/-1}}