@font-face{font-family:Geist;src:url(../fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:oklch(20.5% 0 0);--muted:oklch(48% 0 0);--faint:oklch(54% 0 0);--line:oklch(92% 0 0);--soft:oklch(97.5% 0 0);--raised:#fff;--pre-line:var(--line);--max:82rem;--sans:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--r-sm:6px;--r-md:10px;--r-lg:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:oklch(14.5% 0 0);--fg:oklch(96% 0 0);--muted:oklch(70% 0 0);--faint:oklch(56% 0 0);--line:oklch(26% 0 0);--soft:oklch(18.5% 0 0);--raised:oklch(28.5% 0 0);--pre-line:transparent}.shiki span{color:var(--shiki-dark)!important}}:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--fg:oklch(20.5% 0 0);--muted:oklch(48% 0 0);--faint:oklch(54% 0 0);--line:oklch(92% 0 0);--soft:oklch(97.5% 0 0);--raised:#fff;--pre-line:var(--line)}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(14.5% 0 0);--fg:oklch(96% 0 0);--muted:oklch(70% 0 0);--faint:oklch(56% 0 0);--line:oklch(26% 0 0);--soft:oklch(18.5% 0 0);--raised:oklch(28.5% 0 0);--pre-line:transparent}:where(.light){--background:#fff;--foreground:#0a0a0a;--muted-foreground:#737373;--border:#e5e5e5;--accent:#f5f5f5;--ring:#a1a1a1}:where(.dark){--background:#0a0a0a;--foreground:#fafafa;--muted-foreground:#a1a1a1;--border:#ffffff1a;--accent:#262626;--ring:#737373}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg);color:var(--muted);font:400 .9375rem/1.7 var(--sans);margin:0}::selection{background:var(--fg);color:var(--bg)}.top{z-index:10;border-bottom:1px solid var(--line);background:var(--bg);grid-template-columns:1fr minmax(0,24rem) 1fr;align-items:center;gap:1rem;height:3.5rem;padding:0 1rem 0 1.125rem;font-size:.875rem;display:grid;position:sticky;top:0}.top-start a,.top-end>nav a{color:var(--muted);align-items:center;gap:.5rem;text-decoration:none;transition:color .15s;display:inline-flex}.top-start a:hover,.top-end>nav a:hover,.top .name{color:var(--fg)}.top .name{white-space:nowrap;font-weight:500}.top-start{justify-self:start;align-items:center;gap:2rem;display:flex}.top-links{gap:1.25rem;display:flex}.top-end{grid-column:-2;justify-self:end;align-items:center;gap:.25rem;display:flex}.top-end>nav{align-items:center;gap:.25rem;display:flex}.top-end .npmx{view-transition-name:npmx;height:2rem;box-shadow:inset 0 0 0 1px var(--line);font:500 .75rem/1 var(--mono);white-space:nowrap;border-radius:999px;margin-right:.25rem;padding:0 .625rem;transition:color .15s,box-shadow .15s;overflow:hidden}.top-end .npmx:hover{box-shadow:inset 0 0 0 1px var(--faint)}.top-end .npmx svg{width:13px;height:13px}.top-end .github{height:2rem;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:999px;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:color .15s,box-shadow .15s}.top-end .github:hover{box-shadow:inset 0 0 0 1px var(--faint)}.github-stars{border-left:1px solid var(--line);font:500 .75rem/1 var(--mono);align-items:center;gap:.25rem;margin-left:.125rem;padding-left:.625rem;display:inline-flex}html:not([data-search]) .search-open,html[data-mac] .kbd-other,html:not([data-mac]) .kbd-mac{display:none}.search-open{border-radius:var(--r-sm);background:var(--soft);width:100%;height:2.25rem;box-shadow:inset 0 0 0 1px var(--line);color:var(--faint);font:inherit;cursor:pointer;border:0;align-items:center;gap:.5rem;padding:0 .375rem 0 .75rem;transition:box-shadow .15s,color .15s,scale .15s;display:flex}.search-open:hover{box-shadow:inset 0 0 0 1px var(--faint);color:var(--muted)}.search-open:active{scale:.99}.search-label{text-align:left;flex:1}kbd{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);color:var(--faint);font:500 .6875rem/1.6 var(--sans);border-radius:4px;padding:.05rem .375rem}.search{border-radius:var(--r-md);background:var(--bg);width:min(36rem,100% - 2rem);max-height:min(28rem,100% - 8rem);box-shadow:0 0 0 1px var(--line);color:var(--muted);transform-origin:top;transition:opacity .15s ease-out, scale .15s ease-out, display .15s allow-discrete, overlay .15s allow-discrete;border:0;margin:4.5rem auto auto;padding:0;overflow:hidden}.search[open]{flex-direction:column;display:flex}@starting-style{.search[open]{opacity:0;scale:.97}}.search::backdrop{background:#0000004d}.search-field{border-bottom:1px solid var(--line);color:var(--faint);flex:none;align-items:center;gap:.625rem;padding:0 .75rem 0 1rem;display:flex}.search-field input{min-width:0;height:3rem;color:var(--fg);font:.9375rem var(--sans);background:0 0;border:0;outline:none;flex:1}.search-results{flex-direction:column;min-height:0;padding:.375rem;display:flex;overflow-y:auto}.search-results:empty{display:none}.search-results a{border-radius:var(--r-sm);color:var(--fg);flex-direction:column;padding:.5rem .75rem;scroll-margin:.375rem;text-decoration:none;display:flex}.search-results a[aria-selected=true]{background:var(--soft)}.search-results small{color:var(--faint);font-size:.75rem}.search-results p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.125rem 0 0;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}.search-results mark{color:var(--fg);background:0 0;font-weight:600}.search-close{color:var(--fg);font:500 .9375rem var(--sans);cursor:pointer;background:0 0;border:0;padding:.5rem 0 .5rem .5rem;display:none}@media (width<=40rem){.search{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);margin-top:.5rem}.search-field kbd{display:none}.search-close{display:block}.search-field input{font-size:1rem}}.search-empty{color:var(--faint);text-align:center;margin:0;padding:1.5rem 1rem;font-size:.875rem}.menu{display:none;position:relative}.menu>summary{border-radius:var(--r-sm);width:2.5rem;height:2.5rem;color:var(--muted);cursor:pointer;place-items:center;list-style:none;display:grid}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover,.menu[open]>summary{background:var(--soft);color:var(--fg)}.menu-panel{overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);transform-origin:100% 0;width:min(20rem,100vw - 2rem);max-height:calc(100dvh - 5rem);transition:opacity .2s var(--ease-out), scale .2s var(--ease-out);flex-direction:column;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;box-shadow:0 12px 32px -12px #00000040}@starting-style{.menu[open] .menu-panel{opacity:0;scale:.97}}.menu-search{flex:none;width:auto;height:2.5rem;margin:.5rem .5rem 0}.menu-panel .rail{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.5rem;display:grid}.menu-panel .rail hr{display:none}.menu-panel .rail a{height:2.75rem}.menu-panel .rail-label{opacity:1}.menu-panel .pages{flex:none;padding-bottom:.75rem;overflow:visible}.landing{--column:min(100% - 4rem, 70rem);padding-bottom:3rem}.landing main{margin-top:0}.landing-hero,.landing main>:not(.canvas),.landing>footer{width:var(--column);margin-inline:auto}.landing h2{letter-spacing:-.035em;text-wrap:balance;border:0;margin:0;padding:0;font-size:clamp(1.75rem,1.25rem + 1.5vw,2.5rem);line-height:1.08}.landing-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:2rem 4rem;padding:5rem 0 3rem;display:grid}.landing-hero h1{max-width:13ch;color:var(--fg);letter-spacing:-.045em;text-wrap:balance;margin:0 0 1.25rem;font-size:clamp(2.5rem,1.5rem + 3.5vw,4.25rem);font-weight:600;line-height:1}.landing-hero p{max-width:28rem;margin:0;font-size:1.125rem}.landing-hero .installer{max-width:none;margin:0}.landing main>.cl-heading:has(>h2){border-top:0;margin:6rem auto .75rem;padding-top:0}.landing main>.cl-heading+p{color:var(--muted);margin-bottom:2rem}.grid{border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.grid li{box-shadow:1px 0 0 var(--line), 0 1px 0 var(--line);display:flex}.grid a{color:var(--muted);flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.125rem .875rem;padding:1.25rem 1.25rem 1.25rem 1rem;font-size:.875rem;line-height:1.5;text-decoration:none;transition:background-color .15s;display:grid}.grid-icon{border-radius:var(--r-md);background:var(--soft);width:2.5rem;height:2.5rem;color:var(--fg);grid-row:span 2;place-items:center;transition:background-color .15s;display:grid}.grid strong{color:var(--fg);font:500 .875rem/1.4 var(--mono);grid-column:2}.grid a>span:not([class]){text-wrap:pretty;grid-column:2}.grid a:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}@media (hover:hover){.grid a:hover{background:var(--soft)}.grid a:hover .grid-icon{background:var(--bg)}}.landing footer{max-width:none;margin-top:6rem}@media (width<=60rem){.landing{--column:calc(100% - 3rem)}.landing-hero,.split,.drop{grid-template-columns:minmax(0,1fr)}.landing-hero{padding-top:3rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase,.drop{margin-top:5rem}.drop{padding:2rem 1.5rem}.canvas{margin:0}.canvas-viewport{height:clamp(30rem,72vh,40rem);box-shadow:inset 0 1px 0 var(--line), inset 0 -1px 0 var(--line);border-radius:0}}@media (width<=36rem){.grid{grid-template-columns:minmax(0,1fr)}.demo{width:300px}}.logo{flex:none}.layout{grid-template-columns:auto minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--line);grid-template-columns:3.25rem 15rem;height:calc(100dvh - 3.5rem);display:grid;position:sticky;top:3.5rem}.sidebar .pages{grid-column:2}.rail{flex-direction:column;gap:.25rem;padding:.75rem .5rem;display:flex}.sidebar .rail{z-index:5;overscroll-behavior:contain;scrollbar-width:none;border-right:1px solid var(--line);background:var(--bg);width:3.25rem;transition:width .15s cubic-bezier(.2,0,0,1),box-shadow .15s;position:absolute;inset:0 auto 0 0;overflow:hidden auto}.sidebar .rail:hover{width:13.5rem;box-shadow:12px 0 32px -16px #0003}.sidebar .rail:has(:focus-visible){width:13.5rem;box-shadow:12px 0 32px -16px #0003}.sidebar .rail:hover{transition-delay:.15s}.sidebar .rail[data-dismissed]{width:3.25rem;box-shadow:none;transition:none}.rail a{border-radius:var(--r-sm);height:2.25rem;color:var(--faint);flex:none;align-items:center;gap:.75rem;padding:0 .5625rem;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.rail a:hover,.rail a[aria-current]{background:var(--soft);color:var(--fg)}.rail a[aria-current]{box-shadow:inset 0 0 0 1px var(--line)}.rail hr{border:0;border-top:1px solid var(--line);flex:none;margin:.25rem .5rem}.rail .rail-drop{height:2.75rem;box-shadow:inset 0 0 0 1px var(--line);margin-top:auto}.rail-drop .rail-label{flex-direction:column;gap:.0625rem;line-height:1.2;display:flex}.rail-drop strong{color:var(--fg);font-weight:600}.rail-drop .rail-label span{font-size:.6875rem;font-weight:400}.menu-panel .rail .rail-drop{grid-column:1/-1}.rail-label{text-overflow:ellipsis;white-space:nowrap;opacity:0;font-size:.8125rem;font-weight:500;transition:opacity .15s;overflow:hidden}.sidebar .rail:is(:hover,:has(:focus-visible)):not([data-dismissed]) .rail-label{opacity:1}.sidebar .rail:not(:hover):not(:has(:focus-visible)) .rail-label{opacity:0}@media (hover:none){.sidebar .rail:hover{width:3.25rem;box-shadow:none}.sidebar .rail:hover:not(:has(:focus-visible)) .rail-label{opacity:0}}.pages{flex-direction:column;min-height:0;padding:.75rem 1rem 2rem;font-size:.8125rem;display:flex;overflow-y:auto}.pages-title{color:var(--fg);margin:.25rem 0 .5rem;font-size:.875rem;font-weight:600;line-height:1.4}.nav-group{color:var(--fg);margin:1rem 0 .25rem;font-size:.75rem;font-weight:500}.nav-fold>summary{border-radius:var(--r-sm);color:var(--muted);cursor:pointer;margin:.75rem -.5rem 0;padding:.25rem .5rem;list-style:none;transition:color .15s}.nav-fold[open]>summary{color:var(--fg)}.nav-fold+.nav-fold>summary{margin-top:0}.nav-fold[open]{padding-bottom:.5rem}.nav-fold>summary::-webkit-details-marker{display:none}.nav-fold>summary:after{content:"";border:solid var(--faint);width:.375rem;height:.375rem;transition:rotate .15s var(--ease-out);border-width:0 1.5px 1.5px 0;margin:0 .125rem 0 auto;rotate:-45deg}.nav-fold[open]>summary:after{rotate:45deg}@media (hover:hover) and (pointer:fine){.nav-fold>summary:hover{background:var(--soft);color:var(--fg)}}.nav-fold>a{display:block}.pages a:not(.preset-page *){border-radius:var(--r-sm);color:var(--muted);margin:0 -.5rem;padding:.3rem .5rem;text-decoration:none;transition:color .15s,background-color .15s}.pages a:not(.preset-page *):hover,.pages a[aria-current]{color:var(--fg)}.pages a[aria-current]{background:var(--soft)}.pages a.nav-sub{border-radius:0 var(--r-sm) var(--r-sm) 0;box-shadow:inset 1px 0 0 var(--line);margin-left:.25rem;padding-left:.875rem}.pages a.nav-code{font-family:var(--mono);font-size:.75rem}.pages a.nav-sub[aria-current]{box-shadow:inset 1px 0 0 var(--fg)}.page{grid-template-columns:minmax(0,48rem) 10rem;justify-content:center;gap:3rem;min-width:0;padding:0 2rem;display:grid}.toc nav{flex-direction:column;max-height:calc(100dvh - 3.5rem);padding:2.5rem 0 2rem;font-size:.8125rem;display:flex;position:sticky;top:3.5rem;overflow-y:auto}nav>.nav-group:first-child{margin-top:0}.pages-title+.nav-group{margin-top:.25rem}.toc a{color:var(--faint);padding:.25rem 0;text-decoration:none;transition:color .15s}.toc a:hover,.toc a[data-active]{color:var(--fg)}.toc .nav-h3{padding-left:.75rem}.content{min-width:0;padding:2.5rem 0 2rem}.hero .eyebrow{color:var(--faint);margin:0 0 .5rem;font-size:.8125rem}.pager{grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;display:grid}.pager a{border:1px solid var(--line);border-radius:var(--r-md);color:var(--fg);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;font-weight:500;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.pager a:hover{border-color:var(--faint);background:var(--soft)}.pager small{color:var(--faint);font-size:.75rem;font-weight:400}.pager span{align-items:center;gap:.375rem;display:inline-flex}.pager-next{text-align:right;align-items:flex-end}.pager+footer{border-top:0;margin-top:2rem;padding-top:0}.hero p{text-wrap:pretty;max-width:34rem;margin:0;font-size:1.0625rem}.installer{max-width:34rem;margin-top:1.75rem}.installer-bar{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;display:flex}.installer .seg button{align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8125rem;display:inline-flex}.install{border-radius:var(--r-md);background:var(--bg);width:100%;min-width:0;height:2.75rem;box-shadow:inset 0 0 0 1px var(--line);color:var(--faint);font:.875rem/1 var(--mono);text-align:left;cursor:pointer;transition:box-shadow .15s ease, scale .16s var(--ease-out);border:0;align-items:center;gap:.6rem;padding:0 .375rem 0 1rem;display:flex}.install:active,.play-share:active,.play-theme-actions button:active,.play-reset:active,.play-copy:active,.copy:active{scale:.97}.install:hover{box-shadow:inset 0 0 0 1px var(--faint)}.install code{min-width:0;box-shadow:none;color:var(--fg);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;padding:0;overflow:hidden}.install-hint{border-radius:var(--r-sm);width:2rem;height:2rem;color:var(--muted);place-items:center;transition:color .15s,background-color .15s;display:grid}.install:hover .install-hint{background:var(--soft);color:var(--fg)}.install-hint svg,.card-copy svg,.play-copy svg{transition:opacity .2s var(--ease-out), scale .2s var(--ease-out), filter .2s var(--ease-out);grid-area:1/1}.install-hint .check,.card-copy .check,.play-copy .check,.install.copied .install-hint svg:not(.check),.card-copy.copied svg:not(.check),.play-copy.copied svg:not(.check){opacity:0;filter:blur(2px);scale:.25}.install.copied .install-hint .check,.card-copy.copied .check,.play-copy.copied .check{opacity:1;filter:none;color:#16a34a;scale:1}.page-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.hero-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:.5rem;display:flex}.hero .hero-title h1{text-wrap:balance;flex:18rem;margin:0}.hero-title .page-actions{flex:none;margin:0}.page-actions .button{cursor:pointer;height:2rem;padding:0 .75rem;font-size:.8125rem}.copy-page-icon{color:var(--muted);display:grid}.copy-page-icon svg{transition:opacity .2s var(--ease-out), scale .2s var(--ease-out);grid-area:1/1}.copy-page-icon .check,.copy-page.copied .copy-page-icon svg:not(.check){opacity:0;scale:.25}.copy-page.copied .copy-page-icon .check{opacity:1;color:#16a34a;scale:1}.hero h1{color:var(--fg);letter-spacing:-.025em;margin:0 0 .5rem;font-size:2rem;font-weight:600;line-height:1.15}.actions{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.button{border-radius:var(--r-sm);height:2.5rem;box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);transition:box-shadow .15s ease, background-color .15s ease, scale .16s var(--ease-out);background:0 0;border:0;align-items:center;gap:.5rem;padding:0 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.button.primary{background:var(--fg);box-shadow:none;color:var(--bg)}.button:active{scale:.97}@media (hover:hover){.button:hover{box-shadow:inset 0 0 0 1px var(--faint)}.button.primary:hover{background:color-mix(in oklch, var(--fg) 86%, var(--bg));box-shadow:none}}@media (hover:none){.seg button{padding:.45rem .85rem}}@media (width<=75rem){.page{grid-template-columns:minmax(0,48rem)}.toc{display:none}}@media (width<=60rem){.top{grid-template-columns:minmax(0,1fr) auto}.top>.search-open{display:none}.search-open{width:2.5rem;height:2.5rem;box-shadow:none;background:0 0;justify-content:center;padding:0}.search-open :is(.search-label,kbd),.top-end .npmx span,.github-label,.top-links,.top-end>nav>.link{display:none}.top-end .npmx{width:2.5rem;box-shadow:none;justify-content:center;padding:0}.top-end .github{box-shadow:none;padding:0 .625rem}.github-stars{border-left:0;padding-left:0}.layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.menu{display:block}.page{padding:0 1.5rem}}main{margin-top:2rem}main>:first-child{margin-top:0}p,li{text-wrap:pretty}a:where(:not(.ce-card,.ce a,.cp,.cto a,.cso a,.cso-cite a,.cso-card a)){color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color .15s}a:where(:not(.ce-card,.ce a,.cp,.cto a,.cso a,.cso-cite a,.cso-card a)):hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}strong{color:var(--fg);font-weight:500}h2{border-top:1px solid var(--line);color:var(--fg);letter-spacing:-.01em;margin:3.5rem 0 1rem;padding-top:1.25rem;scroll-margin-top:4.5rem;font-size:1.125rem;font-weight:600;line-height:1.3}h3{color:var(--fg);font:500 .875rem/1.5 var(--mono);margin:2.25rem 0 .5rem;scroll-margin-top:4.5rem}:where(.cl-heading):has(>h2){border-top:1px solid var(--line);margin:3.5rem 0 1rem;padding-top:1.25rem}:where(.cl-heading):has(>h3){margin:2.25rem 0 .5rem}.cl-heading>:is(h2,h3),.landing .cl-heading{border:0;margin:0;padding:0}.example-preview :is(h2,:where(.cl-heading):has(>h2)){border-top:0;padding-top:0}.example-preview h3{font:600 1rem/1.5 var(--sans)}.cl-heading>h2{scroll-margin-top:5.75rem}code{color:var(--fg);font:.8125rem/1.6 var(--mono)}:not(pre)>code{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);overflow-wrap:break-word;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:.1em .35em}.table-scroll{margin:1rem 0;overflow-x:auto}.table-scroll>table:not(.cd-code),.ctb-scroll>table{margin:0}pre{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--pre-line);margin:1.25rem 0;padding:.8rem .9rem;position:relative;overflow-x:auto;background:var(--soft)!important}pre.cca-term{box-shadow:none}pre:not(.ck[data-code-lines]>pre,.studio-code pre) .line{display:inline}table:not(.cd-code){border-collapse:collapse;width:100%;margin:1rem 0;font-size:.875rem}th{text-align:left;padding:.6rem .75rem;font-weight:500}.cd{--cd-font:var(--mono)}main thead:not(:has(th:nth-child(3))) th:not(.example-preview th){display:none}td:not(.cd-code td){border-top:1px solid var(--line);vertical-align:baseline;padding:.6rem .75rem}:is(th,td:not(.cd-code td)):not(.matrix *):first-child{padding-left:0}:is(th,td:not(.cd-code td)):not(.matrix *):last-child{padding-right:0}tr:last-child td:not(.cd-code td){border-bottom:1px solid var(--line)}td:first-child:not(.cd-code td){white-space:nowrap;width:9rem}td:first-child code{box-shadow:none;background:0 0;padding:0}.matrix{margin:1.25rem 0;overflow-x:auto}.matrix table{table-layout:fixed;min-width:40rem;margin:0}.matrix th{border-bottom:1px solid var(--line);font-family:var(--mono);vertical-align:bottom;padding:.75rem;font-size:.8125rem}.matrix th a{color:var(--fg);text-decoration:none}.matrix tbody td{color:var(--muted);vertical-align:top;padding:.75rem}.matrix tbody td:first-child{width:14rem;color:var(--fg);white-space:normal;padding-left:0;font-weight:500}.matrix th:first-child{width:14rem}.matrix td:first-child em{color:var(--faint);margin-top:.15rem;font-size:.8125rem;font-style:normal;font-weight:400;display:block}.matrix th:nth-child(2),.matrix td:nth-child(2){background:var(--soft);color:var(--fg)}.matrix tr:has(>td:nth-child(2):empty) td{border-top:none;padding-top:1.5rem;padding-bottom:.5rem}.matrix tr:has(>td:nth-child(2):empty) td:first-child{color:var(--faint);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.matrix tr:has(>td:nth-child(2):empty) strong{font-weight:500}@media (width<=40rem){.matrix table{min-width:32rem}.matrix th:first-child,.matrix tbody td:first-child{z-index:1;background:var(--bg);width:8.5rem;padding-right:.75rem;position:sticky;left:0}}blockquote{border-left:2px solid var(--line);margin:1.25rem 0;padding-left:1rem}dl:not([class]){margin:1.25rem 0}dl:not([class])>dt{color:var(--fg);margin-top:.75rem;font-weight:500}dl:not([class])>dt:first-child{margin-top:0}dl:not([class])>dd{border-left:1px solid var(--line);margin:.25rem 0 0 .25rem;padding-left:.875rem}dl:not([class])>dd>:first-child{margin-top:0}dl:not([class])>dd>:last-child{margin-bottom:0}.examples{margin:2.5rem 0 1.5rem;position:relative}.tablist{gap:1.25rem;margin-bottom:.75rem;display:flex}.tablist button{color:var(--faint);font:500 .875rem/1.5 var(--sans);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:.5rem 0;transition:color .15s,border-color .15s}.tablist button:hover,.tablist [aria-selected=true]{color:var(--fg)}.tablist [aria-selected=true]{border-bottom-color:var(--fg)}.tablist,.seg{position:relative}.indicator{pointer-events:none;transition:transform .2s var(--ease-out), width .2s var(--ease-out);position:absolute;left:0}.indicator[data-still]{transition:none}.tablist .indicator{background:var(--fg);height:1px;bottom:0}.tablist[data-indicator] [aria-selected=true]{border-bottom-color:#0000}.seg .indicator{border-radius:var(--r-sm);background:var(--raised);top:3px;bottom:3px;box-shadow:0 0 0 .5px #0000000f,0 1px 3px #0000001a}.seg button{z-index:1;position:relative}.seg[data-indicator] [aria-pressed=true]{box-shadow:none;background:0 0}.example{margin:1.25rem 0}.example-bar{justify-content:flex-end;margin-bottom:.5rem;display:flex}.examples .example{margin:0}.examples .example-bar{margin:0;position:absolute;top:.3rem;right:0}.seg{border-radius:var(--r-md);background:var(--soft);padding:3px;display:inline-flex}.seg button{border-radius:var(--r-sm);color:var(--muted);font:500 .75rem/1.5 var(--sans);cursor:pointer;background:0 0;border:0;padding:.2rem .65rem;transition:color .15s}.seg button:hover,.seg [aria-pressed=true]{color:var(--fg)}.seg [aria-pressed=true]{background:var(--raised);box-shadow:0 0 0 .5px #0000000f,0 1px 3px #0000001a}.seg button:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.example-preview,.example-code{border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line)}.example-preview{padding:1.25rem 1.5rem}:where(.example-preview,.play-preview-content) figure:has(>img[data-zoom]){margin:1.5rem 0}:where(.example-preview,.play-preview-content) figure>img[data-zoom]{display:block}:where(.example-preview,.play-preview-content) figure:has(>img[data-zoom])>figcaption{color:var(--muted);text-wrap:pretty;margin-top:.75rem;font-size:.875rem;line-height:1.5}.example-preview>:nth-child(1 of :not(style,script)){margin-top:0}.example-preview>:nth-last-child(1 of :not(style,script)){margin-bottom:0}.example-preview>:is(.ca,.cd,.ce,.ce-card,.cch){margin:0}.example-preview>.ck>pre{margin-block:0}.example-preview:has(>:is(.cch,.cd,.ce,.ce-card,.cgc,.ck,.cft,.ct,.cmv,.cc,.ccr,.ccr-group,.cdg,.cmm,.cca,.cdt,.cdt-accordion,.ctr,.cfm,.cmt-tiles,.cqz,.cm-video,video.cm,.cn-notes)){box-shadow:none;border-radius:0;padding:0}.example-preview:has(>p>:is(.cm-video,.cm-audio)){box-shadow:none;border-radius:0;padding:0}.example-preview:not(:has(>:not(style,script,.cch,.cd,.ce,.ce-card,.cgc,.ck,.cft,.ct,.cmv,.cc,.ccr,.ccr-group,.cdg,.cmm,.cca,.cdt,.cdt-accordion,.ctr,.cfm,.cmt-tiles,.cqz,.cm-video,video.cm,.cn-notes))){flex-direction:column;gap:1rem;display:flex}.example-preview:not(:has(>:not(style,script,.cch,.cd,.ce,.ce-card,.cgc,.ck,.cft,.ct,.cmv,.cc,.ccr,.ccr-group,.cdg,.cmm,.cca,.cdt,.cdt-accordion,.ctr,.cfm,.cmt-tiles,.cqz,.cm-video,video.cm,.cn-notes)))>*{margin-block:0}.example-preview:has(>:is(.cch,.cd,.ce,.ce-card,.cgc,.ck,.cft,.ct,.cmv,.cc,.ccr,.ccr-group,.cdg,.cmm,.cca,.cdt,.cdt-accordion,.ctr,.cfm,.cmt-tiles,.cqz,.cm-video,video.cm,.cn-notes)):has(>:not(style,script,.cch,.cd,.ce,.ce-card,.cgc,.ck,.cft,.ct,.cmv,.cc,.ccr,.ccr-group,.cdg,.cmm,.cca,.cdt,.cdt-accordion,.ctr,.cfm,.cmt-tiles,.cqz,.cm-video,video.cm,.cn-notes)){border-bottom:1px solid var(--line);padding-bottom:1.5rem}:is(.example,.examples):has(+:is(h2,hr)) .example-preview{border-bottom:0;padding-bottom:0}.example-code pre{border-radius:var(--r-sm);box-shadow:none;margin:0;background:0 0!important}[hidden]{display:none!important}.ca{--ca-note-size:1.2rem;--ca-label-size:1.6rem;font-size:.875rem}.ca-label{color:var(--fg);font-weight:500;line-height:1}footer{border-top:1px solid var(--line);max-width:52rem;color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:3rem;padding-top:1.5rem;font-size:.8125rem;display:flex}footer a{color:var(--muted)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(npmx){animation-duration:.25s;animation-timing-function:var(--ease-out)}::view-transition-old(npmx){width:auto;height:100%;inset:0 0 auto auto}::view-transition-new(npmx){width:auto;height:100%;inset:0 0 auto auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.search,.play-confirm,.indicator,.install-hint svg,.card-copy svg,.play-copy svg,.sidebar .rail{transition:none}.menu-panel{transition:opacity .15s ease-out}@starting-style{.menu[open] .menu-panel{scale:1}}.install:active,.play-share:active,.play-theme-actions button:active,.play-reset:active,.play-copy:active,.play-confirm button:active,.copy:active{scale:1}}.examples .tablist{scrollbar-width:none;margin-right:15.5rem;overflow-x:auto}.examples .tablist button{flex:none}@media (width<=40rem){.examples .example-bar{margin-bottom:.5rem;position:static}.examples .tablist{margin-right:0}}main img{max-width:100%;height:auto}.example-bar{align-items:center;gap:.75rem}.example-play{color:var(--faint);align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.example-play:hover{color:var(--fg)}.tablist[data-overflow]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.app{display:contents}