.loader{position:absolute;width:100px;height:100px;margin:0 auto;top:50%;left:50%;transform:translate(-90%,-60%)}.loader__bar{position:absolute;bottom:0;width:15px;height:70%;background:#4a26b1;transform-origin:center bottom;box-shadow:1px 1px 0 rgba(0,0,0,.2);margin:0;padding:0}.loader__bar:first-child{left:60px;transform:scaleY(.2);animation:barUp1 4s infinite;margin:0;padding:0}.loader__bar:nth-child(2){left:80px;transform:scaleY(.4);animation:barUp2 4s infinite;margin:0;padding:0}.loader__bar:nth-child(3){left:100px;transform:scaleY(.6);animation:barUp3 4s infinite;margin:0;padding:0}.loader__bar:nth-child(4){left:120px;transform:scaleY(.8);animation:barUp4 4s infinite;margin:0;padding:0}.loader__bar:nth-child(5){left:140px;transform:scale(1);animation:barUp5 4s infinite;margin:0;padding:0}.loader__ball{position:absolute;bottom:10px;left:0;width:40px;height:40px;background-size:cover;border-radius:50%;animation:ball624 4s infinite;margin:0;padding:0}@keyframes ball624{0%{transform:translate(40px)}5%{transform:translate(48px,-14px)}10%{transform:translate(55px,-10px)}17%{transform:translate(63px,-24px)}20%{transform:translate(70px,-20px)}27%{transform:translate(78px,-34px)}30%{transform:translate(85px,-30px)}37%{transform:translate(93px,-44px)}40%{transform:translate(100px,-40px)}50%{transform:translate(100px)}57%{transform:translate(96px,-28px)}60%{transform:translate(88px,-22px)}67%{transform:translate(81px,-36px)}70%{transform:translate(73px,-32px)}77%{transform:translate(66px,-46px)}80%{transform:translate(58px,-42px)}87%{transform:translate(51px,-56px)}90%{transform:translate(43px,-52px)}to{transform:translate(43px)}}@keyframes barUp1{0%{transform:scaleY(.2)}40%{transform:scaleY(.2)}50%{transform:scale(1)}90%{transform:scale(1)}to{transform:scaleY(.2)}}@keyframes barUp2{0%{transform:scaleY(.4)}40%{transform:scaleY(.4)}50%{transform:scaleY(.8)}90%{transform:scaleY(.8)}to{transform:scaleY(.4)}}@keyframes barUp3{0%{transform:scaleY(.6)}to{transform:scaleY(.6)}}@keyframes barUp4{0%{transform:scaleY(.8)}40%{transform:scaleY(.8)}50%{transform:scaleY(.4)}90%{transform:scaleY(.4)}to{transform:scaleY(.8)}}@keyframes barUp5{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scaleY(.2)}90%{transform:scaleY(.2)}to{transform:scale(1)}}