@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/SourceSans3-wght.ttf)format("truetype-variations")}@font-face{font-family:Commit Mono;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/CommitMono-400-Regular.otf)format("opentype")}:root{color-scheme:light;--background:oklch(90% 0 0);--foreground:oklch(20% 0 0);--muted:oklch(80% 0 0);--foreground-muted:oklch(55% 0 0);--border:oklch(80% 0 0);--ring:oklch(60% 0 0);--radius:4px;--content-width:672px;--font-sans:"Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Commit Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}:root[data-theme=dark]{color-scheme:dark;--background:oklch(12% 0 0);--foreground:oklch(95% 0 0);--muted:oklch(18% 0 0);--foreground-muted:oklch(66% 0 0);--border:oklch(25% 0 0);--ring:oklch(66% 0 0)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background:oklch(12% 0 0);--foreground:oklch(95% 0 0);--muted:oklch(18% 0 0);--foreground-muted:oklch(66% 0 0);--border:oklch(25% 0 0);--ring:oklch(66% 0 0)}}*{box-sizing:border-box}html{background:var(--background);min-height:100%;color:var(--foreground);font-size:18px}body{background:var(--background);min-height:100svh;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:400;line-height:1.5}button,input,textarea,select{font:inherit}button,a{color:inherit}a{text-decoration:none}a:hover{text-underline-offset:.15em;text-decoration-line:underline;text-decoration-thickness:1px}p{margin:0 0 1.25em;line-height:1.5em}p:last-child{margin-bottom:0}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site-shell{width:100%;max-width:var(--content-width);margin-inline:auto;padding:64px 20px}.site-header,.site-footer__inner{width:100%;max-width:var(--content-width);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;padding:20px;font-size:14px;display:flex}.site-footer{color:var(--foreground-muted);margin-top:auto}.site-header nav,.site-footer__links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}section{padding:0 0 80px}.stack{flex-direction:column;display:flex}.sub{color:var(--foreground-muted);font-size:.85em}.capitalize{text-transform:capitalize}.code--inline{color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);padding:2px 4px;font-size:1em}.heading--title,.heading--subtitle,.heading--small{letter-spacing:-.03em;margin:0 0 .5em;font-weight:400;line-height:1.05}.heading--title{margin:0 0 .75em;font-size:2.66rem}.heading--subtitle{font-size:1.5rem}.heading--small{letter-spacing:-.02em;font-size:1.125rem;font-weight:500}.muted{color:var(--foreground-muted)}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);padding:16px}.button-row{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.button{border:1px solid var(--foreground);border-radius:var(--radius);justify-content:center;align-items:center;padding:8px 12px;font-size:16px;line-height:1;text-decoration:none;display:inline-flex}.button:hover,.button--primary{background:var(--foreground);color:var(--background)}.button--primary:hover,.button--secondary{color:var(--foreground);background:0 0}.theme-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;align-items:center;width:fit-content;padding:6px 12px;display:inline-flex}.code-block{border-radius:var(--radius);background:var(--muted);margin:20px 0;overflow:hidden}.code-block-group{margin:20px 0}.code-block-group__header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.code-block-group .code-block{margin-top:8px}.code-block__bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.code-block__label{align-items:center;gap:16px;min-width:0;display:flex}.code-block__language,.code-block__title{color:var(--foreground-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.code-block__copy{border-radius:var(--radius);color:var(--foreground-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:inline-flex}.code-block__copy:hover{background:var(--border);color:var(--foreground)}.code-block__copy-icon{flex:none;width:16px;height:16px}.shiki{background:var(--shiki-light-bg,transparent);color:var(--shiki-light);font-family:var(--font-mono);margin:0;padding:16px;font-size:14px;line-height:1.6;overflow-x:auto}.shiki code{font-family:inherit}.shiki span{color:var(--shiki-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shiki{background:var(--shiki-dark-bg,transparent);color:var(--shiki-dark)}:root:not([data-theme=light]) .shiki span{color:var(--shiki-dark)}}:root[data-theme=dark] .shiki{background:var(--shiki-dark-bg,transparent);color:var(--shiki-dark)}:root[data-theme=dark] .shiki span{color:var(--shiki-dark)}