.two-x-ring .ring-line{stroke-dasharray:1;stroke-dashoffset:0}.two-x-ring .ring-node{transform-box:fill-box;transform-origin:50%}@media screen and (prefers-reduced-motion:no-preference){.js .two-x-ring [data-reveal=pending] .ring-line{stroke-dashoffset:1px}.js .two-x-ring [data-reveal=pending] .ring-node{opacity:0;scale:.6}.two-x-ring [data-reveal=shown] .ring-line{transition:stroke-dashoffset .7s var(--ease-in-out)}.two-x-ring [data-reveal=shown] .ring-node{transition:opacity .3s var(--ease-out), scale .3s var(--ease-out);transition-delay:calc(.1s + var(--i,0) * 40ms)}}