.loader{position:relative;width:75px;height:100px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loader__bar{position:absolute;bottom:0;width:10px;height:50%;background:#06e706;transform-origin:center bottom;box-shadow:1px 1px 0 rgba(174,211,5,.2)}.loader__bar:first-child{left:0;transform:scaleY(.2);-webkit-animation:barUp1 4s infinite;animation:barUp1 4s infinite}.loader__bar:nth-child(2){left:15px;transform:scaleY(.4);-webkit-animation:barUp2 4s infinite;animation:barUp2 4s infinite}.loader__bar:nth-child(3){left:30px;transform:scaleY(.6);-webkit-animation:barUp3 4s infinite;animation:barUp3 4s infinite}.loader__bar:nth-child(4){left:45px;transform:scaleY(.8);-webkit-animation:barUp4 4s infinite;animation:barUp4 4s infinite}.loader__bar:nth-child(5){left:60px;transform:scale(1);-webkit-animation:barUp5 4s infinite;animation:barUp5 4s infinite}.loader__ball{position:absolute;bottom:10px;left:0;width:10px;height:10px;background:#eec702;border-radius:50%;-webkit-animation:ball624 4s infinite;animation:ball624 4s infinite}@keyframes ball624{0%{transform:translate(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)}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:translateY(-40px)}to{transform:translate(0)}}@-webkit-keyframes barUp1{0%{transform:scaleY(.2)}40%{transform:scaleY(.2)}50%{transform:scale(1)}90%{transform:scale(1)}to{transform:scaleY(.2)}}@keyframes barUp1{0%{transform:scaleY(.2)}40%{transform:scaleY(.2)}50%{transform:scale(1)}90%{transform:scale(1)}to{transform:scaleY(.2)}}@-webkit-keyframes barUp2{0%{transform:scaleY(.4)}40%{transform:scaleY(.4)}50%{transform:scaleY(.8)}90%{transform:scaleY(.8)}to{transform:scaleY(.4)}}@keyframes barUp2{0%{transform:scaleY(.4)}40%{transform:scaleY(.4)}50%{transform:scaleY(.8)}90%{transform:scaleY(.8)}to{transform:scaleY(.4)}}@-webkit-keyframes barUp3{0%{transform:scaleY(.6)}to{transform:scaleY(.6)}}@keyframes barUp3{0%{transform:scaleY(.6)}to{transform:scaleY(.6)}}@-webkit-keyframes barUp4{0%{transform:scaleY(.8)}40%{transform:scaleY(.8)}50%{transform:scaleY(.4)}90%{transform:scaleY(.4)}to{transform:scaleY(.8)}}@keyframes barUp4{0%{transform:scaleY(.8)}40%{transform:scaleY(.8)}50%{transform:scaleY(.4)}90%{transform:scaleY(.4)}to{transform:scaleY(.8)}}@-webkit-keyframes barUp5{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scaleY(.2)}90%{transform:scaleY(.2)}to{transform:scale(1)}}@keyframes barUp5{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scaleY(.2)}90%{transform:scaleY(.2)}to{transform:scale(1)}}.boxes{--size:32px;--duration:800ms;height:calc(var(--size) * 2);width:calc(var(--size) * 3);position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size) * 1.5 * -1);transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0)}.boxes .box{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.boxes .box:first-child{transform:translate(100%);-webkit-animation:box1 var(--duration) linear infinite;animation:box1 var(--duration) linear infinite}.boxes .box:nth-child(2){transform:translateY(100%);-webkit-animation:box2 var(--duration) linear infinite;animation:box2 var(--duration) linear infinite}.boxes .box:nth-child(3){transform:translate(100%,100%);-webkit-animation:box3 var(--duration) linear infinite;animation:box3 var(--duration) linear infinite}.boxes .box:nth-child(4){transform:translate(200%);-webkit-animation:box4 var(--duration) linear infinite;animation:box4 var(--duration) linear infinite}.boxes .box>div{--background:#5c8df6;--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size) / 2);--rotateY:0deg;--rotateX:0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.boxes .box>div:first-child{--top:0;--left:0}.boxes .box>div:nth-child(2){--background:#145af2;--right:0;--rotateY:90deg}.boxes .box>div:nth-child(3){--background:#447cf5;--rotateX:-90deg}.boxes .box>div:nth-child(4){--background:#dbe3f4;--top:0;--left:0;--translateZ:calc(var(--size) * 3 * -1)}@-webkit-keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@-webkit-keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@-webkit-keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}
/*# sourceMappingURL=cafb13af615d003a.css.map*/