.watchtower-radar{aspect-ratio:1;width:min(88%,26rem);color:var(--color-primary,#e71447);pointer-events:none;contain:layout paint;opacity:.7;border-radius:50%;margin:auto;transition:opacity .4s;position:absolute;inset:0}.watchtower-radar-panel:hover .watchtower-radar{opacity:1}.watchtower-radar__grid{border-radius:inherit;border:1px solid color-mix(in srgb, currentColor 24%, transparent);background:radial-gradient(circle, transparent 24%, color-mix(in srgb, currentColor 15%, transparent) 24.3%, transparent 24.8%, transparent 49%, color-mix(in srgb, currentColor 18%, transparent) 49.3%, transparent 49.8%, transparent 74%, color-mix(in srgb, currentColor 22%, transparent) 74.3%, transparent 74.8%), linear-gradient(transparent calc(50% - .5px), color-mix(in srgb, currentColor 14%, transparent) 50%, transparent calc(50% + .5px)), linear-gradient(90deg, transparent calc(50% - .5px), color-mix(in srgb, currentColor 14%, transparent) 50%, transparent calc(50% + .5px));position:absolute;inset:0}.watchtower-radar__sweep{border-radius:inherit;background:conic-gradient(from 0deg, transparent 0deg 266deg, color-mix(in srgb, currentColor 3%, transparent) 286deg, color-mix(in srgb, currentColor 20%, transparent) 350deg, color-mix(in srgb, currentColor 50%, transparent) 359deg, transparent 360deg);animation:12s linear infinite watchtower-radar-turn;position:absolute;inset:0}.watchtower-radar__signal{opacity:0;background:currentColor;border-radius:50%;width:6px;height:6px;animation:12s linear infinite watchtower-radar-signal;position:absolute}.watchtower-radar__signal:after{content:"";border-radius:inherit;opacity:.35;border:1px solid;position:absolute;inset:-7px}.watchtower-radar__signal--one{animation-delay:-10.7s;top:20%;left:73%}.watchtower-radar__signal--two{animation-delay:-4s;top:70%;left:16%}.watchtower-radar__signal--three{animation-delay:-7s;top:83%;left:68%}.watchtower-radar__sweep,.watchtower-radar__signal{animation-play-state:paused}.watchtower-radar[data-running=true] .watchtower-radar__sweep,.watchtower-radar[data-running=true] .watchtower-radar__signal{animation-play-state:running}@keyframes watchtower-radar-turn{to{transform:rotate(360deg)}}@keyframes watchtower-radar-signal{0%,34%,to{opacity:0;transform:translate(-50%,-50%)scale(.75)}4%{opacity:.8;transform:translate(-50%,-50%)scale(1)}22%{opacity:.15;transform:translate(-50%,-50%)scale(1.35)}}@media (prefers-reduced-motion:reduce){.watchtower-radar{transition:none}.watchtower-radar__sweep,.watchtower-radar__signal{animation:none}.watchtower-radar__sweep{opacity:.4}}