.code-rise{animation:code-rise .9s cubic-bezier(.22, 1, .36, 1) var(--code-delay,0s) both}@keyframes code-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.code-draw{stroke-dasharray:1;stroke-dashoffset:0}.code-draw[data-armed=true]{stroke-dashoffset:1px}.code-draw[data-armed=false]{transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1)}.code-plot[data-m=armed] figure{opacity:0}.code-plot[data-m=play] figure{animation:code-fade .6s cubic-bezier(.22, 1, .36, 1) var(--code-delay,0s) both}.code-plot[data-m=armed] .code-trace{clip-path:inset(-2px 100% -2px -2px)}.code-plot[data-m=play] .code-trace{animation:code-trace 1.6s cubic-bezier(.45, 0, .25, 1) calc(var(--code-delay,0s) + .45s) both}.code-plot[data-m=armed] .code-late{opacity:0}.code-plot[data-m=play] .code-late{animation:code-fade .5s ease-out calc(var(--code-delay,0s) + 1.8s) both}@keyframes code-trace{0%{clip-path:inset(-2px 100% -2px -2px)}to{clip-path:inset(-2px)}}@keyframes code-fade{0%{opacity:0}to{opacity:1}}.code-tilt{perspective:1400px}.code-tilt[data-m],.code-flap[data-m]{overflow-x:clip}.code-tilt>*{transform-origin:50% 0}.code-tilt[data-m=armed]>*{opacity:0;transform:rotateX(16deg)translateY(28px)}.code-tilt[data-m=play]>*{animation:code-tilt 1s cubic-bezier(.22, 1, .36, 1) calc(var(--code-delay,0s) + var(--i,0) * .15s) both}@keyframes code-tilt{0%{opacity:0;transform:rotateX(16deg)translateY(28px)}60%{opacity:1}to{opacity:1;transform:none}}.code-tilt[data-m=play] .code-lamp{animation:code-lamp .42s steps(1, end) calc(var(--code-delay,0s) + .8s + var(--lamp,0) * .11s) backwards}@keyframes code-lamp{0%{background-color:var(--pollen-line)}}.code-swap[data-m=armed] .code-row{opacity:0}.code-swap[data-m=play] .code-row{animation:code-fade .5s ease-out calc(var(--code-delay,0s) + var(--i,0) * .16s) both}.code-swap-in{display:inline-block}.code-swap[data-m=armed] .code-swap-in{opacity:0;transform:translate(-2.75rem)}.code-swap[data-m=play] .code-swap-in{animation:code-swap-in .9s cubic-bezier(.65, 0, .35, 1) calc(var(--code-delay,0s) + var(--i,0) * .16s + .3s) both}@keyframes code-swap-in{0%{opacity:0;transform:translate(-2.75rem)}to{opacity:1;transform:none}}.code-swap-icon{display:inline-block}.code-swap[data-m=play] .code-swap-icon{animation:code-turn .9s cubic-bezier(.65, 0, .35, 1) calc(var(--code-delay,0s) + var(--i,0) * .16s + .3s) both}@keyframes code-turn{0%{transform:rotate(-180deg)}to{transform:none}}.code-swap-bar{transform-origin:50% 0}.code-swap[data-m=armed] .code-swap-bar{transform:scaleY(0)}.code-swap[data-m=play] .code-swap-bar{animation:code-grow-y .7s cubic-bezier(.65, 0, .35, 1) calc(var(--code-delay,0s) + var(--i,0) * .16s + .9s) both}@keyframes code-grow-y{0%{transform:scaleY(0)}to{transform:none}}.code-unfold[data-m=armed] li>*,.code-unfold[data-m=armed] aside{opacity:0}.code-unfold[data-m=play] li>*{animation:code-print .45s cubic-bezier(.22, 1, .36, 1) calc(var(--code-delay,0s) + var(--r,0) * 55ms) backwards}.code-unfold[data-m=play] aside{animation:code-fade .8s ease-out calc(var(--code-delay,0s) + .35s) backwards}.code-unfold li:nth-child(2){--r:1}.code-unfold li:nth-child(3){--r:2}.code-unfold li:nth-child(4){--r:3}.code-unfold li:nth-child(5){--r:4}.code-unfold li:nth-child(6){--r:5}.code-unfold li:nth-child(7){--r:6}.code-unfold li:nth-child(8){--r:7}.code-unfold li:nth-child(9){--r:8}.code-unfold li:nth-child(10){--r:9}.code-unfold li:nth-child(n+11){--r:10}@keyframes code-print{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.code-rail{transform-origin:50% 0}.code-assemble[data-m=armed] .code-step{opacity:0}.code-assemble[data-m=play] .code-step{animation:code-fade .55s ease-out calc(var(--code-delay,0s) + var(--i,0) * .2s) both}.code-assemble[data-m=armed] .code-rail{transform:scaleY(0)}.code-assemble[data-m=play] .code-rail{animation:code-grow-y .32s linear calc(var(--code-delay,0s) + var(--i,0) * .2s + .12s) both}.code-assemble[data-m=armed] .code-dot{opacity:0}.code-assemble[data-m=play] .code-dot{animation:code-stamp .32s cubic-bezier(.22, 1, .36, 1) calc(var(--code-delay,0s) + var(--i,0) * .2s + .1s) both}@keyframes code-stamp{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:none}}.code-notes li{position:relative}.code-notes li:after{content:"";background:var(--color-border-ui,currentColor);transform-origin:0;opacity:0;pointer-events:none;height:1px;position:absolute;inset:auto 0 -1px}.code-notes[data-m=play] li:after{animation:code-rule .9s cubic-bezier(.65, 0, .35, 1) calc(var(--code-delay,0s) + var(--i,0) * .14s) both}.code-notes[data-m=armed] li>*{opacity:0}.code-notes[data-m=play] li>*{animation:code-fade .7s ease-out calc(var(--code-delay,0s) + var(--i,0) * .14s + .35s) both}@keyframes code-rule{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.code-flap dl{perspective:900px}.code-flap dl>div{transform-origin:50% 0}.code-flap[data-m=armed] dl>div{opacity:0;transform:rotateX(-88deg)}.code-flap[data-m=play] dl>div{animation:code-flap .6s cubic-bezier(.3, 0, .2, 1) calc(var(--code-delay,0s) + var(--f,0) * 90ms) both}.code-flap dl>div:nth-child(2){--f:1}.code-flap dl>div:nth-child(3){--f:2}.code-flap dl>div:nth-child(4){--f:3}.code-flap dl>div:nth-child(5){--f:4}.code-flap dl>div:nth-child(6){--f:5}.code-flap dl>div:nth-child(7){--f:6}.code-flap dl>div:nth-child(n+8){--f:7}@keyframes code-flap{0%{opacity:0;transform:rotateX(-88deg)}40%{opacity:1}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.code-plot[data-m] figure,.code-plot[data-m] .code-trace,.code-plot[data-m] .code-late,.code-tilt[data-m]>*,.code-tilt[data-m] .code-lamp,.code-swap[data-m] .code-row,.code-swap[data-m] .code-swap-in,.code-swap[data-m] .code-swap-icon,.code-swap[data-m] .code-swap-bar,.code-unfold[data-m] li>*,.code-unfold[data-m] aside,.code-assemble[data-m] .code-step,.code-assemble[data-m] .code-rail,.code-assemble[data-m] .code-dot,.code-notes[data-m] li>*,.code-flap[data-m] dl>div{opacity:1!important;clip-path:none!important;animation:none!important;transform:none!important}.code-notes li:after{display:none}.code-rise{animation:none!important}.code-draw{stroke-dashoffset:0!important;transition:none!important}}