.cx-fig{--cx-fill:var(--pr-surface);--cx-green:#7ccfa6}.cx-fig[data-ground=surface]{--cx-fill:var(--pr-bg)}.cx-svg{font-family:var(--font-mono)}.cx-node-rect{fill:var(--cx-fill);stroke:var(--pr-rule-strong);stroke-width:1;transition:stroke .3s ease-out,stroke-width .3s ease-out}.cx-node{transition:opacity .4s ease-out;transition-delay:var(--i,0s)}.cx-label{fill:var(--pr-fg);font-weight:600}.cx-head,.cx-note,.cx-sub{fill:var(--pr-muted)}.cx-head{letter-spacing:.08em}.cx-event{fill:var(--pr-fg)}.cx-bracket{fill:none;stroke:var(--pr-rule-strong);stroke-width:1}.cx-edge{fill:none;stroke:var(--pr-muted);stroke-width:1.5}.cx-arrowhead{fill:var(--pr-muted)}.cx-ghost .cx-node-rect{fill:none;stroke:var(--pr-muted);stroke-dasharray:6 5;opacity:.7}.cx-ghost .cx-label{fill:var(--pr-muted);font-weight:500}.cx-dot-core{fill:var(--pr-lift);transition:fill .3s ease-out}.cx-dot-hollow{fill:var(--cx-fill)}.cx-dot-hollow,.cx-dot-x{stroke:var(--pr-muted);stroke-width:1.5}.cx-ring{fill:none;stroke:var(--cx-green);stroke-width:1.5}.cx-move{transition:transform .6s ease-in-out,opacity .3s ease-out}.cx-fade{transition:opacity .3s ease-out}.cx-ok{transform:var(--at-sink)}.cx-ok .cx-dot-core{fill:var(--cx-green)}.cx-ok .cx-lab-order{opacity:0}.cx-pend{transform:var(--at-drop)}.cx-fig[data-phase=start] .cx-node:not(.cx-ghost){opacity:.35}.cx-fig[data-phase=start] .cx-ok{opacity:0}.cx-fig:is([data-phase=start],[data-phase=source]) .cx-ok{transform:var(--at-source)}.cx-fig[data-phase=filter] .cx-ok{transform:var(--at-filter)}.cx-fig[data-phase=map] .cx-ok{transform:var(--at-map)}.cx-fig:is([data-phase=start],[data-phase=source],[data-phase=filter],[data-phase=map]) .cx-ok .cx-dot-core{fill:var(--pr-lift)}.cx-fig:is([data-phase=start],[data-phase=source],[data-phase=filter]) .cx-ok .cx-lab-event,.cx-fig:is([data-phase=start],[data-phase=source],[data-phase=filter]) .cx-ok .cx-ring{opacity:0}.cx-fig:is([data-phase=start],[data-phase=source],[data-phase=filter]) .cx-ok .cx-lab-order{opacity:1}.cx-fig:is([data-phase=start],[data-phase=source],[data-phase=filter],[data-phase=map],[data-phase=sink]) .cx-pend{opacity:0;transform:var(--at-source)}.cx-fig[data-phase=drop] .cx-pend{animation:cx-drop 1.1s ease-in-out both}@keyframes cx-drop{0%{opacity:0;transform:var(--at-source)}10%{opacity:1;transform:var(--at-source)}50%,62%{transform:var(--at-filter)}to{opacity:1;transform:var(--at-drop)}}.cx-fig:is([data-phase=filter],[data-phase=drop]) [data-node=filter] .cx-node-rect,.cx-fig[data-phase=map] [data-node=map] .cx-node-rect,.cx-fig[data-phase=sink] [data-node=sink] .cx-node-rect,.cx-fig[data-phase=source] [data-node=source] .cx-node-rect{stroke:var(--pr-lift);stroke-width:2}pre code.cx-code-body{padding:0;display:block;width:max-content;min-width:100%}.cx-line{display:block;padding-inline:calc(1.5rem - 2px) 1.5rem;border-left:2px solid transparent;transition:background-color .25s ease-out,border-color .25s ease-out}@media (min-width:768px){.cx-line{padding-inline:calc(2rem - 2px) 2rem}}.cx-line[data-active=true]{background-color:color-mix(in srgb,var(--pr-lift) 12%,transparent);border-left-color:var(--pr-lift)}.cx-fig[data-phase=drop] .cx-line[data-note] .hljs-comment{text-decoration:underline;text-underline-offset:3px}.cx-a{transform:var(--at-j3)}.cx-a .cx-dot-core{fill:var(--cx-green)}.cx-a .cx-lab-a,.cx-look{opacity:0}.cx-b{transform:var(--at-drop)}.cx-fig:is([data-phase=start],[data-phase=a-in]) .cx-a .cx-dot-core{fill:var(--pr-lift)}.cx-fig:is([data-phase=start],[data-phase=a-in]) .cx-a .cx-lab-a{opacity:1}.cx-fig[data-phase=start] .cx-a{transform:none}.cx-fig[data-phase=a-in] .cx-a{transform:var(--at-j2)}.cx-fig[data-phase=a-in] .cx-look{animation:cx-look .6s ease-out .15s both}@keyframes cx-look{0%{opacity:1;transform:none}85%{opacity:1;transform:var(--at-j2)}to{opacity:0;transform:var(--at-j2)}}.cx-fig:is([data-phase=start],[data-phase=a-in],[data-phase=a-out]) .cx-b{opacity:0;transform:none}.cx-fig:is([data-phase=start],[data-phase=a-in],[data-phase=a-out]) .cx-drop-lab{opacity:0}.cx-fig[data-phase=b] .cx-b{animation:cx-b .9s ease-in-out both}.cx-fig[data-phase=b] .cx-drop-lab{transition-delay:.7s}@keyframes cx-b{0%{opacity:1;transform:none}50%,60%{transform:var(--at-j2)}to{opacity:1;transform:var(--at-drop)}}.cx-fig[data-phase=a-in] [data-node=j2] .cx-node-rect,.cx-fig[data-phase=a-in] [data-node=j4] .cx-node-rect,.cx-fig[data-phase=a-out] [data-node=j3] .cx-node-rect,.cx-fig[data-phase=b] [data-node=j2] .cx-node-rect{stroke:var(--pr-lift);stroke-width:2}.cx-bucket{fill:none;stroke:var(--pr-rule-strong);stroke-width:1}.cx-ev{fill:var(--pr-lift);transition:transform .35s ease-out,opacity .25s ease-out;transition-delay:var(--i,0s)}.cx-fig[data-phase=start] .cx-ev{opacity:0;transform:translateY(-34px)}.cx-chip-rect{fill:var(--cx-fill);stroke:var(--cx-green);stroke-width:1}.cx-chip text{fill:var(--pr-fg)}.cx-chip{transition:opacity .3s ease-out .6s}.cx-token{fill:var(--pr-lift)}.cx-token-g{opacity:0}.cx-fig:is([data-phase=start],[data-phase=events]) .cx-chip,.cx-fig[data-phase=w1] .cx-chip:not([data-chip="1"]),.cx-fig[data-phase=w2] .cx-chip[data-chip="3"]{opacity:0;transition-delay:0s}.cx-fig[data-phase=w1] [data-bucket="1"],.cx-fig[data-phase=w2] [data-bucket="2"],.cx-fig[data-phase=w3] [data-bucket="3"]{animation:cx-flash .5s ease-out both}@keyframes cx-flash{0%,to{stroke:var(--pr-rule-strong);stroke-width:1}40%{stroke:var(--pr-lift);stroke-width:2.5}}.cx-fig[data-phase=w1] [data-token="1"],.cx-fig[data-phase=w2] [data-token="2"],.cx-fig[data-phase=w3] [data-token="3"]{animation:cx-token .7s ease-in-out .2s both}@keyframes cx-token{0%{opacity:1;transform:none}85%{opacity:1;transform:var(--at-map)}to{opacity:0;transform:var(--at-map)}}.cx-fig:is([data-phase=w1],[data-phase=w2],[data-phase=w3]) [data-node=w3] .cx-node-rect{stroke:var(--pr-lift);stroke-width:2}.cx-draw{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .3s ease-out;transition-delay:var(--i,0s)}.cx-fig[data-phase=start] .cx-draw{stroke-dashoffset:1}