#bubble span{display:inline-block;width:.6rem;height:.6rem;margin-right:.2rem;background:var(--bubble-color,rgba(255,255,255,.25));border-radius:50%;transform:translateY(0);animation:wave 1s ease-in-out infinite}#bubble span:first-child{animation-delay:0s}#bubble span:nth-child(2){animation-delay:.1s}#bubble span:nth-child(3){animation-delay:.2s}#bubble span:nth-child(4){animation-delay:.3s}@keyframes wave{0%,60%,to{background:var(--bubble-color,rgba(255,255,255,.25));transform:translateY(0)}20%{background:var(--bubble-color,rgba(255,255,255,.75));transform:translateY(.6rem)}40%{background:var(--bubble-color,rgba(255,255,255,.75));transform:translateY(-.6rem)}}@-webkit-keyframes wave{0%,60%,to{background:var(--bubble-color,rgba(255,255,255,.25));-webkit-transform:translateY(0)}20%{background:var(--bubble-color,rgba(255,255,255,.75));-webkit-transform:translateY(.6rem)}40%{background:var(--bubble-color,rgba(255,255,255,.75));-webkit-transform:translateY(-.6rem)}}