.animated-radar-mark{--animated-radar-blue:#42b5ff;--animated-radar-coral:#ff6758;--animated-radar-cycle:10s;--animated-radar-blink-cycle:5s;width:100%;height:100%;color:var(--animated-radar-blue);animation:animated-radar-current-colour var(--animated-radar-cycle) linear infinite;display:block;position:relative;overflow:visible}.animated-radar-grid{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 calc(50% - .5px),#5c97b56b 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#5c97b56b 50%,#0000 calc(50% + .5px)),repeating-radial-gradient(circle,#0000 0 20.5%,#5c97b557 21% 21.5%,#0000 22% 41.5%),#06121d;border-radius:50%;position:absolute;inset:3.5%}.animated-radar-grid:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg, var(--animated-radar-blue) 0 50%, var(--animated-radar-coral) 50% 100%);-webkit-mask-composite:xor;padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.animated-radar-signal{z-index:1;aspect-ratio:1;opacity:0;transform-origin:50%;width:88%;animation:animated-radar-signal-sync var(--animated-radar-blink-cycle) linear infinite;pointer-events:none;border:2px solid;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.08)}.animated-radar-click-wave{z-index:5;aspect-ratio:1;opacity:0;transform-origin:50%;pointer-events:none;border:2px solid;border-radius:50%;width:88%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.12)}.animated-radar-mark.is-activated,.animated-radar-mark.is-activated .animated-radar-arm-blue,.animated-radar-mark.is-activated .animated-radar-arm-coral,.animated-radar-mark.is-activated .animated-radar-eye,.animated-radar-mark.is-activated .animated-radar-iris{animation-play-state:paused}.animated-radar-mark.is-activated .animated-radar-signal{opacity:0;animation-play-state:paused}.animated-radar-mark.is-activated .animated-radar-click-wave{animation:4.5s cubic-bezier(.16,.76,.24,1) forwards animated-radar-click-signal}.animated-radar-arm{transform-origin:50%;border-radius:999px;width:63%;height:13.5%;position:absolute;top:50%;left:50%}.animated-radar-arm-blue{z-index:3;animation:animated-radar-blue-depth var(--animated-radar-cycle) linear infinite;background:linear-gradient(90deg,#31a8f5,#42b5ff 58%,#2998dc);transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 11px #42b5ff94}.animated-radar-arm-coral{z-index:2;animation:animated-radar-coral-depth var(--animated-radar-cycle) linear infinite;background:linear-gradient(90deg,#f34f43,#ff6758 58%,#eb493e);transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 0 11px #ff675880}.animated-radar-eye{z-index:5;aspect-ratio:64/34;transform-origin:50%;width:16%;animation:animated-radar-blink var(--animated-radar-blink-cycle) linear infinite;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animated-radar-eye svg{width:100%;height:100%;display:block;overflow:visible}.animated-radar-eye-white{fill:#eef5f7}.animated-radar-iris{fill:var(--animated-radar-blue);stroke:#071019;stroke-width:1px;animation:animated-radar-eye-colour var(--animated-radar-cycle) linear infinite}.animated-radar-pupil{fill:#020507}.animated-radar-glint{fill:#fff}.animated-radar-click-label{z-index:6;color:#f5e2d2f5;font:560 clamp(5px, .5vw, 9px)/1 var(--font-geist-mono), monospace;letter-spacing:.16em;pointer-events:none;position:absolute;bottom:17%;left:50%;transform:translate(-50%)}@keyframes animated-radar-signal-sync{0%,46.99%{opacity:0;transform:translate(-50%,-50%)scale(.08)}47%{opacity:.82;transform:translate(-50%,-50%)scale(.08)}50%{opacity:1;transform:translate(-50%,-50%)scale(.2)}62%{opacity:.32;transform:translate(-50%,-50%)scale(.88)}71%{opacity:0;transform:translate(-50%,-50%)scale(1.55)}71.01%,to{opacity:0;transform:translate(-50%,-50%)scale(.08)}}@keyframes animated-radar-current-colour{0%,49.99%{color:var(--animated-radar-blue)}50%,to{color:var(--animated-radar-coral)}}@keyframes animated-radar-click-signal{0%{opacity:1;border-width:2px;transform:translate(-50%,-50%)scale(.12)}68%{opacity:.78;border-width:2px}to{opacity:0;border-width:2px;transform:translate(-50%,-50%)scale(1.72)}}@keyframes animated-radar-blue-depth{0%,23.5%{z-index:3;opacity:1;filter:brightness()}25%{z-index:3;opacity:.78;filter:brightness(1.7)}26.5%,49.99%{z-index:3;opacity:1;filter:brightness()}50%,to{z-index:2;opacity:1;filter:brightness()}}@keyframes animated-radar-coral-depth{0%,49.99%{z-index:2;opacity:1;filter:brightness()}50%,73.5%{z-index:3;opacity:1;filter:brightness()}75%{z-index:3;opacity:.78;filter:brightness(1.7)}76.5%,to{z-index:3;opacity:1;filter:brightness()}}@keyframes animated-radar-eye-colour{0%,49.99%{fill:var(--animated-radar-blue)}50%,to{fill:var(--animated-radar-coral)}}@keyframes animated-radar-blink{0%,47%,53%,to{transform:translate(-50%,-50%)scaleY(1)}50%{transform:translate(-50%,-50%)scaleY(.06)}}@media (prefers-reduced-motion:reduce){.animated-radar-eye,.animated-radar-iris,.animated-radar-arm-blue,.animated-radar-arm-coral,.animated-radar-signal,.animated-radar-mark{animation:none}}