.radar{aspect-ratio:1;direction:ltr;width:100%;position:relative}.radar-svg{width:100%;height:100%;display:block}.radar-cross{transform-box:view-box;will-change:transform}.radar-you{transition:transform .5s var(--ease-harb)}.radar-ring{transform-box:fill-box;transform-origin:50%;animation:24s linear infinite radar-spin}.radar-comp{animation:radar-drift 14s var(--ease-harb) infinite alternate}.radar-comp-1{animation-duration:17s;animation-direction:alternate-reverse}.radar-comp-2{animation-duration:19s}.radar-comp-3{animation-duration:15s;animation-direction:alternate-reverse}.radar-comp-4{animation-duration:21s}.radar-comp-5{animation-duration:12s;animation-direction:alternate-reverse}.radar-comp-6{animation-duration:18s}.radar.is-rest .radar-comp,.radar.is-paused .radar-comp,.radar.is-paused .radar-ring{animation-play-state:paused}@media (pointer:coarse){.radar-cross{animation:radar-sweep 2.4s var(--ease-harb) 1 both}}.radar-pause{inset-inline-end:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-muted);min-height:32px;padding:6px 10px;position:absolute;bottom:12px}.radar-pause:is(:hover,:focus-visible){color:var(--ink);border-color:var(--ink)}@keyframes radar-spin{to{transform:rotate(360deg)}}@keyframes radar-drift{0%{transform:translate(0)}to{transform:translate(18px,-12px)}}@keyframes radar-sweep{0%{transform:translate(-30px,20px)}50%{transform:translate(26px,-18px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.radar-comp,.radar-ring,.radar-cross{animation:none!important}}