.SyncDiagram-module__UUIaFG__root{--on:1;--off:0;--vis-on:visible;--vis-off:hidden;--step:.11s;--k:.6;--snap:var(--ease-snap,cubic-bezier(.34, 1.36, .64, 1));--smooth:var(--ease-sync,cubic-bezier(.2, .8, .2, 1))}@media (min-width:48rem){.SyncDiagram-module__UUIaFG__root{--k:1}}.SyncDiagram-module__UUIaFG__root[data-state=disconnected]{--on:0;--off:1;--vis-on:hidden;--vis-off:visible;--step:35ms}@media (prefers-reduced-motion:no-preference){.js .SyncDiagram-module__UUIaFG__root[data-state=initial]{--on:0;--off:1;--vis-on:hidden;--vis-off:visible;--step:35ms}}.SyncDiagram-module__UUIaFG__grid{grid-template-rows:repeat(var(--rows-sm), var(--row-h));row-gap:var(--gap-sm)}@media (min-width:48rem){.SyncDiagram-module__UUIaFG__grid{grid-template-rows:repeat(var(--rows-md), var(--row-h));row-gap:var(--gap-md)}}.SyncDiagram-module__UUIaFG__module{transform:translate3d(calc(var(--dx) * var(--k) * var(--off)), calc(var(--dy) * var(--k) * var(--off)), 0) rotate(calc(var(--dr) * var(--off)));transition:transform .85s var(--snap) calc(var(--i) * var(--step))}.SyncDiagram-module__UUIaFG__edgeOff,.SyncDiagram-module__UUIaFG__markOff{opacity:var(--off);transition:opacity .35s var(--smooth) calc(var(--i) * var(--step))}.SyncDiagram-module__UUIaFG__edgeOn,.SyncDiagram-module__UUIaFG__markOn{opacity:var(--on);transition:opacity .35s var(--smooth) calc(var(--i) * var(--step) + var(--on) * .28s)}.SyncDiagram-module__UUIaFG__label{opacity:calc(.7 + .3 * var(--on));transition:opacity .4s var(--smooth) calc(var(--i) * var(--step))}.SyncDiagram-module__UUIaFG__textOff,.SyncDiagram-module__UUIaFG__textOn{grid-area:1/1}.SyncDiagram-module__UUIaFG__textOff{opacity:var(--off);visibility:var(--vis-off);transition:opacity .3s var(--smooth) calc(var(--i,0) * var(--step)), visibility .3s linear calc(var(--i,0) * var(--step))}.SyncDiagram-module__UUIaFG__textOn{opacity:var(--on);visibility:var(--vis-on);transition:opacity .4s var(--smooth) calc(var(--i,0) * var(--step) + var(--on) * .32s), visibility .4s linear calc(var(--i,0) * var(--step) + var(--on) * .32s)}.SyncDiagram-module__UUIaFG__late{--i:0;--step:0s}.SyncDiagram-module__UUIaFG__late .SyncDiagram-module__UUIaFG__textOn{transition-delay:calc(var(--on) * 1.2s)}.SyncDiagram-module__UUIaFG__loop{stroke-dasharray:100 100;stroke-dashoffset:calc(var(--off) * 100);transition:stroke-dashoffset calc(.45s + var(--on) * .7s) var(--smooth) calc(var(--on) * .45s)}.SyncDiagram-module__UUIaFG__stub{opacity:var(--off);transition:opacity .4s var(--smooth) calc(var(--off) * .3s)}.SyncDiagram-module__UUIaFG__dot{stroke-dasharray:.01 99.99;stroke-dashoffset:0;opacity:var(--on);transition:opacity .3s linear calc(var(--on) * 1.45s);animation:10s linear 1.55s infinite both paused SyncDiagram-module__UUIaFG__travel}.SyncDiagram-module__UUIaFG__root[data-motion=run] .SyncDiagram-module__UUIaFG__dot{animation-play-state:running}@keyframes SyncDiagram-module__UUIaFG__travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.SyncDiagram-module__UUIaFG__halfInk,.SyncDiagram-module__UUIaFG__halfSignal{transition:transform .7s var(--snap) calc(var(--on) * 1.2s)}.SyncDiagram-module__UUIaFG__halfInk{transform:translate(calc(var(--off) * -2.5px), calc(var(--off) * 2px))}.SyncDiagram-module__UUIaFG__halfSignal{transform:translate(calc(var(--off) * 2.5px), calc(var(--off) * -2px))}.SyncDiagram-module__UUIaFG__pulse{opacity:0}.SyncDiagram-module__UUIaFG__root[data-motion=run] .SyncDiagram-module__UUIaFG__pulse{animation:SyncDiagram-module__UUIaFG__pulse 2.4s var(--smooth) infinite}@keyframes SyncDiagram-module__UUIaFG__pulse{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(2.8)}}