figure.diagram{text-align:center;max-width:720px;margin:2rem auto}.diagram-anim{border-radius:.75rem;overflow:hidden}.diagram-anim svg{width:100%;height:auto;display:block}.diagram-anim svg text{font-family:inherit}figure.diagram.in-view .diagram-anim svg>*{opacity:0;animation:.7s cubic-bezier(.2,.7,.3,1) forwards diagram-play-in;animation-delay:calc(var(--i,0) * 85ms)}@keyframes diagram-play-in{0%{opacity:0;translate:0 14px;scale:.96}to{opacity:1;translate:0;scale:1}}figure.diagram.in-view .diagram-anim svg>:is(line,path,polyline,polygon)[fill=none]{stroke-dasharray:1;stroke-dashoffset:1px;animation:1s cubic-bezier(.4,0,.2,1) forwards diagram-draw,.7s cubic-bezier(.2,.7,.3,1) forwards diagram-play-in;animation-delay:calc(var(--i,0) * 85ms), calc(var(--i,0) * 85ms)}@keyframes diagram-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}figure.diagram figcaption{opacity:.75;margin-top:.75rem;font-size:.9rem}.diagram-replay{color:inherit;opacity:.65;cursor:pointer;background:0 0;border:1px solid;border-radius:9999px;align-items:center;gap:.35rem;margin-top:.5rem;padding:.3rem .8rem;font-size:.8rem;transition:opacity .2s,background-color .2s;display:inline-flex}.diagram-replay:hover{opacity:1;background:#7f7f7f1f}.diagram-replay:focus-visible{outline-offset:2px;opacity:1;outline:2px solid}@media (prefers-reduced-motion:reduce){figure.diagram.in-view .diagram-anim svg>*{opacity:1;stroke-dashoffset:0;animation:none;translate:none;scale:none}}