.dot-wave{--uib-size:50px;--uib-speed:.6s;--uib-color:#0d0909;width:var(--uib-size);height:calc(var(--uib-size)*.17);padding-top:calc(var(--uib-size)*.34);flex-flow:row;justify-content:space-between;align-items:center;display:flex}.dot-wave__dot{width:calc(var(--uib-size)*.27);height:calc(var(--uib-size)*.27);background-color:var(--uib-color);will-change:transform;border-radius:50%;flex-shrink:0}.dot-wave__dot:first-child{animation:jump824 var(--uib-speed)ease-in-out calc(var(--uib-speed)*-.45)infinite}.dot-wave__dot:nth-child(2){animation:jump824 var(--uib-speed)ease-in-out calc(var(--uib-speed)*-.3)infinite}.dot-wave__dot:nth-child(3){animation:jump824 var(--uib-speed)ease-in-out calc(var(--uib-speed)*-.15)infinite}.dot-wave__dot:nth-child(4){animation:jump824 var(--uib-speed)ease-in-out infinite}@keyframes jump824{0%,to{transform:translateY(0)}50%{transform:translateY(-200%)}}