@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.ripple-container{top:-20px;transform:translateX(-50%);width:60px;height:60px;pointer-events:none;z-index:10}.ripple,.ripple-container{position:absolute;left:50%}.ripple{top:50%;width:30%;height:30%;border-radius:50%;border:2px solid var(--ripple-color,#ff9800);animation:ripple 2s cubic-bezier(0,.2,.8,1) infinite}.ripple:nth-child(2){animation-delay:.5s}.ripple:nth-child(3){animation-delay:1s}.ripple:nth-child(4){animation-delay:1.5s}