body #main{grid-template-rows:auto 1fr;display:grid}body,code,kbd{font-variant-ligatures:common-ligatures contextual;font-feature-settings:"liga" 1, "calt" 1;font-family:Fantasque Sans Mono,JetBrains Mono,Monaco,Consolas,Ubuntu Mono,monospace}button:hover{background:color-mix(in srgb, var(--accent) 15%, transparent)}button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}a:focus-visible{outline:1px solid var(--accent);outline-offset:2px}#demo-frame{aspect-ratio:16/9;background:#000;border-radius:6px;width:100%;position:relative;overflow:hidden}#demo-frame canvas{width:100%;height:100%;display:block}#demo-status:before{content:">> "}#demo-status:after{content:" <<"}.demo-loading{animation:blinker 1s steps(1, end) infinite}@keyframes demo-loading{0%{opacity:1}50%{opacity:0}to{opacity:1}}.demo-error{color:#df4c2c;font-weight:700}main{align-items:stretch;display:flex}main section.content{width:100%;padding:1.5rem 10rem 35vh 2rem}main section.content :first-child{margin-top:0}main section.content ul{list-style:square}main section.content ol{list-style:decimal}main section.content h1{font-size:2em}main section.content h2{font-size:1.5em}main section.content h1{text-transform:none;font-variant:small-caps;text-decoration:none}main section.content h2{text-transform:none;font-variant:small-caps;text-decoration:none}main section.content h1{flex-direction:row-reverse;justify-content:left;scroll-margin-top:1.5rem;display:flex}main section.content h1 a.anchor{margin-right:.5em;font-size:1.5rem}main section.content h1 a.anchor:before{content:">>"}main section.content h2{flex-direction:row-reverse;justify-content:left;scroll-margin-top:1.5rem;display:flex}main section.content h2 a.anchor{margin-right:.5em;font-size:1.5rem}main section.content h2 a.anchor:before{content:">>"}main section.content h3{flex-direction:row-reverse;justify-content:left;scroll-margin-top:1.5rem;display:flex}main section.content h3 a.anchor{margin-right:.5em;font-size:1.5rem}main section.content h3 a.anchor:before{content:">>"}main section.content h4{flex-direction:row-reverse;justify-content:left;scroll-margin-top:1.5rem;display:flex}main section.content h4 a.anchor{margin-right:.5em;font-size:1.5rem}main section.content h4 a.anchor:before{content:">>"}aside.toc{box-shadow:0px 0px 10px 0px var(--accent);-webkit-box-shadow:0px 0px 10px 0px var(--accent);background-color:var(--accent);scrollbar-width:none;flex-shrink:0;grid-template-rows:auto 1fr;padding:0 1.5em;font-size:1.1em;display:grid;overflow-y:auto}aside.toc .logo{text-transform:none;color:var(--background);font-variant:small-caps;border-bottom:3px solid var(--background);margin-top:.5em;padding-bottom:.5em;font-size:2.5em;text-decoration:none}aside.toc ul{margin-top:.5em;margin-left:0}aside.toc ul li{text-align:left;padding-right:.5em;font-weight:700}aside.toc ul li a{color:var(--background);font-variant:small-caps;font-size:1.5em}aside.toc .toc-link{opacity:.55;white-space:nowrap;text-overflow:ellipsis;margin-top:.2em;display:block;overflow:hidden}aside.toc .toc-link.active{opacity:1}aside.toc .toc-link-1{font-size:1.2em}aside.toc .toc-link-1:not(:first-child){margin-top:.8em}aside.toc .toc-link-2{margin-left:1em;font-size:.9em}aside.toc .toc-link-3{margin-left:2em;font-size:.7em}aside.toc .toc-link-4{margin-left:2.5em;font-size:.8em}