*,:before,:after{box-sizing:border-box}:root{--sp-xs:.25rem;--sp-s:.5rem;--sp-m:1rem;--sp-l:1.5rem;--sp-xl:3rem;--sp-xxl:4rem;--textbox-x:.8rem;--textbox-y:.4rem;--textbox:.4rem 1rem;--pagePadding:calc(var(--sp-s) + 2vw);--buttonHeight:1.75rem;--w-wrapperWidth:25rem;--c-fieldHover:#00000026;--c-fieldFocus:#0000004d;--c-background:#fff;--c-body:#333;--c-body-secondary:#999;--c-button:#00000014;--c-buttonHover:#00000026;--c-buttonActive:#0003;--c-fade:#0006;--c-backgroundAlt:#00000012;--c-backgroundCode:#0000000d;--font-monospace:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{background-color:var(--c-background);color:var(--c-body);font-family:var(--font-monospace);-webkit-font-smoothing:antialiased;text-wrap:pretty;margin:0;padding:0;font-size:.875rem;font-weight:400;line-height:1.5}a{color:inherit;font-weight:600}h1{margin-block:.67em;font-size:1.4rem;line-height:1.2}h2{margin-block:.67em;font-size:1.25rem;line-height:1.2}h3{margin-block:.67em;font-size:.9rem;line-height:1.2}.card{background-color:color-mix(in srgb,var(--c-background)90%,transparent);border-radius:.75rem;overflow:hidden;box-shadow:0 0 0 1px #32325d0f,0 4px 14px #32325d0d,0 3px 6px #00000005}pre{width:100%;padding:var(--sp-s)var(--sp-m);background-color:var(--c-backgroundCode);white-space:break-spaces;border-radius:.25rem;margin:1rem 0;font-size:85%;line-height:1.45;display:block;overflow:auto}pre+h2,pre+h3,pre+h4{margin-top:var(--sp-xl)}nav{align-items:center;gap:var(--sp-l);margin:var(--sp-m)var(--pagePadding)0;flex-wrap:wrap;display:flex}nav ul{gap:var(--sp-m);align-items:center;width:100%;margin:1rem 0;padding:0;list-style:none;display:flex}nav ul li:first-child{margin-right:auto}nav a{font-weight:700;text-decoration:none}nav a.nav-link--selected{position:relative}nav li:not(:first-child) a.nav-link--selected:before{content:"";background-color:#000;border-radius:50%;width:.25rem;height:.25rem;position:absolute;top:-.45rem;left:50%;transform:translate(-50%)}.homeLayout{padding:0 var(--pagePadding);gap:2.25rem;display:flex}@keyframes homeEnter{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:none}}.homeSidebar{width:25%;top:var(--sp-m);opacity:0;flex-shrink:0;height:fit-content;animation:.4s ease-out .12s forwards homeEnter;position:sticky}.homeSidebar h2{margin-top:var(--sp-xxl)}.homeSidebar p code{background-color:var(--c-backgroundCode);border-radius:.25em;padding:.2em .4em;font-size:.9em}@media (max-width:1000px){.homeSidebar{width:100%;max-width:100%;padding-top:2rem;padding-bottom:var(--sp-xl);border-right:none;position:relative}}.homePlayground{opacity:0;flex:1;min-width:0;animation:.4s ease-out .3s forwards homeEnter;overflow-y:auto}.homePlayground .layout{min-height:auto}@media (max-width:1000px){.homePlayground{width:100%}}@media (max-width:1000px){.homeLayout{flex-direction:column}}.readmeWrapper{padding:0 var(--pagePadding);justify-content:center;margin:5rem auto 10rem;display:flex;position:relative}@media (max-width:1000px){.readmeWrapper{flex-direction:column;align-items:center;margin-left:0}}.readmeWrapper h2{margin-top:var(--sp-xxl)}.readmeWrapper p code{background-color:var(--c-backgroundCode);border-radius:.25em;padding:.2em .4em;font-size:.9em}.readmeMain{max-width:80ch}.readmeMain h3{margin-top:var(--sp-xl)}.readmeMain p{margin-block:1rem}.readmeMain .code-block{margin-bottom:var(--sp-m)}@media (max-width:1000px){.readmeMain{width:100%}}.readmeMainCTA{gap:var(--sp-s);display:flex}.sponsorCard{margin-top:calc(var(--sp-xl)*3);padding:var(--sp-m);background-color:#f5f4f0;font-size:.8rem;line-height:1.45;position:relative}@media (max-width:1000px){.sponsorCard{margin-top:calc(var(--sp-xl)*1)}}.sponsorCard-logo{background-color:#000;border-radius:.35rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.3rem;text-decoration:none;display:flex}.sponsorCard-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}p.sponsorCard-label{margin:0 0 var(--sp-xs)0;letter-spacing:.04em;color:purple;background-color:#f6d0f6;border-radius:999px;padding:.2rem .5rem;font-size:.65rem;display:inline-block}.sponsorCard-lead{margin:0 0 var(--sp-s);opacity:.8;font-weight:700}.sponsorCard-body{margin:0 0 var(--sp-m);opacity:.6;font-size:.75rem}.sponsorCard-link{opacity:.8;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.sponsorCard-link:hover{opacity:1;text-decoration:none;transition:opacity .2s}.readmeBadge{background-color:var(--c-backgroundAlt);border-radius:999px;min-width:3.5rem;min-height:1rem;margin-right:-.4rem;padding:.2rem .5rem;font-size:.65rem;font-weight:400}.githubStars{align-items:center;gap:.1rem;display:flex}.githubStars svg{color:gold}.buttonWrapper{appearance:none;font:inherit;color:inherit;background:var(--c-button);word-spacing:-.25em;cursor:pointer;-webkit-user-select:none;user-select:none;height:var(--buttonHeight);white-space:nowrap;justify-content:center;align-items:center;gap:var(--sp-s);border:none;border-radius:50px;padding:0;font-size:.7rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s;display:inline-flex}.buttonWrapper:has(svg):has(span){padding-left:var(--sp-s)}.buttonWrapper:hover{background-color:var(--c-buttonHover)}.buttonWrapper:active{background-color:var(--c-buttonActive)}.buttonWithChildren{padding:0 var(--textbox-x)}.footer-wrapper{margin-bottom:calc(var(--sp-xl)*4);margin-top:calc(var(--sp-xl)*4);margin-left:26.5rem;margin-right:var(--pagePadding);max-width:80ch}@media (max-width:1000px){.footer-wrapper{max-width:100%;padding:0 var(--pagePadding);margin-left:0;margin-right:0}}.footer-wrapper svg,.footer-wrapper img{vertical-align:middle;margin-right:5px;position:relative;top:-1px}.footer-wrapper a{color:inherit;font-weight:400;text-decoration:none}.footer-wrapper a:hover{text-decoration:underline}.footer-wrapper p{margin-bottom:var(--sp-m)}.footer-wrapper p:last-child{margin-bottom:0}