.sonar{--x:0px;--y:0px}.sonar-canvas{width:100%;height:100%;display:block}.sonar:before{content:"";pointer-events:none;width:200px;height:200px;transform:translate(calc(var(--x) - 100px), calc(var(--y) - 100px));opacity:0;background:radial-gradient(circle,#22ff8812 0%,#ffffff0f 30%,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;top:0;left:0}.sonar:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){.sonar:before{transition:none}}