.zc-track-fill{background:var(--primary);box-shadow:0 0 10px color-mix(in oklab,var(--primary) 70%,transparent);transition:width .12s linear,height .12s linear}.zc-track-spark{background:color-mix(in oklab,var(--primary) 40%,white);width:8px;height:8px;box-shadow:0 0 8px 2px var(--primary);border-radius:9999px;position:absolute}.zc-track-spark-h{margin-top:-4px;animation:3.2s ease-in-out infinite zc-spark-h;top:50%}.zc-track-spark-v{margin-left:-4px;animation:3.2s ease-in-out infinite zc-spark-v;left:50%}@keyframes zc-spark-h{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}@keyframes zc-spark-v{0%{opacity:0;top:0}15%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% - 8px)}}.zc-track-node{background:var(--background);border:1px solid var(--border);border-radius:9999px;justify-content:center;align-items:center;width:56px;height:56px;transition:box-shadow .3s,border-color .3s;display:flex;position:relative}.zc-track-node>*{opacity:.4;transition:opacity .3s}.zc-track-node-final{width:72px;height:72px}.zc-track-node.is-active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 55%,transparent),0 0 18px color-mix(in oklab,var(--primary) 45%,transparent);animation:.35s ease-out zc-node-pop}.zc-track-node.is-active>*{opacity:1}.zc-track-node-final.is-active{animation:.35s ease-out zc-node-pop,2.6s ease-in-out .35s infinite zc-node-pulse}@keyframes zc-node-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes zc-node-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 55%,transparent),0 0 16px color-mix(in oklab,var(--primary) 40%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 70%,transparent),0 0 30px color-mix(in oklab,var(--primary) 65%,transparent)}}.zc-track-label{opacity:.45;transition:opacity .35s,transform .35s;transform:translate(-4px)}@media(min-width:1024px){.zc-track-label{transform:translateY(4px)}}.zc-track-label.is-active{opacity:1;transform:none}.zc-track-static .zc-track-fill{transition:none}.zc-track-static .zc-track-spark{display:none}.zc-track-static .zc-track-node,.zc-track-static .zc-track-label{transition:none;animation:none!important}@media(prefers-reduced-motion:reduce){.zc-track-spark{display:none}.zc-track-node,.zc-track-node.is-active,.zc-track-node-final.is-active{animation:none}.zc-track-label,.zc-track-fill{transition:none}}