.mk .cluster{transform-box:view-box;transform-origin:100px 100px}.mk .dot{transform-box:fill-box;transform-origin:50%;transform:translate(var(--fx), var(--fy))}.reveal.go .cluster{animation:1.1s cubic-bezier(.22,1,.36,1) both clusterspin}.reveal.go .dot{animation:1s cubic-bezier(.34,1.56,.64,1) both flyout;animation-delay:calc(.12s + var(--d) * 60ms)}.reveal.go .core{animation:.5s cubic-bezier(.34,1.56,.64,1) both pop}@keyframes clusterspin{0%{transform:rotate(-160deg)}to{transform:rotate(0)}}@keyframes flyout{0%{opacity:0;transform:translate(0)scale(.15)}55%{opacity:1}to{transform:translate(var(--fx), var(--fy)) scale(1);opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.reveal.go .ltr{opacity:0;animation:.55s cubic-bezier(.2,1,.3,1) both ltrin;animation-delay:calc(.85s + var(--k) * 45ms);transform:translateY(.4em)}@keyframes ltrin{to{opacity:1;transform:none}}.reveal.go .sl{opacity:0;animation:.6s ease-out 1.7s both fadein}@keyframes fadein{to{opacity:1}}.mark-spin{animation:2.4s linear infinite markspin}@keyframes markspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reveal.go .dot,.reveal.go .core,.reveal.go .cluster,.reveal.go .ltr,.reveal.go .sl,.mark-spin{animation:none!important}.reveal.go .ltr,.reveal.go .sl{opacity:1!important;transform:none!important}}
