.w1g272cd{--timeline-color:#e2e6e9;--block-height:24px;--spring:cubic-bezier(0.135,1.05,0,1.008);flex:1 1;display:flex;flex-direction:column;gap:8px;isolation:isolate}.t1t0o8gq{position:relative;height:calc(var(--block-height) + 8px);display:flex;align-items:center}.t1t0o8gq:after,.t1t0o8gq:before{content:"";position:absolute;top:0;bottom:0;height:var(--block-height);width:2px;margin-block:auto;background:var(--timeline-color);border-radius:2px}.t1t0o8gq:before{left:0}.t1t0o8gq:after{right:0}.t15x2kkr{position:absolute;z-index:2;left:var(--progress);top:0;bottom:0;width:8px;height:100%;margin:auto;background:var(--color-text);transform:translateX(-50%);border-radius:100px;border:2px solid var(--color-background);pointer-events:none}.w1g272cd:has(input:active,input:focus-visible) .t15x2kkr{outline:6px solid hsla(0,0%,100%,.25)}.w1g272cd:has(input:active,input:focus-visible) .t15x2kkr:before{content:"";position:absolute;inset:-4px;border:2px solid #fc3;border-radius:100px}.rvzgmwx{--overflow-left:7px;--overflow-right:7px;position:absolute;z-index:100;inset:0;left:calc(-1 * var(--overflow-left));right:calc(-1 * var(--overflow-right));width:calc(100% + var(--overflow-left) + var(--overflow-right));height:100%;margin:0;border:none;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rvzgmwx::-webkit-slider-thumb{cursor:-webkit-grab;cursor:grab}.rvzgmwx:active{cursor:-webkit-grabbing;cursor:grabbing}.rvzgmwx:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing}.c94gvl{position:absolute;inset:0;display:flex;align-items:center;gap:2px;padding:0 4px}.c1r3cxfe{--stripe-light-color:rgba(82,102,122,.5);--stripe-dark-color:rgba(46,51,56,.5);--animation-scroll-amount:22.5px;flex:1 1;position:relative;border:2px solid;border-radius:4px;height:0;overflow:hidden;transition:all 1.2s var(--spring)}.c1r3cxfe[data-is-selected=true]{height:var(--block-height)}.c1r3cxfe[data-command-type=line]{--stripe-light-color:rgba(170,153,255,.5);--stripe-dark-color:rgba(112,92,214,.5);border-color:#9580ff}@keyframes scroll-c1r3cxfe{0%{transform:translateX(0)}to{transform:translateX(calc(var(--animation-scroll-amount)))}}.c1r3cxfe:before{content:"";position:absolute;inset:0;left:-32px;background:repeating-linear-gradient(45deg,var(--stripe-light-color) 0 4px,var(--stripe-dark-color) 4px 8px);animation:scroll 1s linear infinite}.c1r3cxfe[data-is-playing=false]:before{animation-play-state:paused}.c4af6ms{position:absolute;inset:0;gap:4px;padding-inline:4px}.c1tpaa3e,.c4af6ms{display:flex;align-items:center}.c1tpaa3e{flex:1 1;justify-content:center;height:var(--block-height);font-size:.875rem;font-family:var(--font-family-mono);color:var(--color-gray-600);text-transform:uppercase;font-weight:var(--font-weight-medium);letter-spacing:1px;transform:translateY(24px) scaleY(0);transform-origin:center top;opacity:0;transition:all .5s var(--spring)}.c1tpaa3e[data-command-type=line]{color:#9580ff}.c1tpaa3e[data-is-selected=true]{opacity:1;transform:translateY(28px);transition:all 1s .15s var(--spring)}.lrfnn4z{display:none}@media (min-width:500px){.lrfnn4z{display:block}}.s13r7c8g{display:block}@media (min-width:500px){.s13r7c8g{display:none}}.s1qlr1hk{fill:#ffbf00;transition:opacity .25s ease-in-out;will-change:transform}.c19yny1p.s1qlr1hk{fill:var(--color-background)}.l4pwws6{stroke:#fff;stroke-width:1px;stroke-linecap:round}.whwike4{font-size:1rem;font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);white-space:pre;padding:16px}.c1xlvnqm{transition:opacity .2s,color .2s}.whwike4[data-has-active-point=true] .c1xlvnqm{color:var(--color-text);opacity:.5}.pbazd3n.c1xlvnqm{color:var(--syntax-prop)}.pz58253.c1xlvnqm{color:var(--syntax-name)}.g1minml9.c1xlvnqm{color:var(--syntax-val)}.p1nnjrwi.g1minml9.c1xlvnqm[data-is-active=true]{color:var(--wham-primary-500)!important;opacity:1!important}.s1kmocrk{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.s1kmocrk path{transition:d .2s}.wqcpdwn{position:relative;flex-direction:column;margin-inline:-16px;margin-bottom:32px;padding:16px;border:var(--page-border);border-radius:8px}.rt6osgt,.wqcpdwn{display:flex;gap:16px}.rt6osgt{-webkit-box-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}.cx6cf08{flex:1 1;width:292px;min-width:280px;max-width:100%;border-radius:4px;outline:1px solid var(--color-gray-300);overflow:clip}.s1su48j{position:relative}.s7evjy7{width:320px;height:320px;outline:1px solid var(--color-gray-300);outline-offset:-1px;border-radius:4px;cursor:none;contain:layout}.aq3l2jl{width:100%;display:flex;flex-direction:column;gap:32px;padding:16px;border:1px solid var(--color-gray-300);border-radius:4px}.p1mjvhpr{align-self:center;width:250px}.c1jdl7i5{position:absolute;top:0;left:0;white-space:nowrap;transform:translate(-50%,-100%);background:var(--color-background);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.75rem;font-family:var(--font-family-mono);font-weight:500;color:var(--color-text);padding:2px 4px;border-radius:4px;pointer-events:none;margin-top:-8px;opacity:0;transition:opacity .3s ease-in-out .5s}.c1jdl7i5[data-is-visible=true]{opacity:1;transition:opacity .2s ease-in-out}.c1jpphd3{--size:13px;position:absolute;width:var(--size);height:var(--size);background:var(--color-text);border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--color-background);opacity:0;transition:opacity .3s ease-in-out .5s;pointer-events:none}.c1jpphd3[data-is-visible=true]{opacity:1;transition:opacity .2s ease-in-out}.w1xc9hw2{font-size:.925rem;font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);white-space:pre;padding:16px}.c1mhrw2y{transition:opacity .2s,color .2s}.w1xc9hw2[data-has-active-point=true] .c1mhrw2y{color:var(--color-text);opacity:.5}.pe78lp5.c1mhrw2y{color:var(--syntax-prop)}.phh3z8d.c1mhrw2y{color:var(--syntax-name)}.g1apotcl.c1mhrw2y{color:var(--syntax-val)}.p1bwd6lk.g1apotcl.c1mhrw2y[data-is-active=true]{color:var(--wham-primary-500)!important;opacity:1!important}.otiee4v{container-type:inline-size}.wp6o739{display:grid;grid-template-areas:"code svg" "reset svg";grid-template-columns:1fr 320px;grid-template-rows:1fr auto;grid-gap:16px;gap:16px;padding:16px;margin-inline:-16px;border:var(--page-border);border-radius:8px;margin-bottom:64px}@container (max-width: 37.5rem){.wp6o739{grid-template-areas:"code" "svg" "reset";align-content:center;grid-template-columns:1fr}}.c95h0tf{grid-area:code;outline:1px solid var(--color-gray-300);border-radius:4px}.r16bjf3u{grid-area:reset}.s7rchtk{grid-area:svg;justify-self:center;align-self:start;position:relative;display:flex;align-items:center;justify-content:center}.s3oxtux{display:block;outline:1px solid var(--color-gray-300);border-radius:4px}.hydeyhw{stroke:#fff;stroke-opacity:.5;stroke-width:.125px;stroke-dasharray:.5 .5;stroke-linecap:round}.c1bo4pj3{fill:none;stroke:var(--wham-primary-500);stroke-width:.5px}.e1e80j3s{position:absolute;width:32px;height:32px;border-radius:50%;background-color:var(--color-text);transform:translate(-50%,-50%);border:4px solid var(--color-background);cursor:-webkit-grab;cursor:grab;touch-action:none}.e1e80j3s:active{cursor:-webkit-grabbing;cursor:grabbing}.cu208i3.e1e80j3s{background-color:transparent}.cu208i3.e1e80j3s:before{border:8px solid var(--color-background);border-radius:50%}.cu208i3.e1e80j3s:after,.cu208i3.e1e80j3s:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.cu208i3.e1e80j3s:after{border:4px solid var(--color-text);border-radius:50%}.p9nm4xj{position:absolute;top:-8px;left:50%;white-space:nowrap;transform:translate(-50%,-100%);background:var(--color-background);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.75rem;font-family:var(--font-family-mono);font-weight:500;color:#fff;padding:2px 4px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .5s,color .2s}.e1e80j3s:active .p9nm4xj,.e1e80j3s:focus-visible .p9nm4xj{color:var(--wham-primary-500);transition:opacity .1s,color .1s;opacity:1}.s1vnopxf{align-self:flex-start;position:relative;display:flex;align-items:center;justify-content:center}.s1kaa70m{display:block;outline:1px solid var(--color-gray-300);border-radius:4px}.s1jktbqy{fill:none;stroke-width:.5px}.hqoaah6{position:absolute;width:32px;height:32px;border-radius:50%;background-color:var(--color-text);transform:translate(-50%,-50%);border:4px solid var(--color-background);cursor:-webkit-grab;cursor:grab;touch-action:none}.hqoaah6:active{cursor:-webkit-grabbing;cursor:grabbing}.p1b1ez3m{position:absolute;top:-8px;left:50%;white-space:nowrap;transform:translate(-50%,-100%);background:var(--color-background);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.75rem;font-family:var(--font-family-mono);font-weight:500;color:#fff;padding:2px 4px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .5s,color .2s}.hqoaah6:active .p1b1ez3m,.hqoaah6:focus-visible .p1b1ez3m{color:var(--wham-primary-500);transition:opacity .1s,color .1s;opacity:1}.w1ulamli{display:flex;flex-direction:column;align-items:center;gap:16px;width:-moz-fit-content;width:fit-content;padding:16px;margin-inline:auto;border-radius:8px;margin-bottom:64px}html[data-color-mode=dark] .w1ulamli{outline:1px solid var(--color-content-outline);outline-offset:-1px}@media (max-width:41rem){.w1ulamli{width:calc(100% + 32px);margin-inline:-16px;grid-template-columns:1fr;justify-items:center;grid-template-areas:"graph" "controls" "reset"}}.w1ulamli[data-has-bonus-controls=true]{grid-template-areas:"graph controls" "reset controls"}@media (max-width:41rem){.w1ulamli[data-has-bonus-controls=true]{grid-template-areas:"graph" "controls" "reset"}}.s17l0384{grid-area:graph;align-self:center}.rkvwudq{grid-area:reset;width:100%}.s1fshi15{position:relative;margin:16px auto 32px}.s1fshi15[data-color-mode=light]{border:1px solid var(--color-gray-300);outline:12px solid var(--color-background);border-radius:4px}.s11081fy{display:block;outline:1px solid var(--color-gray-300);border-radius:4px}.wdprxdm{transition:opacity .2s}.wdprxdm[data-is-hidden=true]{opacity:0}.b3o2ymh{stroke-dasharray:.5 1;stroke-linecap:round;transition:stroke-dasharray .25s}.wdprxdm[data-is-active=true] .b3o2ymh{stroke-dasharray:.5 0;transition:stroke-dasharray .1s}.bcqdks8.b3o2ymh{stroke:var(--color-background);stroke-width:.5px}.fu5hbnp.b3o2ymh{stroke:var(--color-gray-500);stroke-width:.2px}.wdprxdm[data-is-active=true] .fu5hbnp.b3o2ymh{stroke:var(--wham-primary-500)}.b1codghy{stroke:var(--color-background);stroke-width:.5px}.fxayr55{stroke:var(--color-gray-500);stroke-width:.2px}.wdprxdm[data-is-active=true] .fxayr55{stroke:var(--wham-primary-500)}.s1vjjdha{fill:none;width:100%;max-width:300px;margin-inline:auto;outline:1px solid var(--color-gray-300);outline-offset:-1px;border-radius:4px}.eqls3fu{fill:none;stroke:#fff;stroke-dasharray:1,1;stroke-width:.5px}.p1kiw6cl{fill:none;stroke:#ff4d88;stroke-width:1px;stroke-linejoin:round}.jifsltj{stroke:var(--color-background);stroke-width:.25px}.c1afyi0w,.jifsltj{fill:#fff}.l1e4p20c,.vwncr89{font-family:var(--font-family-mono)}.l1e4p20c{font-size:.1rem;fill:var(--color-gray-700)}.l1e4p20c[data-is-active=true]{fill:var(--wham-primary-500)}.b3wqxjk.l1e4p20c{stroke:var(--color-background);stroke-width:.3px}.w1e94j7f{position:relative;width:100%;max-width:300px;margin-inline:auto;padding-block:16px}.s1kx9sj8{display:block;aspect-ratio:1;border-radius:4px;outline:1px solid var(--color-gray-300)}.e8hvz8q{fill:none;stroke:#fff;stroke-width:.5;stroke-dasharray:1 1;animation:spin 10s linear infinite var(--direction)}.p1nu4rzr{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:64px;height:64px;color:#fff;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);border-radius:50%;transition:opacity .5s;cursor:pointer;opacity:0}.p1nu4rzr:focus-visible,.w1e94j7f:hover .p1nu4rzr{opacity:1}.wn61132{position:relative;width:-moz-fit-content;width:fit-content;margin-inline:auto;margin-bottom:1rem;overflow:hidden}.bkkp2pu{position:absolute;left:0;right:0;margin:auto;max-width:revert}.g1r69hae.bkkp2pu{bottom:14%;width:38%;height:38%}.b1hk9sxh.bkkp2pu{bottom:18%;left:2%;width:73%;height:73%}.b17dcgfj.bkkp2pu{--size:150%;bottom:24%;width:var(--size);height:var(--size);left:calc(50% - var(--size) / 2);right:calc(50% - var(--size) / 2)}.b2yayyj{position:absolute;top:0;left:0;width:100%;height:100%}.sfoy7b8{position:relative;fill:none;width:100%;max-width:300px;aspect-ratio:1/1;margin-inline:auto;outline:1px solid var(--color-gray-300);outline-offset:-1px;border-radius:4px}.pwpycqu{fill:none;stroke:#ff4d88;stroke-width:1px;stroke-linejoin:round}.j19891cd{fill:#fff;stroke:var(--color-background);stroke-width:.25px}.w1x6iz75{position:absolute;top:38%;left:62%;width:194px;height:122px;transition:opacity .25s ease-in-out}.shtloiu{display:block;width:100%;height:100%}.w1dno8y1{position:relative;width:100%;max-width:300px;margin-inline:auto;padding-block:16px}.sjs2foh{display:block;aspect-ratio:1;border-radius:4px;outline:1px solid var(--color-gray-300)}.e1xe0z1f{fill:none;stroke:#fff;stroke-width:.5;stroke-dasharray:1 1}.pr2etco{fill:none;stroke:#558bf6;stroke-width:1}.j625xo5{fill:#fff;stroke:var(--color-background);stroke-width:.25}.spd3n9d{position:relative}.spd3n9d:before{content:"";position:absolute;left:0;right:0;bottom:2px;width:3px;height:22px;margin-inline:auto;background:var(--color-gray-500);border-radius:4px}@media (max-width:32rem){.d1eo5p5j{display:none}}.c3ct6i{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}@media (max-width:28rem){.c3ct6i{grid-template-columns:1fr;gap:16px}}.wafhek0{display:flex;gap:16px;padding-block:16px}@media (max-width:47.8125rem){.wafhek0{flex-direction:column-reverse;align-items:center}}.c6zfk8h{flex:1 1}@media (max-width:47.8125rem){.c6zfk8h{width:100%;display:flex;justify-content:center}}.s1nfzlee{position:relative}.s17k20oz{display:block;width:100%;max-width:400px;aspect-ratio:1;border-radius:4px;outline:1px solid var(--color-gray-300)}.pk6mf2a{fill:none;stroke:var(--wham-primary-500);stroke-width:1}.c129dlot{padding:0;width:100%;height:100%;outline:1px solid var(--color-gray-300);border-radius:4px}.h1k33zt6{position:absolute;width:32px;height:32px;border-radius:50%;background-color:var(--color-text);transform:translate(-50%,-50%);border:4px solid var(--color-background);cursor:-webkit-grab;cursor:grab;touch-action:none}.h1k33zt6:active{cursor:-webkit-grabbing;cursor:grabbing}.pao95pi{position:absolute;top:-8px;left:50%;white-space:nowrap;transform:translate(-50%,-100%);background:var(--color-background);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.75rem;font-family:var(--font-family-mono);font-weight:500;color:#fff;padding:2px 4px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .5s,color .2s}.h1k33zt6:active .pao95pi,.h1k33zt6:focus-visible .pao95pi{color:var(--wham-primary-500);transition:opacity .1s,color .1s;opacity:1}.osbirb4{container-type:inline-size;background:transparent}.c7c8n0j{display:grid;grid-template-columns:min(400px,100%)}.c7c8n0j,.w1fl24i0{justify-content:center}.w1fl24i0{position:relative;display:flex;flex-direction:row-reverse;gap:16px}.s1nhgtzh{--inline-padding-override:1.5rem;--block-padding-override:1rem;background:var(--color-background)}@container (max-width: 33rem){.s1nhgtzh{display:none}}.sd3xm65{display:flex;background:var(--color-background)}@container (max-width: 33rem){.sd3xm65{position:relative}}.sinpl2{display:block;width:100%;max-width:400px;aspect-ratio:1;border-radius:4px;outline:1px solid var(--color-text)}
/*# sourceMappingURL=64f78c4f92ea8c32.css.map*/