.ward-demo-radar{width:200px;height:200px;margin-inline:auto;position:relative}.ward-demo-radar .ring{border:1px solid var(--hairline-soft);border-radius:50%;position:absolute;inset:0}.ward-demo-radar .ring.r2{opacity:.6;inset:28px}.ward-demo-radar .ring.r3{opacity:.5;inset:54px}.ward-demo-radar .sweep{background:conic-gradient(from 0deg, transparent 0 300deg, color-mix(in srgb, var(--verified-c) 12%, transparent) 340deg, color-mix(in srgb, var(--verified-c) 36%, transparent) 360deg);border-radius:50%;animation:4s linear infinite ward-demo-spin;position:absolute;inset:0}.ward-demo-radar .core{background:var(--grad-tramonto);width:46px;height:46px;box-shadow:0 0 24px -4px color-mix(in srgb, var(--amber-c) 55%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ward-demo-radar .blip{border-radius:50%;width:8px;height:8px;transition:all .6s;position:absolute;transform:translate(-50%,-50%)}.ward-demo-radar .blip.c{background:var(--blocked-c);box-shadow:0 0 9px var(--blocked-c)}.ward-demo-radar .blip.s{background:var(--verified-c);opacity:.5;width:5px;height:5px}@keyframes ward-demo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ward-demo-radar .sweep{animation:none}}