.dag{opacity:0;transform:translateY(20px);overflow:hidden}.dag.reveal{opacity:1;transform:translateY(0);transition:all .5s ease-out .5s;transition-property:opacity,transform}.dag{position:relative;align-items:center;height:500px;width:100%;background:var(--bg-400);container-type:size;--psize:15px;--s5:5cqw;--bg:var(--bg-600);--p1:45cqw;--p2h:40cqh;--p3:45cqw;.delta-label{position:absolute;top:calc(50% - var(--p2h) / 2 + 16px);left:calc(var(--s5) * .75 + var(--p1) + var(--p3) / 2);font-weight:700}.emitter-wrapper{position:absolute;top:calc(50% - (var(--s5) / 2));left:var(--s5)}.emitter-wrapper label{top:-45%;position:absolute;width:100%;text-align:center;display:block;padding-bottom:var(--spacer);font-weight:700}.emitter{width:var(--s5);aspect-ratio:1;background:var(--bg);cursor:pointer;&:hover{background:var(--bg-700)}}.path-1{position:absolute;top:calc(50%);width:var(--p1);left:var(--s5);height:1px;border-top:1px dashed var(--fg)}.path-2{--h:var(--p2h);top:calc(50% - var(--h) / 2);height:var(--h);width:1px;border-right:1px dashed var(--fg)}.path-2,.path-3{position:absolute;left:calc(var(--s5) + var(--p1))}.path-3{top:calc(50% + var(--p2h) / 2)}.path-3,.path-4{width:var(--p3);height:1px;border-top:1px dashed var(--fg)}.path-4{position:absolute;top:calc(50% - var(--p2h) / 2);left:calc(var(--s5) + var(--p1))}.dag-table{font-family:var(--font-mono);font-size:var(--text-12);width:100%;border-spacing:4px;border-collapse:separate;th{text-align:left;font-weight:700}td,th{padding-bottom:var(--spacer)}td{animation:dag-fade-in .5s ease-out 1 forwards}}.ring-table-wrapper{--h:40cqh;--cols:4;position:absolute;height:var(--h);top:calc(50% - var(--h) / 2);left:calc(var(--s5) + 10cqw);display:flex;flex-direction:column;label{font-weight:700}.ring-table{height:100%;width:25cqw}}.cum-sum-table,.ring-table,.sum-by-table{background:var(--bg-600);padding:var(--spacer-sm) var(--spacer) var(--spacer-sm) var(--spacer-sm);border:1px solid var(--fg);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--fg) var(--bg-600)}.sum-by-table{top:calc(50% - var(--p2h) / 2);transform:translateY(-50%);width:14cqw}.cum-sum-table,.sum-by-table{position:absolute;right:var(--s5)}.cum-sum-table{top:calc(50% + var(--p2h) / 2 - 15cqh);width:12cqw;height:30cqh}.cum_sum,.partition_by,.sum_by{position:absolute;padding:var(--spacer-sm);background:var(--bg);border:1px solid var(--fg)}.partition_by{top:calc(50%);left:calc(var(--s5) + var(--p1));transform:translate(-50%,-50%)}.sum_by{top:calc(50% - var(--p2h) / 2)}.cum_sum,.sum_by{left:calc(var(--s5) + var(--p1) + var(--s5));transform:translateY(-50%)}.cum_sum{top:calc(50% + var(--p2h) / 2)}.particle{--anim-length:15s;--anim-delay:1s;height:var(--psize);width:var(--psize);position:absolute;top:calc(50% - var(--psize) / 2);left:calc(var(--s5) + var(--s5) / 2 - var(--psize) / 2);overflow:visible;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.particle.clicked{--anim-delay:0s;.delta{--anim-length:14s}}.particle.blue{--color:var(--primary);animation:dag-fade-and-scale-in .2s forwards ease-out,dag-blue var(--anim-length) var(--anim-delay) forwards linear 1}.particle.black{--color:var(--fg);animation:dag-fade-and-scale-in .2s forwards ease-out,dag-black var(--anim-length) var(--anim-delay) forwards linear 1}.particle .shape{position:absolute;top:0;left:0;height:var(--psize);width:var(--psize)}.particle.triangle .shape{background:var(--color);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.particle.square .shape{background:var(--color)}.particle.pentagon .shape{background:var(--color);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.particle .delta{--delay:0.77;font-size:var(--text-14);font-weight:700;color:var(--fg);opacity:0;animation:dag-delta .5s calc(var(--anim-length) * var(--delay)) forwards ease-out 1}.particle.black .delta{--delay:0.83}}@keyframes dag-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dag-fade-and-scale-in{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes dag-delta{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:1;transform:translateY(-100%)}}@keyframes dag-blue{0%{transform:translate(0)}45%{transform:translate(calc(45cqw - var(--s5) / 2))}55%{transform:translate(calc(45cqw - var(--s5) / 2),calc(-1 * var(--p2h) / 2))}to{transform:translate(calc(45cqw - var(--s5) / 2 + 45cqw - var(--psize)),calc(-1 * var(--p2h) / 2))}}@keyframes dag-black{0%{transform:translate(0)}45%{transform:translate(calc(45cqw - var(--s5) / 2))}55%{transform:translate(calc(45cqw - var(--s5) / 2),calc(var(--p2h) / 2))}to{transform:translate(calc(45cqw - var(--s5) + 45cqw - var(--psize)),calc(var(--p2h) / 2))}}@media screen and (max-width:980px){.dag{font-size:.75em;.dag-table{font-size:.625rem}}}@media screen and (max-width:768px){.dag{font-size:.5rem;height:800px;--p1:40cqh;--p2h:40cqw;--p3:35cqh;--s5:8cqw;.dag-table{font-size:.5rem}.particle{--psize:10px;top:calc(var(--s5) + var(--s5) / 2 - var(--psize) / 2);left:calc(50% - var(--psize) / 2)}.particle .delta{--delay:0.79;font-size:.8rem;position:absolute;top:-.2rem;left:calc(var(--psize) / 2)}.particle.black .delta{--delay:0.79}.emitter-wrapper{top:var(--s5);left:calc(50% - (var(--s5) / 2))}.emitter-wrapper label{top:-1rem;width:100%}.path-1{top:calc(var(--s5) * 2);left:50%;width:1px;height:var(--p1);border-top:none;border-left:1px dashed var(--fg)}.path-2{left:calc(50% - var(--p2h) / 2);height:1px;width:var(--p2h);border-right:none;border-top:1px dashed var(--fg)}.path-2,.path-3,.path-4{top:calc(var(--s5) * 2 + var(--p1))}.path-3,.path-4{height:var(--p3);width:1px;border-top:none;border-left:1px dashed var(--fg)}.path-3{left:calc(50% + var(--p2h) / 2)}.path-4{left:calc(50% - var(--p2h) / 2);height:calc(var(--p3) * .7)}.partition_by{top:calc(var(--s5) * 2 + var(--p1));left:50%;transform:translate(-50%,-50%)}.sum_by{left:calc(50% - var(--p2h) / 2)}.cum_sum,.sum_by{top:calc(var(--s5) * 2 + var(--p1) + var(--p3) * .2);transform:translate(-50%,-50%)}.cum_sum{left:calc(50% + var(--p2h) / 2)}.ring-table-wrapper{--h:25cqh;top:calc(var(--s5) * 2.5);left:50%;transform:translateX(-50%);width:auto;height:var(--h);.ring-table{width:50cqw}}.sum-by-table{top:calc(var(--s5) + var(--p1) + var(--p3) * .79);left:var(--s5);transform:none;width:40%;height:15cqh}.cum-sum-table{top:calc(var(--s5) + var(--p1) + var(--p3) * .86);right:var(--s5);width:40%;height:18cqh}.cum_sum,.partition_by,.sum_by{padding:5px 3px}.cum-sum-table,.ring-table,.sum-by-table{padding:8px 4px}.delta-label{top:calc(var(--s5) * 2 + var(--p1) + var(--p3) * .4);left:calc(50% + var(--p2h) / 2 + var(--s5) + var(--s5) / 2)}}@keyframes dag-delta{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:1;transform:translate(var(--psize))}}@keyframes dag-blue{0%{transform:translate(0)}45%{transform:translateY(calc(var(--p1) + var(--s5) / 2))}63%{transform:translate(calc(-1 * var(--p2h) / 2),calc(var(--p1) + var(--s5) / 2))}to{transform:translate(calc(-1 * var(--p2h) / 2),calc(var(--p1) + var(--p3)))}}@keyframes dag-black{0%{transform:translate(0)}48%{transform:translateY(calc(var(--p1) + var(--s5) / 2))}63%{transform:translate(calc(var(--p2h) / 2),calc(var(--p1) + var(--s5) / 2))}to{transform:translate(calc(var(--p2h) / 2),calc(var(--p1) + var(--p3)))}}}.the-description{display:flex;flex-direction:column;margin-bottom:calc(.25 * var(--section-spacing));p{font-size:var(--p-size);margin-bottom:var(--spacer-lg)}.Switch{justify-content:flex-end;margin-bottom:var(--spacer-md)}p{display:none}p.show{display:block;visibility:hidden;strong{visibility:visible}}&.reveal{p.show{display:block;visibility:visible;>:not(strong){animation:description-fade-in .5s backwards;animation-delay:calc(var(--word-index) * 7.5ms)}}}}@keyframes description-fade-in{0%{opacity:0}to{opacity:1}}.hero-canvas:not(:empty){animation:hero-fade-in 1s forwards}.hero-canvas{--hero-canvas-fg:var(--fg-1100);--hero-canvas-fg-hover:var(--fg-800);--hero-canvas-bg:var(--bg-content)}[data-theme=dark] .hero-canvas{--hero-canvas-fg:var(--fg-1100);--hero-canvas-fg-hover:var(--fg-400);--hero-canvas-bg:var(--bg-content)}.hero-canvas{--bottom-mask-height:85%;color:var(--fg-1100);position:absolute;width:100%;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,transparent var(--bottom-mask-height));mask-image:linear-gradient(to bottom,transparent,#000 10%,transparent var(--bottom-mask-height));opacity:0}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-canvas-scroll-loop{0%{transform:translateY(0)}to{transform:translateY(-26px)}}@media screen and (max-width:600px){.hero-canvas{--bottom-mask-height:60%}}.hero-video-container{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.65);display:grid;place-items:center;z-index:1000;animation:videoFadeIn 1s;iframe{border:0;width:80%;aspect-ratio:16/9;max-height:80vh;border-radius:15px;background:#000}}.hero-video-btn{display:flex;align-items:center;color:inherit;font-size:inherit;font-weight:700;border:0;padding:0;background:none;position:relative;cursor:pointer;&:hover{color:var(--primary);.hero-video{img{transform:scale(1.075)}}}.hero-video{display:grid;align-items:center;margin-right:var(--spacer-sm);position:relative;will-change:transform;transition:all .25s;&.open{opacity:0;&:after,img{animation:none;transform:translatey(0)}}&:after{position:absolute;z-index:1;content:"";display:block;width:100%;height:4px;bottom:-20px;border-radius:50%;background:radial-gradient(hsl(var(--shadow-color)),transparent);filter:blur(3px)}&:after,img{grid-column:1;grid-row:1}img{border-radius:3px;transition:all .25s;will-change:transform}}}@keyframes videoFadeIn{0%{opacity:0}10%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translatey(0)}25%{transform:rotate(-3deg) translatey(-8px)}50%{transform:rotate(4deg) translatey(2px)}75%{transform:rotate(2deg) translatey(-6px)}to{transform:translatey(0)}}@keyframes float-shadow{0%{transform:scaleX(1)}25%{transform:scaleX(.94)}50%{transform:scaleX(1.02)}75%{transform:scaleX(.94)}to{transform:scaleX(1)}}