.ping-animated-ping{--color:#6ae6d1;--delay:0s;&:before{animation:ping 8s cubic-bezier(0,0,.2,1) infinite;animation-delay:var(--delay)}&:after,&:before{content:"";display:block;width:160px;transform-origin:center;border-radius:50%;height:160px;position:absolute;background:var(--color);left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}&:after{animation:ping 8s cubic-bezier(0,0,.2,1) infinite;animation-delay:calc(var(--delay) + .2s)}}@keyframes ping{0%{transform:translate(-50%,-50%) scale(1);opacity:1}25%{transform:translate(-50%,-50%) scale(5);opacity:0}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}