:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-strong:#111;--color-muted:#888;--color-subtle:#f0f0f0;--syntax-pink:#e9348b;--syntax-green:#12a566;--syntax-blue:#2684ff;--font-sans:"Inter", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-family:var(--font-sans);color:var(--color-strong);background:var(--color-bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}html::selection{color:var(--color-bg);background:var(--color-strong)}body,button{font-family:var(--font-sans)}body{color:var(--color-strong);background:var(--color-bg);font-size:15px}.site-page{min-height:100vh;padding:80px 20px}.site-column{width:100%;max-width:672px;margin-inline:auto}.site-hero{margin-bottom:130px}.site-logo-link{width:fit-content;margin-bottom:24px;display:block}.site-logo{width:auto;height:46px;display:block}.site-hero h1{color:var(--color-strong);letter-spacing:-.035em;text-align:left;margin:0;font-size:44px;font-weight:500;line-height:.88}.site-hero-line{display:block}.live-count{font-variant-numeric:tabular-nums;display:inline-block}.site-guide{flex-direction:column;gap:56px;display:flex}.guide-section{flex-direction:column;gap:16px;scroll-margin-top:32px;display:flex}.section-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-section h2,.guide-section p{margin:0}.guide-section h2{color:var(--color-strong);font-size:15px;font-weight:500;line-height:1.4}.guide-section p{color:var(--color-muted);font-size:15px;font-weight:400;line-height:1.6}.code-block{width:100%;color:var(--color-strong);background:var(--color-subtle);border-radius:2px;position:relative}.code-block pre{font:400 13px/1.6 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:8px 42px 8px 12px}.code-block code{color:inherit;font:inherit}.command-prompt{color:var(--color-muted);-webkit-user-select:none;user-select:none}.syntax-pink{color:var(--syntax-pink)}.syntax-green{color:var(--syntax-green)}.syntax-blue{color:var(--syntax-blue)}.code-copy-button{width:28px;height:28px;color:var(--color-muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:2px;place-items:center;padding:0;transition:color .15s,background-color .15s,opacity .15s;display:grid;position:absolute;top:5px;right:6px}.code-block:hover .code-copy-button,.code-copy-button:focus-visible{opacity:1}.code-copy-button:hover{color:var(--color-strong);background:#e5e5e5}.code-copy-button svg{stroke-width:1.75px;width:14px;height:14px}.github-link{width:16px;height:16px;color:var(--color-muted);justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.github-link:hover{color:var(--color-strong)}.github-link svg{width:16px;height:16px}@media (hover:none){.code-copy-button{opacity:.7}}@media (width<=600px){.site-page{padding:56px 20px}.site-hero{margin-bottom:96px}.site-hero h1{font-size:36px}}@media (prefers-reduced-motion:no-preference){.site-hero{animation:.55s ease-out both hero-enter}@keyframes hero-enter{0%{opacity:0}to{opacity:1}}}