:root{--cat1:#8e6012;--cat2:#449f66;--cat3:#8e79c9;--cat4:#8a2755}:root[saved-theme=dark]{--cat1:#c68404;--cat2:#167340;--cat3:#7055b0;--cat4:#c9618c}.anim{border:1px solid var(--lightgray);background:var(--light);border-radius:8px;margin:1.75rem 0;padding:1rem 1rem .75rem}.anim-caption{text-align:center;color:var(--gray);margin-top:.5rem;font-size:.875rem;font-style:italic}.anim-controls{justify-content:center;gap:.375rem;margin-top:.5rem;display:flex}.anim-btn{border:1px solid var(--lightgray);background:var(--light);min-width:2rem;height:2rem;color:var(--darkgray);font:inherit;cursor:pointer;border-radius:6px;padding:0 .5rem;line-height:1}.anim-btn:hover{border-color:var(--secondary);color:var(--secondary)}.anim-btn:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.anim-say{text-align:center;color:var(--darkgray);min-height:1.6em;margin:.75rem 0 0}.anim-scene svg{width:100%;max-width:640px;height:auto;margin:0 auto;display:block}.anim-scene svg :is(circle,rect,ellipse,polygon){fill:var(--light);stroke:var(--gray);stroke-width:1.5px}.anim-scene svg :is(path,line,polyline){fill:none;stroke:var(--gray);stroke-width:1.5px}.anim-scene svg text{fill:var(--darkgray);stroke:none;font-family:var(--bodyFont);text-anchor:middle;dominant-baseline:central;font-size:13px}.anim-scene svg [id]{opacity:.28;transition:opacity .35s}.anim-scene svg [id].is-on{opacity:1}.anim-scene svg .is-on:is(circle,rect,ellipse,polygon,path,line,polyline),.anim-scene svg .is-on :is(circle,rect,ellipse,polygon,path,line,polyline){stroke:var(--secondary);stroke-width:2px}.anim-scene svg .is-on :is(circle,rect,ellipse,polygon){fill:var(--highlight)}.anim-scene svg .is-flow:is(path,line,polyline),.anim-scene svg .is-flow :is(path,line,polyline){stroke-dasharray:5 7;animation:.9s linear infinite anim-flow}@keyframes anim-flow{to{stroke-dashoffset:-12px}}.anim-stage{height:var(--anim-height,280px);position:relative}.anim-stage canvas{width:100%;height:100%;display:block}.anim-overlay{opacity:.5;margin:0;transition:opacity .2s;position:absolute;bottom:0;right:0}.anim-stage:hover .anim-overlay,.anim-overlay:focus-within{opacity:1}.anim-video video{border-radius:4px;width:100%;display:block}@media (prefers-reduced-motion:reduce){.anim-scene svg [id]{transition:none}}