.ripple-container{--uib-size:30vh;--uib-color:#ff0098;--uib-speed:3s;height:var(--uib-size);width:var(--uib-size);position:relative}.ripple-container:before,.ripple-container:after,.dot:before,.dot:after{content:"";background-color:var(--uib-color);width:100%;height:100%;animation:pulse var(--uib-speed)linear infinite;opacity:0;border-radius:50%;transition:background-color .3s;position:absolute;top:0;left:0;transform:scale(0)}.ripple-container:after{animation-delay:calc(var(--uib-speed)/-4)}.dot:before{animation-delay:calc(var(--uib-speed)*-.5)}.dot:after{animation-delay:calc(var(--uib-speed)*-.75)}@keyframes pulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}