.waveContainer{display:flex;height:38px;justify-content:space-between;margin:0 auto;--boxSize:5px;--gutter:4px;align-items:center;width:calc((var(--boxSize) + var(--gutter))*5)}.wave{animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.wave,.wave-static{border-radius:80px;transform:scaleY(1);width:var(--boxSize)}.wave1{animation-name:random1;background:#7c17d4}.wave2{animation-delay:.2s;animation-name:random2;background:#18aae8}.wave3{animation-delay:.3s;animation-name:random3;background:#3a9284}.wave4{animation-delay:.4s;animation-name:random4;background:#ffd402}.wave5{animation-delay:.2s;animation-name:random5;background:#f3135b}@keyframes random1{0%{height:25%}50%{height:100%}to{height:25%}}@keyframes random2{0%{height:22%}50%{height:65%}to{height:22%}}@keyframes random3{0%{height:65%}50%{height:20%}to{height:65%}}@keyframes random4{0%{height:20%}50%{height:80%}to{height:20%}}@keyframes random5{0%{height:100%}50%{height:35%}to{height:100%}}