.draggable{display:flex;position:relative;z-index:100}.draggable:first-child:not(:last-child){margin-right:var(--margin-s)}.draggable:after{content:"";pointer-events:none;position:relative;align-self:center;margin:auto;display:block;width:20px;height:20px;background-image:radial-gradient(circle at center,#000 1px,transparent 0),radial-gradient(circle at center,#000 1px,transparent 0);background-size:5px 5px}.draggable.is-disabled{color:var(--hex-red-1);opacity:.5}.clock{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}.tick{opacity:.5;position:absolute;top:50%;left:50%;width:1px;height:10px;color:var(--hex-red-1);background-color:currentColor;backface-visibility:hidden;transform-origin:100% 0%;will-change:transform,opacity}.shape{position:absolute;top:50%;left:50%;border:4px solid currentColor;width:100px;height:100px;margin-left:-50px;margin-top:-50px;will-change:transform}.circle{border-radius:50%}.shape.fill{background-color:currentColor}.square{border-radius:10px}.section-container{width:100%}.section-spacer{height:100lvh}.section-half-spacer{height:50lvh}.section{display:flex;justify-content:center;flex-direction:column;width:100%;height:100lvh;padding-left:var(--margin-s);padding-right:var(--margin-s)}@media(min-width:900px){.section{padding-left:var(--margin-xxxl);padding-right:var(--margin-xxxl)}}.section-content{position:relative;width:100%;height:100lvh;padding-top:var(--margin-s);padding-bottom:var(--margin-s)}@media(min-width:900px){.section-content{padding-top:var(--margin-xxxl);padding-bottom:var(--margin-xxxl)}}.section-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.debug .section-spacer{box-shadow:0 0 0 1px #ff0}.debug .section{box-shadow:0 0 0 1px red}.debug .section-content{box-shadow:0 0 0 1px green}.section-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:100%}.section-text.section-centered{align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%}.section-text.section-centered p{max-width:100%}.section-light .text-xxl{color:var(--hex-bg-1)}.section-light .text-xl{color:var(--hex-bg-2)}.section-light .text-m,.section-light .text-l{color:var(--hex-bg-3)}:where(.section-text) h2{font-size:var(--text-xxxl);line-height:.865em}.section-text h2:not(:last-child){margin-bottom:.365em}.section-light .section-text h2{color:var(--hex-bg-3);font-weight:800}.section-text p{color:var(--hex-fg-2);line-height:1.25em;font-weight:600}.section-light .section-text p{color:var(--hex-bg-4)}@media(min-width:900px){.section-text{max-width:27rem}.section-text p{font-size:var(--text-l);max-width:20rem}.section-text-short p{max-width:var(--max-box-width)}}body[data-template=home]{background-color:#000;scroll-behavior:smooth}body[data-template=home] #site-header{background-color:transparent;position:relative}@media(min-width:900px){body[data-template=home] #site-header-content{border-bottom-color:transparent}}body[data-template=home] .page{opacity:0}body[data-template=home] .page.is-ready{opacity:1}body[data-template=home] #engine{position:fixed;width:100%;height:100lvh}#css-renderer{--color: var(--hex-red-1);color:rgb(var(--color));transform:translateZ(0) scale(1.001);backface-visibility:hidden}#home{width:100%;--max-box-width: 21rem;flex-direction:column}#path-animation{pointer-events:none;position:fixed;z-index:105;left:0;top:0;width:100%;height:100lvh}#intro{position:relative}#intro .section{position:relative;height:calc(100lvh - var(--site-header-height))}#intro .section-text h2{color:var(--hex-fg-1);margin-bottom:.365em}#intro .section-text p{width:100%}.intro-name{display:inline-block;color:var(--hex-fg-3);font-size:var(--text-s);font-weight:600;text-transform:uppercase;margin-bottom:-.865em}@media(max-width:899px){.intro-name{display:none}}#intro .animate-anything-wrapper{position:relative;display:inline-block}.animate-anything{position:relative}.animate-anything .char{transform-origin:0% 95%}.red-dot{display:inline-block;color:var(--hex-red-1)}.animate-anything-dot{display:block;position:absolute;right:-.25em;bottom:-.01em}#intro .section-text .red-dot .char{opacity:1!important}@media(max-width:899px){#intro h2{margin-top:.25em}#intro h2 br{display:none}}@media(min-width:900px){#intro .section-text{align-items:flex-start;text-align:left;height:100%;margin-bottom:var(--margin-xxxl)}#intro .section-text h2{font-size:var(--text-xxxxl)}}#intro .section-content{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%}.fixed-container{display:flex;justify-content:center;position:fixed;bottom:0;left:0;right:0}.heading-links{z-index:1;will-change:transform}.heading-links .layout-container{justify-content:space-between;padding-left:var(--margin-s);padding-right:var(--margin-s);padding-bottom:var(--margin-s)}@media(min-width:900px){.heading-links .layout-container{padding-left:var(--margin-xxxl);padding-right:var(--margin-xxxl);padding-bottom:var(--margin-xxxl)}}.heading-links .ui-group{justify-content:flex-start;padding:0}pre.npm-install,pre.npm-install:not(:last-child){margin:0;margin-right:var(--margin-s)}pre.npm-install code{overflow:hidden;position:relative;display:block;width:100%;padding:var(--margin-s);padding-right:2.75rem;height:3rem}.learn-more.ui-button{position:relative;overflow:hidden}.learn-more.ui-button .icon:nth-child(1){position:absolute;right:var(--margin-xxs);top:-.25em}.learn-more.ui-button .icon:last-child{margin-left:var(--margin-xxxs)}@media(max-width:899px){pre.npm-install{display:none}}.heading-sponsors{position:relative;max-width:10rem;width:100%;height:3rem}.heading-sponsors span{display:block;position:absolute;top:-1.5rem;right:0}.heading-sponsors sponsors-list{width:100%;display:flex;justify-content:flex-end;gap:var(--margin-s)}.heading-sponsors sponsors-list .sponsor{width:auto;padding:0;background:transparent}.heading-sponsors sponsors-list .sponsor:hover{background:transparent;margin-bottom:0}.heading-sponsors sponsors-list .sponsor img{width:3rem}.heading-sponsors sponsors-list .sponsor span{display:none}#modules{scroll-margin-top:-50lvh}#sponsors{scroll-margin-top:25lvh}#sponsors .section{height:auto}.feature-section{scroll-margin-top:-45lvh}.feature-section{pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:0;padding-bottom:0;height:100lvh}.feature-section.is-in-view{pointer-events:auto;z-index:1}.feature-section .section-content{padding-top:var(--margin-s);padding-bottom:0;height:100%;max-height:100%}.section-text-heading{width:calc(100% - var(--margin-s) * 2);margin-bottom:var(--margin-m)}@media(max-width:899px){.feature-section h2{font-size:var(--text-xxl)}.feature-section .section-text{opacity:0;position:fixed;top:var(--margin-s)}}@media(min-width:900px){.feature-section .section-text{position:absolute;padding-top:var(--margin-m);bottom:0}}.feature-section .section-text h2{color:var(--hex-current-1)}.feature-section .section-text p{color:var(--hex-fg-2)}.feature-section .section-text p strong{font-weight:inherit}.feature-section ul.feature-links{display:none}.section-text ul.feature-links{display:block;position:relative;width:100%;padding-top:var(--margin-s);padding-left:0}@media(min-width:900px){.feature-section ul.feature-links:before{content:"";display:block;max-width:16rem;position:absolute;left:0;top:0;width:100%;height:1px;background-color:var(--hex-fg-3);transform:scaleX(var(--scaleX));transform-origin:0 0}.feature-section ul.feature-links{--scaleX: 0;opacity:0}}ul.feature-links li{list-style-type:none;position:relative}ul.feature-links li a{text-decoration:none;padding-left:1.75rem;color:var(--hex-fg-3)}ul.feature-links li a .icon{position:absolute;top:0;left:-.125rem;color:var(--hex-fg-4);transition:transform .125s ease-out}ul.feature-links li a:hover .icon{transform:translate(.125rem)}ul.feature-links li a:hover,ul.feature-links li a:hover .icon{color:var(--hex-current-1)}.feature-section-demo-wrapper{position:fixed;top:0;left:0;width:100%;height:100lvh}@media(min-width:900px){.feature-section-demo-wrapper{position:fixed}}.feature-demo,.feature-section-demo{opacity:.001;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;position:absolute;z-index:10;top:50%;left:50%;aspect-ratio:1/1;width:400px;height:auto;transform:translate(-50%,-50%);color:var(--hex-current-1)}.debug .feature-demo{box-shadow:0 0 0 1px #ff320080}.ui-label{margin-right:var(--margin-xxs)}.toolbox-labels-container{pointer-events:none;display:flex;justify-content:center;align-items:center;align-self:center;justify-self:center;position:absolute;inset:0;width:100%;height:100lvh}.toolbox-labels{display:flex;justify-content:space-between;align-items:center;width:100%;height:100lvh;max-height:45lvh;min-height:15rem}@media(min-width:900px){.toolbox-labels-container{height:100%}.toolbox-labels{max-height:64rem}}.toolbox-labels ul{display:flex;flex-direction:column;align-items:flex-start;padding:0;margin:0!important;font-family:var(--font-code);font-size:var(--text-xxs)}.toolbox-labels,.toolbox-labels ul{position:absolute}.toolbox-labels ul.toolbox-labels-left{left:var(--margin-s);bottom:var(--margin-s)}.toolbox-labels ul.toolbox-labels-right{align-items:flex-end;right:var(--margin-s);top:var(--margin-s);text-align:right}@media(min-width:900px){.toolbox-labels ul{font-size:var(--text-xs)}.toolbox-labels ul.toolbox-labels-left{left:var(--margin-xxxl);bottom:var(--margin-xxxl)}.toolbox-labels ul.toolbox-labels-right{right:var(--margin-xxxl);top:var(--margin-xxxl)}}.toolbox-labels ul li{list-style:none;line-height:1.25em;margin-bottom:.25em;padding-left:.25em;padding-right:.25em;border-radius:var(--br-xs);will-change:opacity}.module-label-point{width:1px;height:1px}.module-label-point,.module-label-text div,.toolbox-labels ul li{font-family:var(--font-code);font-size:var(--text-xs);color:var(--hex-bg-4);opacity:0;will-change:transform,opacity}.module-label-text.module-stagger,.module-label-text.module-timer,.module-label-text.module-animation,.module-label-text.module-easings,.module-label-text.module-scope{display:none}.module-label-text div{border-radius:var(--br-xs);background-color:var(--worldColorLight1);line-height:.8}#engine .output{transform-style:preserve-3d;position:absolute;top:0;left:0;width:400px;height:400px}.output-progress,.output-progress-bg{width:100%;height:100%;backface-visibility:hidden}.output-progress path,.output-progress-bg path{stroke:var(--hex-current-1)}.output-progress-bg path{filter:drop-shadow(0 0 6px var(--hex-current-1))}.output-progress path{filter:drop-shadow(0 0 4px var(--hex-current-2))}.output-progress-bg{position:absolute;top:0;left:0;opacity:.125}.grid-canvas{position:absolute;top:0;left:0;width:100%;height:100%;color:currentColor}.dotted-grid-canvas{z-index:0}.svg-tracks{perspective:750px;transform:scale(.85)}.svg-tracks,.svg-track{position:absolute;top:0;left:0;width:100%;height:100%}.svg-track{transform-style:preserve-3d}.svg-tracks-pool{opacity:0}.svg-track-car{stroke-linecap:round;stroke-linejoin:round}.svg-car{position:absolute;top:-8px;left:-8px;width:16px;height:16px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor;transform-origin:50%}.clock-grid{position:absolute;inset:0;width:100%;height:100%;scale:.8}.timeline-playhead{--height: 158px;width:2px;height:var(--height);background:currentColor;margin-top:calc(var(--height) * -1);transform-origin:50% 100% 0px;will-change:transform}#sphere-animation{overflow:visible;width:60%;height:60%;color:var(--hex-red-10)}#sphere-animation path{opacity:.75;stroke-width:2;stroke:currentColor}#responsive-demo{transform:translate(-50%,-50%) scale(.7)}.responsive-viewport{position:relative;display:flex;justify-content:center;align-items:center;border:4px dotted var(--hex-current-4);border-radius:50px}.responsive-viewport .circle{--diam: 40px;position:absolute;top:50%;left:50%;width:var(--diam);height:var(--diam);margin:calc(var(--diam) * -.5) 0 0 calc(var(--diam) * -.5);border-radius:20px;background-color:currentColor;will-change:transform}.responsive-viewport .shape{border:none}#draggable-demo{display:flex;justify-content:center;align-items:center;color:var(--hex-current-1)}.draggable-container{position:relative;width:70%;height:70%;max-width:40vw;max-height:40vw}.draggable-container:after{content:"";display:block;position:absolute;top:0;left:0;width:calc(100% + 6px);height:calc(100% + 6px);margin:-3px 0 0 -3px;border-radius:50%;border:4px dashed var(--hex-current-4)}#draggable-demo .draggable{width:100%;height:100%;color:var(--hex-current-1);background-color:currentColor;will-change:transform;border-radius:50%;cursor:grab}#draggable-demo .draggable:after{scale:2}ul.modules-list{padding-left:0rem;display:flex;flex-wrap:wrap}.modules-list li{list-style:none;width:33%;font-size:var(--text-xxs);color:var(--hex-fg-3);line-height:1.25em}.modules-list .size{display:none;margin-left:.25em;font-family:var(--font-code);font-size:var(--text-xxs);color:var(--hex-fg-4)}.label-dot{margin-right:var(--margin-xxs);position:relative;display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--hex-current-1)}.box-heading{display:flex;justify-content:space-between}.box-heading h3:not(:last-child){margin-bottom:var(--margin-xxs)}.box-heading .size{font-family:var(--font-code)}.chart{overflow:hidden;display:flex;justify-content:flex-start;flex-wrap:nowrap;width:100%;border-radius:var(--br-s);margin-bottom:var(--margin-xs);background-color:var(--hex-bg-4)}.chart-bar{height:.75rem;width:100%;background-color:var(--hex-current-1);will-change:width}@media(max-width:899px){ul.modules-list{display:none}.chart{margin-bottom:var(--margin-xxxs)}.chart-bar{height:1rem}}.company-sponsors-list{display:flex;flex-direction:column;align-items:flex-start;width:100%}@media(min-width:900px){[data-card] funding-level p{letter-spacing:-.015em;white-space:nowrap}}#get-started .section{height:auto;padding-top:calc(var(--margin-xxxl) * 2);padding-bottom:var(--margin-xxxl)}#get-started .section-content{height:auto}#get-started .section-text{margin-bottom:var(--margin-xl)}@media(min-width:900px){#get-started .section{height:100lvh;padding-bottom:0}}ul.links-list-grid{padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:1px;width:100%;max-width:45rem;background-color:var(--hex-bg-1);overflow:hidden;border-radius:var(--br-s)}ul.links-list-grid li{display:block;width:100%;font-size:inherit}ul.links-list-grid li a{text-align:left;padding-left:var(--margin-xl);color:inherit;text-decoration:none}@media(min-width:900px){ul.links-list-grid li{width:calc(33.3333333333% - 1px)}}.links-list-grid a span.label-dot{position:absolute;left:var(--margin-s);top:50%;margin:-.25rem 0 0}.fixed-section{opacity:.001;pointer-events:none;display:flex;justify-content:flex-start;align-items:flex-start;position:fixed;top:0;left:0;width:100%;height:100lvh;padding:0;will-change:opacity}@media(min-width:900px){.fixed-section{flex-direction:row;justify-content:center;align-items:center}}@media(min-height:64rem){.section-content{max-height:64rem}}.fixed-section .section-content{max-width:1500px;width:100%;height:100dvh;padding:var(--margin-s)}.sticky-section{position:sticky;top:0}@media(min-width:900px){.fixed-section .section-content{padding:var(--margin-xxxl)}}.sub-nav{pointer-events:none;overflow:hidden;position:fixed;z-index:10;right:var(--margin-s);left:var(--margin-s);bottom:var(--margin-s);width:calc(100% - var(--margin-s) * 2);height:10rem;border-radius:var(--br-l)}.home-progress-card{opacity:0;position:absolute;z-index:10;bottom:0;width:100%;height:2.5rem;border-radius:var(--br-l);background-color:var(--hex-bg-3)}@media(min-width:900px){.sub-nav{left:auto;height:16rem;width:var(--max-box-width);right:var(--margin-xxxl);bottom:var(--margin-xxxl)}}@media(min-width:1500px){.sub-nav{right:calc((100% - 1500px + var(--margin-xxxl) * 2) / 2)}}@media(min-height:64rem)and (min-width:900px){.sub-nav{bottom:calc((100lvh - 64rem + var(--margin-xxxl) * 2) / 2)}}.scroll-bar{position:relative;display:flex;width:calc(100% - 2rem);height:.75rem;top:.865rem;left:1rem;background-size:.7692307692% .5rem;background-image:linear-gradient(to right,rgba(255,255,255,.15) 1px,transparent 1px)}@media(min-width:900px){.scroll-bar{background-size:1.5384615385% .5rem}}.scroll-button{pointer-events:none;position:relative;z-index:-1;opacity:.5;display:flex;justify-content:space-evenly;width:16.6666666667%;height:.75rem;top:0;border-left:1px solid #FFF}.scroll-button:last-child{border-right:1px solid #FFF}.scroll-cursor{position:absolute;z-index:100;flex-shrink:0;top:-.125rem;width:3px;height:1rem;background-color:var(--hex-red-1);border-radius:3px;will-change:transform}.scroll-cursor:after{content:"";display:block;position:absolute;z-index:100;inset:-.5rem;background:transparent}.scroll-cursor-ghost{opacity:0;background-color:var(--hex-red-2);pointer-events:none}[data-card]{position:absolute;left:0;right:0;bottom:3rem;width:100%;padding:calc(var(--margin-xs) - 2px) var(--margin-s) var(--margin-xs) var(--margin-s);border-radius:var(--br-l);background-color:var(--hex-bg-3)}[data-card] .ui-input.copy-button{border-top-right-radius:var(--br-l)}.sub-nav pre{line-height:1em}.sub-nav pre code{background-color:transparent;font-size:var(--text-xxs);line-height:1em}@supports (-moz-orient: block){.svg-car{opacity:0}.responsive-viewport,.shape{border-radius:0!important}}