:root{color-scheme:light dark;--site-bg: #0f0f0f;--site-border: #191919;--site-border-soft: #151515;--site-border-hover: #2a2a2a;--site-text: #ededed;--site-muted: #9a9a9a;--site-faint: #6f6f6f;--site-fill-hover: rgba(255, 255, 255, .04);--site-fill-active: rgba(255, 255, 255, .07);--site-fill-whisper: rgba(255, 255, 255, .02);--site-chip-bg: rgba(255, 255, 255, .06);--site-chip-text: #dcdcdc;--site-code-bg: #131313;--site-code-border: #1e1e1e;--site-code-fg: #b0b0b0;--site-h1-a: #fafafa;--site-h1-b: #b4b4b4;--site-bloom: rgba(255, 255, 255, .045);--site-stage-a: #161616;--site-stage-b: #121212;--site-stage-dot: rgba(255, 255, 255, .03);--site-stage-edge: rgba(255, 255, 255, .035);--site-pill-a: #171717;--site-pill-b: #121212;--site-pill-edge: rgba(255, 255, 255, .04);--site-success: #86efac;--site-scrollbar: #2a2a2a;--site-topbar-bg: rgba(15, 15, 15, .92);--site-drawer-bg: #121212;--site-drawer-shadow: rgba(0, 0, 0, .45);--site-overlay: rgba(0, 0, 0, .4);--site-shadow-ink: rgba(0, 0, 0, .35);--tok-cm: #6c7396;--tok-pn: #8a8fa3;--tok-str: #9ece6a;--tok-num: #ff9e64;--tok-kw: #bb9af7;--tok-fn: #7aa2f7;--tok-prop: #7dcfff;--tok-key: #73daca;--tok-tag: #f7768e;--tok-attr: #bb9af7;--demo-ink: #ededed;--demo-muted: #9a9a9a;--demo-faint: #6f6f6f;--demo-fill: rgba(255, 255, 255, .05);--demo-fill-soft: rgba(255, 255, 255, .035);--demo-line: rgba(255, 255, 255, .08);--demo-line-strong: rgba(255, 255, 255, .16);--demo-grid: rgba(255, 255, 255, .04);--demo-bar: rgba(255, 255, 255, .12);--demo-well: #0e0e0e;--demo-well-line: #1f1f1f;--demo-well-ink: #b9b9b9;--demo-shadow: rgba(0, 0, 0, .4);--demo-contrast: #ffffff;--site-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--site-ease-out: cubic-bezier(.16, 1, .3, 1);--site-ease-in: cubic-bezier(.32, 0, .67, 0);--site-ease-in-out: cubic-bezier(.4, 0, .2, 1);--site-dur-fast: .16s;--site-dur-base: .25s;--site-dur-slow: .42s;--site-dur-slower: .8s}@media(prefers-color-scheme:light){:root{--site-bg: #f1f1f1;--site-border: #e0e0e0;--site-border-soft: #e8e8e8;--site-border-hover: #cccccc;--site-text: #1b1b1b;--site-muted: #565656;--site-faint: #8a8a8a;--site-fill-hover: rgba(0, 0, 0, .05);--site-fill-active: rgba(0, 0, 0, .08);--site-fill-whisper: rgba(0, 0, 0, .025);--site-chip-bg: rgba(0, 0, 0, .05);--site-chip-text: #303030;--site-code-bg: #f9f9f9;--site-code-border: #e4e4e4;--site-code-fg: #4f4f4f;--site-h1-a: #161616;--site-h1-b: #5e5e5e;--site-bloom: rgba(255, 255, 255, .55);--site-stage-a: #fafafa;--site-stage-b: #f4f4f4;--site-stage-dot: rgba(0, 0, 0, .05);--site-stage-edge: rgba(255, 255, 255, .8);--site-pill-a: #fafafa;--site-pill-b: #f2f2f2;--site-pill-edge: rgba(255, 255, 255, .8);--site-success: #15803d;--site-scrollbar: #c9c9c9;--site-topbar-bg: rgba(241, 241, 241, .92);--site-drawer-bg: #f7f7f7;--site-drawer-shadow: rgba(0, 0, 0, .18);--site-overlay: rgba(0, 0, 0, .22);--site-shadow-ink: rgba(0, 0, 0, .16);--tok-cm: #848cb5;--tok-pn: #8d92ad;--tok-str: #587539;--tok-num: #b15c00;--tok-kw: #7847bd;--tok-fn: #2e7de9;--tok-prop: #007197;--tok-key: #118c74;--tok-tag: #f52a65;--tok-attr: #7847bd;--demo-ink: #1b1b1b;--demo-muted: #5a5a5a;--demo-faint: #8e8e8e;--demo-fill: rgba(0, 0, 0, .045);--demo-fill-soft: rgba(0, 0, 0, .03);--demo-line: rgba(0, 0, 0, .1);--demo-line-strong: rgba(0, 0, 0, .18);--demo-grid: rgba(0, 0, 0, .05);--demo-bar: rgba(0, 0, 0, .18);--demo-well: #fbfbfb;--demo-well-line: #e2e2e2;--demo-well-ink: #4a4a4a;--demo-shadow: rgba(0, 0, 0, .18);--demo-contrast: #111111}}::selection{background:var(--site-text);color:var(--site-bg)}a:focus-visible,button:focus-visible{outline:2px solid var(--site-text);outline-offset:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--site-bg);color:var(--site-text);font-family:system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.doc a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);transition:text-decoration-color var(--site-dur-base) var(--site-ease-out),color var(--site-dur-base) var(--site-ease-out)}.doc a:hover{text-decoration-color:currentColor;color:var(--site-text)}.doc .doc-footnav a{text-decoration:none}.layout{min-height:100vh;padding-left:max(0px,calc(1280px - 100vw))}.sb{position:fixed;left:0;top:0;width:230px;height:100vh;overflow-y:auto;padding:26px 18px 40px;scrollbar-width:thin;scrollbar-color:var(--site-scrollbar) transparent}.sb-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 10px 22px}.sb-brand a{color:var(--site-text);font-size:17px;font-weight:600;letter-spacing:-.02em}.sb-brand a:hover{text-decoration:none}.sb-brand .sb-gh{display:inline-flex;align-items:center;color:var(--site-muted);transition:color var(--site-dur-fast) var(--site-ease-out)}.sb-brand .sb-gh:hover{color:var(--site-text)}.sb-brand .sb-gh svg{display:block;width:18px;height:18px}.sb-group{margin-bottom:20px}.sb-section{margin:0 10px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--site-faint)}.sb-link{display:block;padding:5px 10px;border-radius:8px;color:var(--site-muted);font-size:14px;transition:color var(--site-dur-fast) var(--site-ease-out),background var(--site-dur-fast) var(--site-ease-out)}.sb-link:hover{color:var(--site-text);background:var(--site-fill-hover);text-decoration:none}.sb-link.sb-current{color:var(--site-text);background:var(--site-fill-active);font-weight:500}.doc{min-width:0;max-width:780px;margin-inline:auto;padding:44px 44px 96px}.doc h1{margin-block:0 14px;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.1rem);font-weight:360;letter-spacing:-.02em;line-height:1.08;text-wrap:balance}.doc h2{margin-block:52px 10px;font-size:1.3rem;font-weight:500;letter-spacing:-.015em;text-wrap:balance}.doc h3{margin-block:32px 8px;font-size:1.05rem;font-weight:520;text-wrap:balance}.doc p{margin-block:0 14px;color:var(--site-muted);text-wrap:pretty}.doc p strong,.doc li strong{color:var(--site-text);font-weight:600}.doc em,.doc i{font-style:normal;font-weight:500;color:var(--site-text)}.doc ul,.doc ol{margin-block:0 14px;padding-left:22px;color:var(--site-muted)}.doc li{margin:4px 0;text-wrap:pretty}.doc code{font-family:var(--site-mono);font-size:.85em;background:var(--site-chip-bg);border:1px solid var(--site-border-soft);border-radius:5px;padding:1px 5px;color:var(--site-chip-text);white-space:nowrap}.doc pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit;white-space:pre-wrap;overflow-wrap:break-word}.doc table{border-collapse:collapse;width:100%;margin-block:18px 22px;font-size:13.5px}.doc th{text-align:left;font-weight:600;color:var(--site-text);padding:7px 12px 7px 0;border-bottom:1px solid var(--site-border)}.doc td{padding:7px 12px 7px 0;border-bottom:1px solid var(--site-border-soft);color:var(--site-muted);vertical-align:top}.doc td:first-child{white-space:nowrap}.hero{margin-block:2px 26px}.hero h1{font-size:clamp(2.4rem,1.5rem + 3.4vw,3.6rem);font-weight:300;margin-bottom:14px;line-height:1.1;letter-spacing:-.025em;color:var(--site-h1-a)}.hero p{max-width:52ch;font-size:16px}.hero-meta{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}.hero-pill{font-size:12.5px;color:var(--site-muted);border:1px solid var(--site-border);border-radius:999px;padding:4px 12px;background:linear-gradient(180deg,var(--site-pill-a),var(--site-pill-b));box-shadow:inset 0 1px 0 var(--site-pill-edge)}.ex{margin:0 0 56px;scroll-margin-top:24px}.h-anchor{margin-left:10px;color:var(--site-faint);font-weight:440;opacity:0;transition:opacity var(--site-dur-fast) var(--site-ease-out),color var(--site-dur-fast) var(--site-ease-out)}.doc .h-anchor{text-decoration:none}.ex h2:hover .h-anchor,.h-anchor:focus-visible{opacity:1}.h-anchor:hover{color:var(--site-text)}.ex-live{display:flex;gap:20px;align-items:stretch;margin:18px 0;padding:18px;border-radius:12px;border:1px solid var(--site-border);background:radial-gradient(circle at 1px 1px,var(--site-stage-dot) 1px,transparent 0) 9px 9px / 20px 20px,linear-gradient(180deg,var(--site-stage-a),var(--site-stage-b));box-shadow:inset 0 1px 0 var(--site-stage-edge)}.ex-target{flex:1;min-width:0;min-height:220px;position:relative;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:10px}.ex-mount{flex:none;align-self:flex-start}.ex-live-solo{justify-content:center}.ex-live-solo .ex-mount{align-self:center}.ex-live-markup{display:block}.ex-live-markup .ex-target{display:block;min-height:0;padding:0}.ex-live-markup .ex-target>div{margin-inline:auto}.ex-codewrap{position:relative;margin:14px 0}.ex-code{margin:0;padding:15px 18px;white-space:pre-wrap;overflow-wrap:break-word;background:var(--site-code-bg);border:1px solid var(--site-code-border);border-radius:12px;font-family:var(--site-mono);font-size:12.5px;line-height:1.65;color:var(--site-code-fg);font-variant-numeric:tabular-nums}.ex-copy{position:absolute;top:6px;right:6px;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:8px;border:none;background:transparent;border-radius:8px;color:var(--site-muted);cursor:pointer;opacity:0;transition:opacity var(--site-dur-base) var(--site-ease-out),color var(--site-dur-fast) var(--site-ease-out),background var(--site-dur-fast) var(--site-ease-out),box-shadow var(--site-dur-fast) var(--site-ease-out)}.ex-codewrap:hover .ex-copy,.ex-copy:focus-visible{opacity:1}.ex-copy:hover,.ex-copy:focus-visible,.ex-copy.is-copied{color:var(--site-text);background:linear-gradient(var(--site-fill-active),var(--site-fill-active)),var(--site-code-bg);box-shadow:inset 0 0 0 1px var(--site-border-soft)}.ex-copy.is-copied{opacity:1}.ex-copy-icons{position:relative;display:block;width:15px;height:15px}.ex-copy-icons svg{position:absolute;inset:0;display:block;width:15px;height:15px;transition:opacity var(--site-dur-base) var(--site-ease-out),transform var(--site-dur-base) var(--site-ease-out),filter var(--site-dur-base) var(--site-ease-out);will-change:opacity,transform,filter}.ex-copy-check{opacity:0;transform:scale(.25);filter:blur(2px);color:var(--site-success)}.ex-copy.is-copied .ex-copy-copy{opacity:0;transform:scale(.25);filter:blur(2px)}.ex-copy.is-copied .ex-copy-check{opacity:1;transform:none;filter:none}.ex-copy:after{content:attr(aria-label);position:absolute;top:calc(100% + 6px);right:0;z-index:2;padding:4px 8px;border-radius:6px;white-space:nowrap;font-family:inherit;font-size:12px;font-weight:500;line-height:1.3;background:var(--site-text);color:var(--site-bg);box-shadow:0 4px 12px var(--site-shadow-ink);opacity:0;transform:translateY(4px) scale(.96);transform-origin:top right;pointer-events:none;transition:opacity calc(var(--site-dur-base) * .6) ease-in,transform calc(var(--site-dur-base) * .6) ease-in}.ex-copy:hover:after,.ex-copy:focus-visible:after{opacity:1;transform:none;transition:opacity var(--site-dur-base) var(--site-ease-out),transform var(--site-dur-base) var(--site-ease-out)}@media(prefers-reduced-motion:reduce){.ex-copy:after{transition:opacity var(--site-dur-fast) ease;transform:none}}.ex-note{font-size:12.5px;color:var(--site-faint);margin-top:-6px}.tok-cm{color:var(--tok-cm);font-style:italic}.tok-str{color:var(--tok-str)}.tok-num{color:var(--tok-num)}.tok-kw{color:var(--tok-kw)}.tok-fn{color:var(--tok-fn)}.tok-prop{color:var(--tok-prop)}.tok-key{color:var(--tok-key)}.tok-tag{color:var(--tok-tag)}.tok-attr{color:var(--tok-attr)}.tok-pn{color:var(--tok-pn)}.doc-footnav{display:flex;justify-content:space-between;gap:14px;margin-top:72px;padding-top:22px;border-top:1px solid var(--site-border)}.doc-footnav a{display:flex;flex-direction:column;gap:3px;flex:1;max-width:48%;padding:13px 17px;border:1px solid var(--site-border);border-radius:12px;color:var(--site-text);font-weight:500;font-size:14.5px;transition:border-color var(--site-dur-fast) var(--site-ease-out),background var(--site-dur-fast) var(--site-ease-out)}.doc-footnav a:hover{text-decoration:none;border-color:var(--site-border-hover);background:var(--site-fill-whisper)}.doc-footnav a span{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--site-faint)}.doc-footnav .fn-next{text-align:right;margin-left:auto}.fn-prev span:before,.fn-next span:after{display:inline-block;transition:transform var(--site-dur-base) var(--site-ease-out)}.fn-prev span:before{content:"\2190";margin-right:6px}.fn-next span:after{content:"\2192";margin-left:6px}.fn-prev:hover span:before{transform:translate(-3px)}.fn-next:hover span:after{transform:translate(3px)}.topbar{display:none}@media(max-width:1000px){.topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:50;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--site-topbar-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--site-border)}.topbar-menu{display:grid;place-items:center;width:34px;height:34px;color:var(--site-text);background:none;border:1px solid var(--site-border);border-radius:8px;cursor:pointer}.topbar-brand{color:var(--site-text);font-weight:600;letter-spacing:-.02em;font-size:16px}.topbar-gh{margin-left:auto;display:inline-flex;align-items:center;color:var(--site-muted)}.topbar-gh:hover{color:var(--site-text)}.topbar-gh svg{display:block;width:20px;height:20px}.layout{display:block;padding-left:0}.sb{position:fixed;left:0;top:0;bottom:0;z-index:60;height:100dvh;width:250px;background:var(--site-drawer-bg);border-right:1px solid var(--site-border);overscroll-behavior:contain;transform:translate(-102%);transition:transform .22s ease}body.nav-open .sb{transform:none;box-shadow:24px 0 60px var(--site-drawer-shadow)}body:after{content:"";position:fixed;inset:0;z-index:55;pointer-events:none;background:var(--site-overlay);opacity:0;transition:opacity .22s ease}body.nav-open:after{opacity:1}.doc{padding:24px 18px 72px}.ex{scroll-margin-top:68px}.ex-live{flex-direction:column}.ex-mount{align-self:center}}