.df{background:var(--paper);color:var(--ink);font-family:var(--sans);position:relative;overflow:hidden;container-type:inline-size}.df-in{aspect-ratio:16/13.1;position:relative}.df:after{content:"";z-index:30;mix-blend-mode:multiply;opacity:.2;pointer-events:none;background:url(/hero/grain.png) 0 0/256px 256px;position:absolute;inset:0}.df-hd{z-index:6;width:42cqw;position:absolute;top:3.4cqw;left:3.6cqw}.df-k{font:500 .7cqw var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.df-hd h2{letter-spacing:-.045em;font-variation-settings:"wght" 260;margin:.9cqw 0 0;font-size:2.5cqw;font-weight:300;line-height:1.06}.df-hd h2 em{opacity:.45;font-style:normal}.df-sub{width:30cqw;margin:0;font-size:max(13px,.95cqw);line-height:1.45;position:absolute;bottom:.2cqw;left:calc(100% + 6cqw)}.df-vis{height:34cqw;position:absolute;top:17.6cqw;left:0;right:0}.df-vis canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.df-ph{top:0;bottom:0;left:var(--p,0%);border-left:1.2px solid var(--ink);opacity:0;transition:opacity .4s;position:absolute}.df-ph:before{content:"";background:var(--ink);border-radius:50%;width:.9cqw;height:.9cqw;position:absolute;top:-.45cqw;left:-.45cqw}.df-ph{display:none}.df-src{text-align:right;width:7.4cqw;font:500 .6cqw var(--mono);letter-spacing:.06em;white-space:nowrap;color:var(--ink);opacity:.8;position:absolute;left:3.6cqw;transform:translateY(-50%)}.df-stn{font:400 .66cqw var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:.3;transition:opacity .4s;position:absolute;top:-1.7cqw;transform:translate(-50%)}.df-stn b{font-weight:500}.df-stn.on{opacity:1}.df-tie{border-left:1px dashed color-mix(in srgb, var(--ink) 50.0%, transparent);opacity:.25;height:3cqw;transition:opacity .4s;position:absolute;top:51.6cqw}.df-tie.on{opacity:1}.df-card{z-index:7;background:color-mix(in srgb, var(--card) 97.0%, transparent);width:21.4cqw;height:16.6cqw;box-shadow:0 1.6cqw 3.4cqw -1.6cqw color-mix(in srgb, var(--ink) 50.0%, transparent);letter-spacing:-.01em;opacity:.28;border-radius:1cqw;flex-direction:column;padding:1.1cqw 1.3cqw 1.2cqw;font-size:.84cqw;line-height:1.3;transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:54.6cqw;overflow:hidden;transform:translateY(.5cqw)}.df-card.on{opacity:1;transform:none}.df-card p{margin:0}.df-ch{font:500 .52cqw var(--mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 55.0%, transparent);justify-content:space-between;align-items:center;display:flex;margin-bottom:.8cqw!important}.df-ch b{color:var(--ink);font-weight:500}.df-live{align-items:center;gap:.4cqw;display:inline-flex}.df-live:before{content:"";background:#3d8b5a;border-radius:50%;width:.45cqw;height:.45cqw;box-shadow:0 0 0 .2cqw #3d8b5a2e}.df-prod{align-items:center;gap:.7cqw;margin-bottom:.5cqw;display:flex}.df-prod svg{fill:none;width:2.4cqw;height:2.4cqw;stroke:var(--ink);stroke-width:1.2px;background:#efe9dd;border-radius:.5cqw;flex:none}.df-prod b{font-size:.92cqw;font-weight:400;display:block}.df-prod small,.df-vr small{font:400 .56cqw var(--mono);color:color-mix(in srgb, var(--ink) 50.0%, transparent);display:block}.df-mk{background:var(--ink);border-radius:50%;flex:none;width:.8cqw;height:.8cqw;display:inline-block}.df-mk.o{background:0 0;box-shadow:inset 0 0 0 1.3px}.df-fr{border-top:1px solid color-mix(in srgb, var(--ink) 7.0%, transparent);grid-template-columns:.8cqw 1fr auto;align-items:center;gap:.6cqw;padding:.45cqw 0;display:grid}.df-fr em{font:400 .62cqw var(--mono);color:color-mix(in srgb, var(--ink) 55.0%, transparent);font-style:normal}.df-fr.gap em{color:var(--red)}.df-big{letter-spacing:-.05em;font-variation-settings:"wght" 240;font-size:2.6cqw;font-weight:300;line-height:1;margin-bottom:.6cqw!important}.df-big small{letter-spacing:-.01em;opacity:.6;margin-top:.35cqw;font-size:.8cqw;display:block}.df-vr{border-top:1px solid color-mix(in srgb, var(--ink) 7.0%, transparent);grid-template-columns:2.2cqw 1fr auto;align-items:center;gap:.6cqw;padding:.42cqw 0;display:grid}.df-vr>i{box-shadow:inset 0 0 0 1.3px var(--ink);border-radius:50%;justify-self:center}.df-vr em{font-variant-numeric:tabular-nums;font-variation-settings:"wght" 420;font-style:normal}.df-code{background:var(--ink);color:color-mix(in srgb, var(--lt) 80.0%, transparent);font:400 .7cqw/1.5 var(--mono);border-radius:6px;padding:.8cqw .9cqw;margin:0 0 .2cqw!important}.df-code mark{background:color-mix(in srgb, var(--yel) 88%, transparent);color:var(--ink);border-radius:.15em;padding:.05em .3em}.df-draft{background:color-mix(in srgb, var(--ink) 3.5%, transparent);border-radius:.6cqw;padding:.8cqw .9cqw;font-size:.92cqw;line-height:1.35}.df-draft mark{background:color-mix(in srgb, var(--yel) 55%, transparent);border-radius:.15em;padding:0 .1em}.df-doc{font:400 .58cqw var(--mono);color:color-mix(in srgb, var(--ink) 55.0%, transparent);align-items:center;gap:.5cqw;display:flex;margin:.6cqw 0 .8cqw!important}.df-doc i{width:.8cqw;height:1cqw;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 50.0%, transparent);border-radius:.12cqw}.df-btns{justify-content:flex-end;gap:.5cqw;display:flex}.df-btn{border-radius:99px;align-items:center;gap:.4cqw;padding:.55cqw 1.1cqw;font-size:.74cqw;display:inline-flex}.df-btn.g{background:color-mix(in srgb, var(--ink) 6.0%, transparent)}.df-btn.p{background:var(--ink);color:var(--lt);transition:background .4s,color .4s}.df-btn span{align-items:center;gap:.4cqw;display:inline-flex}.df-ap .b,.df-ap.done .a{display:none}.df-ap.done .b{display:inline-flex}.df-ap.done{background:var(--yel);color:var(--ink)}.df-bars{gap:.5cqw;margin:.4cqw 0 .7cqw;display:grid}.df-bars p{font:400 .56cqw var(--mono);color:color-mix(in srgb, var(--ink) 60%, transparent);grid-template-columns:1fr auto;align-items:center;gap:.3cqw .8cqw;display:grid}.df-bars b{font:400 .86cqw var(--sans);color:var(--ink);letter-spacing:-.02em}.df-bars .d{grid-column:1/-1;gap:.18cqw;display:flex}.df-bars .d i{background:color-mix(in srgb, var(--ink) 20.0%, transparent);border-radius:50%;width:.48cqw;height:.48cqw}.df-bars .c .d i{background:var(--yel)}.df-bars .c .d i.x{background:var(--ink)}.df-next{border-top:1px solid color-mix(in srgb, var(--ink) 8.0%, transparent);justify-content:space-between;padding-top:.6cqw;font-size:.78cqw;display:flex}.df-next b{font-weight:400}.df-next{margin-top:auto!important}.df-say{letter-spacing:-.01em;opacity:.3;width:21.4cqw;margin:0;padding:0 .4cqw;font-size:.9cqw;line-height:1.4;transition:opacity .6s;position:absolute;top:75.4cqw}.df-say.on{opacity:.85}@container (max-width:600px){.df-in{aspect-ratio:auto;padding-bottom:8cqw}.df-hd{width:auto;padding:8cqw 5cqw 0;position:relative;top:auto;left:auto}.df-k{font-size:2.4cqw}.df-hd h2{margin-top:2cqw;font-size:6.6cqw}.df-sub{width:auto;margin-top:3cqw;font-size:14px;position:static}.df-vis{height:70cqw;margin-top:10cqw;position:relative;top:auto}.df-src{font-size:2cqw}.df-stn{font-size:2.1cqw;top:-4.5cqw}.df-stn:not(.on){opacity:.5}.df-tie{display:none}.df-say{opacity:.85;width:auto;margin:2cqw 6cqw 0;font-size:3.2cqw;position:relative;top:auto;left:auto!important}.df-card{opacity:1;border-radius:3cqw;width:auto;height:auto;margin:4cqw 5cqw 0;padding:4cqw;font-size:3.2cqw;position:relative;top:auto;transform:none;left:auto!important}.df-ch{font-size:2cqw}.df-prod svg{border-radius:2cqw;width:8cqw;height:8cqw}.df-prod b{font-size:3.6cqw}.df-prod small,.df-vr small,.df-fr em,.df-doc{font-size:2.2cqw}.df-mk{width:3cqw;height:3cqw}.df-fr{grid-template-columns:3cqw 1fr auto;gap:2cqw;padding:1.8cqw 0}.df-big{font-size:9cqw}.df-big small{font-size:3cqw}.df-vr{grid-template-columns:7cqw 1fr auto;gap:2cqw;padding:1.6cqw 0}.df-code{background:var(--ink);color:color-mix(in srgb, var(--lt) 80.0%, transparent);font:400 .7cqw/1.5 var(--mono);border-radius:6px;padding:.8cqw .9cqw;margin:0 0 .2cqw!important}.df-code mark{background:color-mix(in srgb, var(--yel) 88%, transparent);color:var(--ink);border-radius:.15em;padding:.05em .3em}.df-draft{border-radius:2cqw;padding:3cqw;font-size:3.4cqw}.df-btn{padding:2cqw 4cqw;font-size:3cqw}.df-bars p{font-size:2.2cqw}.df-bars b{font-size:3.2cqw}.df-bars .d i{width:1.8cqw;height:1.8cqw}.df-bars .d{gap:.6cqw}.df-next{font-size:3cqw}}@media (prefers-reduced-motion:reduce){.df-card,.df-tie,.df-stn{transition:none}}.dw{--mute:color-mix(in srgb, var(--ink) 55.0%, transparent);--rule:color-mix(in srgb, var(--ink) 8.0%, transparent);letter-spacing:-.01em;flex:1;min-height:0;margin-bottom:.6cqw;font-size:max(10.5px,.8cqw);line-height:1.3;position:relative}.dw.now,.dw.now *{transition:none!important}.dw svg{width:100%;height:auto;display:block;overflow:visible}.dw svg text{font-family:var(--mono);fill:var(--ink);font-size:10.5px}.dw svg text.sans{font-family:var(--sans);letter-spacing:-.01em;font-size:12px}.dw svg text.red{fill:var(--red)}.dw svg .hair{stroke:var(--ink);stroke-width:.7px;fill:none;opacity:.45}.dw-n{align-items:flex-end;gap:.7em;margin-top:.6em;display:flex}.dw-n b{letter-spacing:-.05em;font-variation-settings:"wght" 250;font-variant-numeric:tabular-nums;font-size:2.8em;font-weight:300;line-height:1}.dw-n span{color:var(--mute);padding-bottom:.25em;font-size:.95em;line-height:1.3}.dw-k{font:400 .68em var(--mono);color:var(--mute);flex-wrap:wrap;gap:.3em 1.1em;margin:.6em 0 0;display:flex}.dw-k i{vertical-align:-.12em;background:var(--ink);border-radius:50%;width:.85em;height:.85em;margin-right:.4em;display:inline-block}.dw-k i.ag{box-shadow:inset 0 0 0 1.3px var(--blue);background:0 0;border-radius:.1em}.dw-k i.ms{box-shadow:inset 0 0 0 1.3px var(--red);background:0 0}.dw-m{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.dw-m .b,.dw .c1,.dw .c2{opacity:0;transition:opacity .35s .25s}.dw-m .a{transition:opacity .35s .25s}.dw-m.on .b,.dw .c1.on,.dw .c2.on{opacity:1}.dw-m.on .a{opacity:0}.dw .gd{r:0;mix-blend-mode:multiply;transition:r .9s cubic-bezier(.2,.8,.2,1)}.dw .gl{opacity:0;transition:opacity .4s}.dw .gl.on{opacity:1}.dw-q{color:#0000;background:radial-gradient(circle, var(--ink) 50%, transparent 56%) 0 0 / 2.2px 2.2px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.05em;line-height:1.4}.dw-q span{border-radius:.15em;transition:color .6s,background-color .6s}.dw-q span.sol{color:var(--ink);background-color:color-mix(in srgb, var(--yel) 45.0%, transparent);background-image:none;-webkit-background-clip:border-box;background-clip:border-box}.dw-src{font:400 .78em var(--mono);color:var(--mute);margin:.35em 0 0}.dw-rec{border-top:1px solid var(--ink);margin-top:.8em}.dw-rh{font:500 .74em var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);justify-content:space-between;margin:0;padding:.45em 0;display:flex}.dw-rh span:first-child{color:var(--ink)}.dw-r{border-top:1px solid var(--rule);border-radius:.25em;grid-template-columns:1em 4.6em 1fr auto;align-items:center;gap:.5em;padding:.38em .3em;font-size:.92em;transition:background .5s;display:grid}.dw-r i{background:var(--ink);border-radius:50%;width:.7em;height:.7em;transition:background .4s,box-shadow .4s}.dw-r .k{font:400 .82em var(--mono);color:var(--mute)}.dw-r .v{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dw-r .v em{font:400 .76em var(--mono);color:var(--red);font-style:normal}.dw-r small{font:400 .76em var(--mono);color:var(--mute)}.dw-r.gap i,.dw-r.fill i{box-shadow:inset 0 0 0 1.3px var(--red);background:0 0}.dw-r.live{background:color-mix(in srgb, var(--yel) 16.0%, transparent)}.dw-r.added i{background:var(--yel);box-shadow:inset 0 0 0 1px var(--ink)}.dw-code{background:var(--ink);color:color-mix(in srgb, var(--lt) 80.0%, transparent);font:400 .7em/1.4 var(--mono);white-space:nowrap;text-overflow:ellipsis;opacity:0;border-radius:.35em;margin:.5em 0 0;padding:.5em .7em;transition:opacity .4s;overflow:hidden}.dw-code.on{opacity:1}.dw-code mark{background:color-mix(in srgb, var(--yel) 90.0%, transparent);color:var(--ink);border-radius:.15em;padding:0 .25em}.dw-out{font:400 .76em var(--mono);color:var(--mute);flex-wrap:wrap;align-items:center;gap:.3em .9em;margin:.8em 0 0;display:flex}.dw-out b{font-weight:400}.dw-out span{opacity:.35;align-items:center;gap:.35em;transition:opacity .3s,color .3s;display:inline-flex}.dw-out span:before{content:"";background:var(--ink);border-radius:50%;width:.6em;height:.6em}.dw-out span.on{opacity:1;color:var(--ink)}.dw-ph{font:400 .64em var(--mono);color:var(--mute);justify-content:space-between;margin:0 0 .5em;display:flex}.dw-ph i{vertical-align:-.05em;border-radius:.1em;width:1.2em;height:.6em;margin:0 .3em 0 .8em;display:inline-block}.dw-ph .b0{background:color-mix(in srgb, var(--ink) 75.0%, transparent)}.dw-ph .b1{background:var(--yel);box-shadow:inset 0 0 0 1px var(--ink)}.dw-g{margin-top:.55em}.dw-g p{justify-content:space-between;margin:0 0 .3em;font-size:.9em;display:flex}.dw-g em{font-variant-numeric:tabular-nums;font-style:normal}.dw-bar{height:1.1em;position:relative}.dw-bar i{border-radius:.15em;position:absolute;top:0;bottom:0;left:0}.dw-bar .b{background:color-mix(in srgb, var(--ink) 75.0%, transparent);width:64%}.dw-bar .x{background:var(--yel);width:0;box-shadow:inset 0 0 0 1px var(--ink);transition:width 1s cubic-bezier(.2,.8,.2,1);left:64%}.dw-g.u .b{background:color-mix(in srgb, var(--ink) 30%, transparent)}.dw-g.u .x{background:color-mix(in srgb, var(--ink) 45.0%, transparent);box-shadow:none}.dw-nx{opacity:0;align-items:center;gap:.6em;margin:.9em 0 0;font-size:.92em;transition:opacity .5s,transform .6s;display:flex;transform:translateY(.4em)}.dw-nx.on{opacity:1;transform:none}.dw-nx i{outline:1.4px dashed var(--red);outline-offset:-1.4px;border-radius:50%;flex:none;width:1em;height:1em}.dw-nx small{font:400 .66em var(--mono);color:var(--mute);margin-left:auto}.dw-replay{cursor:pointer;color:var(--ink);font:500 max(10px, .6cqw) var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:0;pointer-events:none;background:0 0;border:0;grid-column:1/-1;justify-self:end;margin-top:1cqw;padding:.4cqw 0;transition:opacity .5s}.dw-replay.on{opacity:.6;pointer-events:auto}.dw-replay.on:hover{opacity:1}@container (max-width:1000px){.dw-replay{margin:2cqw 0 0 auto;display:block}}.dw svg text.m{font-family:var(--mono);letter-spacing:.04em;font-size:11.5px;font-weight:500}.dw-n.top{margin:0 0 .7em;display:block}.dw-n.top b{white-space:nowrap;font-size:2.4em;display:block}.dw-n.top span{margin-top:.3em;padding:0;display:block}.dw-c{transform-box:fill-box;transform-origin:50%;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:scale(0)}.dw-c.grow{transform:none}.dw-c .d{transition:opacity .4s}.dw-c .o{opacity:0;transition:opacity .4s}.dw-c.gap .d{opacity:0}.dw-c.gap .o{opacity:1}.dw .rg,.dw .lbl{opacity:0;transition:opacity .4s}.dw .rg.on,.dw .lbl.on{opacity:1}.dw .st{transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:scaleY(0)}.dw .st.on{transform:none}.dw .st.ch{mix-blend-mode:multiply}.v2.cold .dw-rec{background:var(--cold);color:var(--cold-lt);border-top:0;border-radius:.5em;padding:.2em .8em .6em}.v2.cold .dw-rec .dw-rh,.v2.cold .dw-rec .dw-rh span:first-child{color:var(--cold-lt)}.v2.cold .dw-rec .dw-r{border-top-color:color-mix(in srgb, var(--cold-lt) 16%, transparent)}.v2.cold .dw-rec .dw-code{color:color-mix(in srgb, var(--cold-lt) 70%, transparent)}.v2.cold .dw-rec .dw-r.ok i{background:var(--cold-lt)}.v2.cold .dw-rec .dw-r.gap i,.v2.cold .dw-rec .dw-r.fill i{box-shadow:inset 0 0 0 1.3px var(--cold-lt)}.v2.cold .dw-rec .dw-code{background:color-mix(in srgb, var(--cold-lt) 12%, transparent)}.v2.cold .dw-rec .dw-r .k{color:color-mix(in srgb, var(--cold-lt) 65%, transparent)}.v2 .dw-card{isolation:isolate;position:relative;overflow:hidden}.v2 .dw-card:before,.v2 .dw-card:after{content:"";z-index:3;pointer-events:none;background-size:100% 100%;position:absolute;inset:0}.v2 .dw-card:before{mix-blend-mode:multiply;opacity:.34;background-image:url(/hero/tex-dark.jpg)}.v2 .dw-card:after{mix-blend-mode:screen;opacity:.22;background-image:url(/hero/tex-light.jpg)}.v2 .dw{flex-direction:column;margin-bottom:0;display:flex}.v2 .dw-b{letter-spacing:-.045em;font-variation-settings:"wght" 240;font-variant-numeric:tabular-nums;white-space:nowrap;margin:.5em 0 0;font-size:max(30px,3.05cqw);font-weight:300;line-height:1.06}.v2 .dw-l{color:var(--mute);margin:.2em 0 0;font-size:max(11.5px,.87cqw);line-height:1.33}.v2 .dw-v{margin:.9em 0 .7em}.v2 .dw svg text.dv{font-family:var(--sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:11px}.v2 .dw svg text.dm{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:500}.v2 .dw-cap{font:500 max(9.5px, .66cqw)/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;gap:.3em .9em;margin:auto 0 .7em;display:flex}.v2 .dw-cap i{vertical-align:-.12em;box-sizing:border-box;width:.95em;height:.95em;box-shadow:inset 0 0 0 1px var(--ink);border-radius:50%;margin-right:.45em;display:inline-block}.v2 .dw-cap i.f{background:var(--ink)}.v2 .dw-cap i.h{background:linear-gradient(90deg, transparent 50%, var(--ink) 50%)}.v2 .dw-q{color:var(--ink);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;font-size:max(12px,.9cqw);line-height:1.38}.v2 .dw-rec{background:var(--cold,var(--blue));color:var(--paper);border-top:0;border-radius:6px;margin-top:.7em;padding:.6em .75em}.v2 .dw-rh{color:color-mix(in srgb, var(--paper) 78%, transparent);padding:0 0 .5em}.v2 .dw-rh span:first-child{color:inherit}.v2 .dw-r{border-top-color:color-mix(in srgb, var(--paper) 18%, transparent);grid-template-columns:4.2em 1fr;margin:0 -.35em;padding:.42em .35em}.v2 .dw-v.dw-fill,.v2 .dw-rec{flex-direction:column;flex:1;display:flex}.v2 .dw-rec .dw-r{flex:1;align-items:center;font-size:max(11.5px,.85cqw)}.v2 .dw-r .k{color:color-mix(in srgb, var(--paper) 86%, transparent)}.v2 .dw-r .v em{font-size:1em;font-family:var(--sans);color:color-mix(in srgb, var(--red) 34%, var(--paper))}.v2 .dw-r.live{background:color-mix(in srgb, var(--yel) 22%, transparent)}.v2 .dw .dw-out{color:var(--ink)}.v2 .dw-out b{font-weight:500}.v2 .dw .dw-out{white-space:nowrap;flex-wrap:nowrap;gap:.45em}.v2 .dw-out span{gap:0}.v2 .dw-out span:before{display:none}.v2 .dw-out span:not(:last-child):after{content:","}@media (min-width:1001px){.v2 .dw-card .df-h{min-height:3lh}.v2 .dw-l{min-height:2lh}}