:root{--brand:#a72c35;--brand-strong:#851e27;--foreground:#201f1d;--muted-foreground:#66625d;--surface:#ffffff;--surface-subtle:#eeeae5;--border:rgb(32 31 29/14%);--shadow:0 24px 70px rgb(52 43 35/9%);--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:Iowan Old Style,Baskerville,"Times New Roman",serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.dark{--brand:#ed666f;--brand-strong:#ff858d;--foreground:#f3f0ec;--muted-foreground:#aaa49d;--surface:#191816;--surface-subtle:#22201e;--border:rgb(243 240 236/14%);--shadow:0 24px 80px rgb(0 0 0/28%)}*{box-sizing:border-box}html{scroll-behavior:smooth;text-rendering:optimizeLegibility}body{margin:0;background:#f7f5f2;color:var(--foreground);font-family:var(--font-sans)}.dark body{background:#11100f}::selection{background:color-mix(in srgb,var(--brand) 25%,transparent)}a{text-underline-offset:.18em}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.sr-only{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}article img{border:1px solid var(--border);border-radius:.75rem}article figcaption{margin-top:.65rem;color:var(--muted-foreground);font-size:.875rem;text-align:center}article iframe{display:block;width:100%;max-width:100%;border:1px solid var(--border);border-radius:.75rem}.demo-frame,article iframe{background:var(--surface-subtle)}.demo-frame{height:min(62vh,34rem);min-height:20rem;margin:2rem 0;overflow:hidden;border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow)}kbd{border:solid var(--border);border-width:1px 1px 2px;border-radius:.3rem;background:var(--surface-subtle);padding:.1rem .35rem;color:var(--foreground);font-family:var(--font-mono);font-size:.8em}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:900px){.nextra-bleed{margin-right:0!important;margin-left:0!important}}@media (max-width:1399px) and (min-width:1280px){.nextra-toc{display:none}}@media (max-width:1100px){.site-logo-wordmark{display:none}}