.ripple-container{--uib-size:30vh;--uib-color:#ff0098;--uib-speed:3s;position:relative;height:var(--uib-size);width:var(--uib-size)}.dot:after,.dot:before,.ripple-container:after,.ripple-container:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:50%;background-color:var(--uib-color);animation:pulse var(--uib-speed) linear infinite;transform:scale(0);opacity:0;transition:background-color .3s ease}.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%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}