@layer components{.stroke-trace{--stroke-trace-glow:12px;--stroke-trace-segment:.25 .75;--stroke-trace-track-opacity:.15;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.stroke-trace-border{pointer-events:none;position:absolute}.stroke-trace [pathLength]{stroke-dasharray:1 1;opacity:0;animation-duration:var(--stroke-trace-duration,1s);animation-timing-function:ease-in-out;animation-delay:calc(var(--stroke-trace-index,0) * var(--stroke-trace-stagger,0s));animation-fill-mode:both}.stroke-trace-track{opacity:var(--stroke-trace-track-opacity)}.stroke-trace[data-mode=draw] [pathLength]{stroke-dasharray:0 2}.stroke-trace[data-mode=trace][data-state=on] [pathLength]{animation-name:stroke-trace-trace}.stroke-trace[data-mode=loop][data-state=on] [pathLength]{animation-name:stroke-trace-trace;animation-iteration-count:infinite}.stroke-trace[data-mode=orbit][data-state=on] [pathLength]{stroke-dasharray:var(--stroke-trace-segment);opacity:1;animation-name:stroke-trace-orbit;animation-timing-function:linear;animation-iteration-count:infinite}.stroke-trace[data-variant=neon]{stroke:color-mix(in oklab, currentColor 15%, white)}.stroke-trace[data-variant=neon] [pathLength]{filter:drop-shadow(0 0 calc(var(--stroke-trace-glow) / 4) currentColor) drop-shadow(0 0 var(--stroke-trace-glow) currentColor)}@keyframes stroke-trace-trace{0%{stroke-dasharray:0 2;stroke-dashoffset:0;opacity:0}10%{opacity:1}45%,55%{stroke-dasharray:1 1;stroke-dashoffset:0}90%{opacity:1}to{stroke-dasharray:1 1;stroke-dashoffset:-1px;opacity:0}}@keyframes stroke-trace-orbit{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes stroke-trace-pulse{0%,to{opacity:.35}50%{opacity:1}}}@media (prefers-reduced-motion:reduce){.stroke-trace [pathLength]{stroke-dasharray:none!important;stroke-dashoffset:0!important}.stroke-trace[data-mode=orbit][data-state=on] [pathLength]{animation-name:stroke-trace-pulse!important;animation-timing-function:ease-in-out!important}}