@layer components{.sf{--sf-cycle:5.6s;--sf-step:.16s}.sf-anchor{background-color:var(--sf-hue)}.sf-track{fill:none;stroke:var(--color-mk-line);stroke-width:1px;stroke-dasharray:2 5}.sf-wire{fill:none;stroke:var(--sf-hue);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.sf-signal{fill:none;stroke:var(--sf-hue);stroke-width:4px;stroke-linecap:round;stroke-dasharray:.035 2;stroke-dashoffset:.035px;opacity:0}.sf:not([data-shown]) .sf-wire{stroke-dashoffset:1px}.sf[data-shown]:not([data-still]) .sf-wire{animation:sf-wave var(--sf-cycle)cubic-bezier(.65,0,.35,1)infinite;animation-delay:calc(var(--sf-i)*var(--sf-step))}.sf[data-shown]:not([data-still]) .sf-signal{animation:sf-signal var(--sf-cycle)linear infinite;animation-delay:calc(var(--sf-i)*var(--sf-step))}@keyframes sf-wave{0%{stroke-dashoffset:1px}22%{stroke-dashoffset:0}70%{stroke-dashoffset:0}92%,to{stroke-dashoffset:-1px}}@keyframes sf-signal{0%,20%{stroke-dashoffset:.035px;opacity:0}23%{opacity:1}58%{stroke-dashoffset:-1px;opacity:1}60%,to{stroke-dashoffset:-1px;opacity:0}}.sf-hub:after{content:"";border-radius:inherit;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-mk-accent)40%,transparent),0 0 2rem color-mix(in srgb,var(--color-mk-accent)50%,transparent);opacity:.35;pointer-events:none;position:absolute;inset:-.375rem}.sf[data-shown]:not([data-still]) .sf-hub:after{animation:sf-hub var(--sf-cycle)ease-in-out infinite}@keyframes sf-hub{0%,10%{opacity:.35}30%,72%{opacity:1}92%,to{opacity:.35}}[data-still].sf .sf-hub:after{opacity:.85}.sf[data-paused] .sf-wire,.sf[data-paused] .sf-signal,.sf[data-paused] .sf-hub:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.sf .sf-wire,.sf .sf-signal,.sf .sf-hub:after{animation:none!important}.sf .sf-wire{stroke-dashoffset:0}}}