svg.rp-g *,.rp-g svg *{transform-box:fill-box;transform-origin:50%}.rp-feed{-webkit-mask-image:linear-gradient(#0000,#000 12% 82%,#0000);mask-image:linear-gradient(#0000,#000 12% 82%,#0000)}@media (prefers-reduced-motion:no-preference){.rp-feed-track{animation:rp-feed 20s var(--ease-out) infinite both}}@keyframes rp-feed{0%,16%{translate:0 -50%}20%,36%{translate:0 -40%}40%,56%{translate:0 -30%}60%,76%{translate:0 -20%}80%,96%{translate:0 -10%}to{translate:0}}.rp-pipe-packet{translate:0}@media (prefers-reduced-motion:no-preference){.rp-pipe-step{animation:rp-pipe-step 8s var(--ease-out) calc(var(--i) * 2s) infinite both}.rp-pipe-packet{animation:8s linear infinite both rp-pipe-packet}}@keyframes rp-pipe-step{0%{box-shadow:var(--shadow-card);background:var(--color-canvas)}4%,22%{box-shadow:var(--shadow-lift), 0 0 0 2px var(--color-accent);background:var(--color-accent-soft)}30%,to{box-shadow:var(--shadow-card);background:var(--color-canvas)}}@keyframes rp-pipe-packet{0%{translate:-100%}to{translate:0}}.rp-mark{background-color:color-mix(in oklab, var(--color-critical) 15%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.rp-scene .rp-mark{transition:background-color .42s var(--ease-out);background-color:#0000}.rp-scene[data-s~="4"] .rp-mark{background-color:color-mix(in oklab, var(--color-critical) 15%, transparent)}.rp-scene .rp-stack>*{transition-duration:.15s,.3s,.3s;transition-delay:0s}.rp-scene .rp-stack>[data-at]{transition-delay:.15s}.rp-scene[data-s~="1"] .rp-stack>[data-until="1"],.rp-scene[data-s~="2"] .rp-stack>[data-until="2"],.rp-scene[data-s~="3"] .rp-stack>[data-until="3"],.rp-scene[data-s~="4"] .rp-stack>[data-until="4"],.rp-scene[data-s~="5"] .rp-stack>[data-until="5"],.rp-scene[data-s~="6"] .rp-stack>[data-until="6"],.rp-scene[data-s~="7"] .rp-stack>[data-until="7"],.rp-scene[data-s~="8"] .rp-stack>[data-until="8"],.rp-scene[data-s~="9"] .rp-stack>[data-until="9"],.rp-scene[data-s~="10"] .rp-stack>[data-until="10"],.rp-scene[data-s~="11"] .rp-stack>[data-until="11"],.rp-scene[data-s~="12"] .rp-stack>[data-until="12"]{transition-delay:0s}}.rp-am-show{opacity:0}.rp-am[data-step="0"] .rp-am-show[data-on="0"],.rp-am[data-step="1"] .rp-am-show[data-on="1"],.rp-am[data-step="2"] .rp-am-show[data-on="2"],.rp-am[data-step="3"] .rp-am-show[data-on="3"],.rp-am[data-step="4"] .rp-am-show[data-on="4"],.rp-am:is([data-step="2"],[data-step="3"]) .rp-am-tag[data-on="1"],.rp-am[data-step="3"] .rp-am-tag[data-on="2"]{opacity:1}.rp-am{--am-wire:var(--color-line-strong);--am-node:var(--color-line)}.rp-am[data-step="4"]{--am-wire:var(--color-ok);--am-node:color-mix(in oklab, var(--color-ok) 45%, var(--color-line))}.rp-am:is([data-step="1"],[data-step="2"],[data-step="3"]) :is([data-wire="0"],[data-node="1"]),.rp-am:is([data-step="2"],[data-step="3"]) :is([data-wire="1"],[data-node="2"]),.rp-am[data-step="3"] :is([data-wire="2"],[data-node="3"]){--am-wire:var(--color-critical);--am-node:var(--color-critical)}.rp-am-wire{background:var(--am-wire)}.rp-am-node{border-color:var(--am-node);outline-offset:3px;outline:1.5px dashed #0000}.rp-am[data-step="0"] .rp-am-node{outline-color:var(--color-accent)}.rp-am[data-step="0"] [data-go="0"],.rp-am[data-step="1"] [data-go="1"],.rp-am[data-step="2"] [data-go="2"],.rp-am[data-step="3"] [data-go="3"],.rp-am[data-step="4"] [data-go="4"]{background:var(--color-accent-soft);box-shadow:inset 2px 0 0 var(--color-accent)}.rp-am-step:hover{background:var(--color-mist)}.rp-am-packet{display:none}.rp-am-packet:after{content:"";background:#fff;border-radius:2px;width:2px;height:8px;position:absolute;bottom:0;left:0}@container (min-width:42rem){.rp-am-packet:after{width:10px;height:2px;top:0;left:auto;right:0}}@media (prefers-reduced-motion:no-preference){.rp-am-show,.rp-am-step,.rp-am-wire,.rp-am-node{transition:opacity .3s var(--ease-out), background-color .3s var(--ease-out), border-color .3s var(--ease-out), outline-color .3s var(--ease-out)}.rp-am:is([data-step="1"],[data-step="2"],[data-step="3"]) .rp-am-packet{animation:1.1s linear infinite rp-am-v;display:block}@container (min-width:42rem){.rp-am:is([data-step="1"],[data-step="2"],[data-step="3"]) .rp-am-packet{animation-name:rp-am-h}}.rp-am[data-step="3"] [data-wire="2"] .rp-am-packet{animation-direction:reverse}}@keyframes rp-am-v{0%{translate:0 -100%}to{translate:0}}@keyframes rp-am-h{0%{translate:-100%}to{translate:0}}