.tron-path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform:translateZ(0);will-change:stroke-dashoffset,opacity;stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-length);opacity:0}.drawing-active .tron-path{animation:drawAndFade 8s ease-in-out infinite}@keyframes drawAndFade{0%{stroke-dashoffset:var(--path-length);opacity:0}5%{opacity:1}30%,70%{stroke-dashoffset:0;opacity:1}95%{opacity:0}to{stroke-dashoffset:calc(var(--path-length) * -1);opacity:0}}.tron-path:nth-child(odd){animation-delay:0s}.tron-path:nth-child(2n){animation-delay:1.5s}.stroke-cyan-400{stroke:#22d3ee;filter:drop-shadow(0 0 3px rgba(34,211,238,.4))}.stroke-purple-400{stroke:#c084fc;filter:drop-shadow(0 0 3px rgba(192,132,252,.4))}.stroke-fuchsia-400{stroke:#e879f9}.stroke-lime-400{stroke:#a3e635}.stroke-yellow-400{stroke:#facc15}.stroke-indigo-400{stroke:#818cf8}.stroke-slate-300{stroke:#d1d5db}.stroke-emerald-200{stroke:#a7f3d0}.stroke-blue-400{stroke:#60a5fa}