.container{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center}.container .box{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:50px 0}.container .box .ripple{position:absolute;box-sizing:border-box;border:2px solid var(--color);background:var(--bg);border-radius:50%;animation:animate 5s linear infinite;animation-delay:calc(-.5s * var(--i))}@keyframes animate{0%{width:0px;height:0px}50%{opacity:1}to{width:100%;height:100%;opacity:0}}