.preloader{height:100%;width:100%;background:#f5f2ef;display:flex;position:fixed;z-index:999;left:0;top:0;align-items:center;justify-content:center}.loader{position:relative;width:75px;height:100px}.loader__bar{position:absolute;bottom:0;width:7px;height:50%;background:#63b1df;transform-origin:center bottom}.loader__bar:nth-child(1){left:0;transform:scale(1,.2);-webkit-animation:barUp1 4s infinite;animation:barUp1 4s infinite}.loader__bar:nth-child(2){left:15px;transform:scale(1,.4);-webkit-animation:barUp2 4s infinite;animation:barUp2 4s infinite}.loader__bar:nth-child(3){left:30px;transform:scale(1,.6);-webkit-animation:barUp3 4s infinite;animation:barUp3 4s infinite}.loader__bar:nth-child(4){left:45px;transform:scale(1,.8);-webkit-animation:barUp4 4s infinite;animation:barUp4 4s infinite}.loader__bar:nth-child(5){left:60px;transform:scale(1,1);-webkit-animation:barUp5 4s infinite;animation:barUp5 4s infinite}.loader__ball{position:absolute;bottom:12px;left:0;width:9px;height:9px;background:#ff7900;border-radius:50%;-webkit-animation:ball 4s infinite;animation:ball 4s infinite}@-webkit-keyframes ball{0%{transform:translate(0,0)}5%{transform:translate(8px,-14px)}10%{transform:translate(15px,-10px)}17%{transform:translate(23px,-24px)}20%{transform:translate(30px,-20px)}27%{transform:translate(38px,-34px)}30%{transform:translate(45px,-30px)}37%{transform:translate(53px,-44px)}40%{transform:translate(60px,-40px)}50%{transform:translate(60px,0)}57%{transform:translate(53px,-14px)}60%{transform:translate(45px,-10px)}67%{transform:translate(37px,-24px)}70%{transform:translate(30px,-20px)}77%{transform:translate(22px,-34px)}80%{transform:translate(15px,-30px)}87%{transform:translate(7px,-44px)}90%{transform:translate(0,-40px)}100%{transform:translate(0,0)}}@keyframes ball{0%{transform:translate(0,0)}5%{transform:translate(8px,-14px)}10%{transform:translate(15px,-10px)}17%{transform:translate(23px,-24px)}20%{transform:translate(30px,-20px)}27%{transform:translate(38px,-34px)}30%{transform:translate(45px,-30px)}37%{transform:translate(53px,-44px)}40%{transform:translate(60px,-40px)}50%{transform:translate(60px,0)}57%{transform:translate(53px,-14px)}60%{transform:translate(45px,-10px)}67%{transform:translate(37px,-24px)}70%{transform:translate(30px,-20px)}77%{transform:translate(22px,-34px)}80%{transform:translate(15px,-30px)}87%{transform:translate(7px,-44px)}90%{transform:translate(0,-40px)}100%{transform:translate(0,0)}}@-webkit-keyframes barUp1{0%{transform:scale(1,.2)}40%{transform:scale(1,.2)}50%{transform:scale(1,1)}90%{transform:scale(1,1)}100%{transform:scale(1,.2)}}@keyframes barUp1{0%{transform:scale(1,.2)}40%{transform:scale(1,.2)}50%{transform:scale(1,1)}90%{transform:scale(1,1)}100%{transform:scale(1,.2)}}@-webkit-keyframes barUp2{0%{transform:scale(1,.4)}40%{transform:scale(1,.4)}50%{transform:scale(1,.8)}90%{transform:scale(1,.8)}100%{transform:scale(1,.4)}}@keyframes barUp2{0%{transform:scale(1,.4)}40%{transform:scale(1,.4)}50%{transform:scale(1,.8)}90%{transform:scale(1,.8)}100%{transform:scale(1,.4)}}@-webkit-keyframes barUp3{0%{transform:scale(1,.6)}100%{transform:scale(1,.6)}}@keyframes barUp3{0%{transform:scale(1,.6)}100%{transform:scale(1,.6)}}@-webkit-keyframes barUp4{0%{transform:scale(1,.8)}40%{transform:scale(1,.8)}50%{transform:scale(1,.4)}90%{transform:scale(1,.4)}100%{transform:scale(1,.8)}}@keyframes barUp4{0%{transform:scale(1,.8)}40%{transform:scale(1,.8)}50%{transform:scale(1,.4)}90%{transform:scale(1,.4)}100%{transform:scale(1,.8)}}@-webkit-keyframes barUp5{0%{transform:scale(1,1)}40%{transform:scale(1,1)}50%{transform:scale(1,.2)}90%{transform:scale(1,.2)}100%{transform:scale(1,1)}}@keyframes barUp5{0%{transform:scale(1,1)}40%{transform:scale(1,1)}50%{transform:scale(1,.2)}90%{transform:scale(1,.2)}100%{transform:scale(1,1)}}