@keyframes scale {
  0% {
    transform: scale(1);
    opacity: 1; }
  45% {
    transform: scale(0.1);
    opacity: 0.7; }
  80% {
    transform: scale(1);
    opacity: 1; } }.ball-pulse > div:nth-child(0) {animation:scale .75s -.36s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse > div:nth-child(1) {animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse > div:nth-child(2) {animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse > div:nth-child(3) {animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block}@keyframes ball-pulse-sync {
  33% {
    transform: translateY(10px); }
  66% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }.ball-pulse-sync > div:nth-child(0) {animation:ball-pulse-sync .6s -.21s infinite ease-in-out}.ball-pulse-sync > div:nth-child(1) {animation:ball-pulse-sync .6s -.14s infinite ease-in-out}.ball-pulse-sync > div:nth-child(2) {animation:ball-pulse-sync .6s -.07s infinite ease-in-out}.ball-pulse-sync > div:nth-child(3) {animation:ball-pulse-sync .6s 0s infinite ease-in-out}.ball-pulse-sync>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block}@keyframes ball-scale {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }.ball-scale>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block;height:60px;width:60px;animation:ball-scale 1s 0s ease-in-out infinite}@keyframes ball-scale {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }.ball-scale>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block;height:60px;width:60px;animation:ball-scale 1s 0s ease-in-out infinite}.ball-scale-random{width:37px;height:40px}.ball-scale-random>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;position:absolute;display:inline-block;height:30px;width:30px;animation:ball-scale 1s 0s ease-in-out infinite}.ball-scale-random > div:nth-child(1) {margin-left:-7px;animation:ball-scale 1s .2s ease-in-out infinite}.ball-scale-random > div:nth-child(3) {margin-left:-2px;margin-top:9px;animation:ball-scale 1s .5s ease-in-out infinite}@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }.ball-rotate{position:relative}.ball-rotate>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;position:relative}.ball-rotate>div:first-child{animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite}.ball-rotate>div:before,.ball-rotate>div:after{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;content:"";position:absolute;opacity:.8}.ball-rotate>div:before{top:0;left:-28px}.ball-rotate>div:after{top:0;left:25px}@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(180deg) scale(0.6); }
  100% {
    transform: rotate(360deg) scale(1); } }.ball-clip-rotate>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;border:2px solid #fff;border-bottom-color:transparent;height:25px;width:25px;background:transparent!important;display:inline-block;animation:rotate .75s 0s linear infinite}@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(180deg) scale(0.6); }
  100% {
    transform: rotate(360deg) scale(1); } }@keyframes scale {
  30% {
    transform: scale(0.3); }
  100% {
    transform: scale(1); } }.ball-clip-rotate-pulse{position:relative;transform:translateY(-15px)}.ball-clip-rotate-pulse>div{animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%}.ball-clip-rotate-pulse>div:first-child{background:#fff;height:16px;width:16px;top:7px;left:-7px;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}.ball-clip-rotate-pulse>div:last-child{position:absolute;border:2px solid #fff;width:30px;height:30px;left:-16px;top:-2px;background:transparent;border:2px solid;border-color:#fff transparent #fff transparent;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation-duration:1s}@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(180deg) scale(0.6); }
  100% {
    transform: rotate(360deg) scale(1); } }.ball-clip-rotate-multiple{position:relative}.ball-clip-rotate-multiple>div{animation-fill-mode:both;position:absolute;left:-20px;top:-20px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;animation:rotate 1s 0s ease-in-out infinite}.ball-clip-rotate-multiple>div:last-child{display:inline-block;top:-10px;left:-10px;width:15px;height:15px;animation-duration:.5s;border-color:#fff transparent #fff transparent;animation-direction:reverse}@keyframes ball-scale-ripple {
  0% {
    transform: scale(0.1);
    opacity: 1; }
  70% {
    transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }.ball-scale-ripple>div{animation-fill-mode:both;height:50px;width:50px;border-radius:100%;border:2px solid #fff;animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8)}@keyframes ball-scale-ripple-multiple {
  0% {
    transform: scale(0.1);
    opacity: 1; }
  70% {
    transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }.ball-scale-ripple-multiple{position:relative;transform:translateY(-25px)}.ball-scale-ripple-multiple > div:nth-child(0) {animation-delay:-.8s}.ball-scale-ripple-multiple > div:nth-child(1) {animation-delay:-.6s}.ball-scale-ripple-multiple > div:nth-child(2) {animation-delay:-.4s}.ball-scale-ripple-multiple > div:nth-child(3) {animation-delay:-.2s}.ball-scale-ripple-multiple>div{animation-fill-mode:both;position:absolute;top:-2px;left:-26px;width:50px;height:50px;border-radius:100%;border:2px solid #fff;animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8)}@keyframes ball-beat {
  50% {
    opacity: 0.2;
    transform: scale(0.75); }
  100% {
    opacity: 1;
    transform: scale(1); } }.ball-beat>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block;animation:ball-beat .7s 0s infinite linear}.ball-beat > div:nth-child(2n-1) {animation-delay:-.35s!important}@keyframes ball-scale-multiple {
  0% {
    transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }.ball-scale-multiple{position:relative;transform:translateY(-30px)}.ball-scale-multiple > div:nth-child(2) {animation-delay:-.4s}.ball-scale-multiple > div:nth-child(3) {animation-delay:-.2s}.ball-scale-multiple>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;position:absolute;left:-30px;top:0;opacity:0;margin:0;width:60px;height:60px;animation:ball-scale-multiple 1s 0s linear infinite}@keyframes ball-triangle-path-1 {
  33% {
    transform: translate(25px, -50px); }
  66% {
    transform: translate(50px, 0px); }
  100% {
    transform: translate(0px, 0px); } }@keyframes ball-triangle-path-2 {
  33% {
    transform: translate(25px, 50px); }
  66% {
    transform: translate(-25px, 50px); }
  100% {
    transform: translate(0px, 0px); } }@keyframes ball-triangle-path-3 {
  33% {
    transform: translate(-50px, 0px); }
  66% {
    transform: translate(-25px, -50px); }
  100% {
    transform: translate(0px, 0px); } }.ball-triangle-path{position:relative;transform:translate(-29.994px,-37.50938px)}.ball-triangle-path > div:nth-child(1) {animation-name:ball-triangle-path-1;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-triangle-path > div:nth-child(2) {animation-name:ball-triangle-path-2;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-triangle-path > div:nth-child(3) {animation-name:ball-triangle-path-3;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-triangle-path>div{animation-fill-mode:both;position:absolute;width:10px;height:10px;border-radius:100%;border:1px solid #fff}.ball-triangle-path > div:nth-of-type(1) {top:50px}.ball-triangle-path > div:nth-of-type(2) {left:25px}.ball-triangle-path > div:nth-of-type(3) {top:50px;left:50px}@keyframes ball-pulse-rise-even {
  0% {
    transform: scale(1.1); }
  25% {
    transform: translateY(-30px); }
  50% {
    transform: scale(0.4); }
  75% {
    transform: translateY(30px); }
  100% {
    transform: translateY(0);
    transform: scale(1); } }@keyframes ball-pulse-rise-odd {
  0% {
    transform: scale(0.4); }
  25% {
    transform: translateY(30px); }
  50% {
    transform: scale(1.1); }
  75% {
    transform: translateY(-30px); }
  100% {
    transform: translateY(0);
    transform: scale(0.75); } }.ball-pulse-rise>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block;animation-duration:1s;animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-iteration-count:infinite;animation-delay:0}.ball-pulse-rise > div:nth-child(2n) {animation-name:ball-pulse-rise-even}.ball-pulse-rise > div:nth-child(2n-1) {animation-name:ball-pulse-rise-odd}@keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }.ball-grid-beat{width:57px}.ball-grid-beat > div:nth-child(1) {animation-delay:.44s;animation-duration:1.27s}.ball-grid-beat > div:nth-child(2) {animation-delay:.2s;animation-duration:1.52s}.ball-grid-beat > div:nth-child(3) {animation-delay:.14s;animation-duration:.61s}.ball-grid-beat > div:nth-child(4) {animation-delay:.15s;animation-duration:.82s}.ball-grid-beat > div:nth-child(5) {animation-delay:-.01s;animation-duration:1.24s}.ball-grid-beat > div:nth-child(6) {animation-delay:-.07s;animation-duration:1.35s}.ball-grid-beat > div:nth-child(7) {animation-delay:.29s;animation-duration:1.44s}.ball-grid-beat > div:nth-child(8) {animation-delay:.63s;animation-duration:1.19s}.ball-grid-beat > div:nth-child(9) {animation-delay:-.18s;animation-duration:1.48s}.ball-grid-beat>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block;float:left;animation-name:ball-grid-beat;animation-iteration-count:infinite;animation-delay:0}@keyframes ball-grid-pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.5);
    opacity: 0.7; }
  100% {
    transform: scale(1);
    opacity: 1; } }.ball-grid-pulse{width:57px}.ball-grid-pulse > div:nth-child(1) {animation-delay:.58s;animation-duration:.9s}.ball-grid-pulse > div:nth-child(2) {animation-delay:.01s;animation-duration:.94s}.ball-grid-pulse > div:nth-child(3) {animation-delay:.25s;animation-duration:1.43s}.ball-grid-pulse > div:nth-child(4) {animation-delay:-.03s;animation-duration:.74s}.ball-grid-pulse > div:nth-child(5) {animation-delay:.21s;animation-duration:.68s}.ball-grid-pulse > div:nth-child(6) {animation-delay:.25s;animation-duration:1.17s}.ball-grid-pulse > div:nth-child(7) {animation-delay:.46s;animation-duration:1.41s}.ball-grid-pulse > div:nth-child(8) {animation-delay:.02s;animation-duration:1.56s}.ball-grid-pulse > div:nth-child(9) {animation-delay:.13s;animation-duration:.78s}.ball-grid-pulse>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block;float:left;animation-name:ball-grid-pulse;animation-iteration-count:infinite;animation-delay:0}@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    transform: scale(0.4); }
  100% {
    opacity: 1;
    transform: scale(1); } }.ball-spin-fade-loader{position:relative;top:-10px;left:-10px}.ball-spin-fade-loader > div:nth-child(1) {top:25px;left:0;animation:ball-spin-fade-loader 1s -.96s infinite linear}.ball-spin-fade-loader > div:nth-child(2) {top:17.04545px;left:17.04545px;animation:ball-spin-fade-loader 1s -.84s infinite linear}.ball-spin-fade-loader > div:nth-child(3) {top:0;left:25px;animation:ball-spin-fade-loader 1s -.72s infinite linear}.ball-spin-fade-loader > div:nth-child(4) {top:-17.04545px;left:17.04545px;animation:ball-spin-fade-loader 1s -.6s infinite linear}.ball-spin-fade-loader > div:nth-child(5) {top:-25px;left:0;animation:ball-spin-fade-loader 1s -.48s infinite linear}.ball-spin-fade-loader > div:nth-child(6) {top:-17.04545px;left:-17.04545px;animation:ball-spin-fade-loader 1s -.36s infinite linear}.ball-spin-fade-loader > div:nth-child(7) {top:0;left:-25px;animation:ball-spin-fade-loader 1s -.24s infinite linear}.ball-spin-fade-loader > div:nth-child(8) {top:17.04545px;left:-17.04545px;animation:ball-spin-fade-loader 1s -.12s infinite linear}.ball-spin-fade-loader>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;position:absolute}@keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }.ball-spin-loader{position:relative}.ball-spin-loader > span:nth-child(1) {top:45px;left:0;animation:ball-spin-loader 2s .9s infinite linear}.ball-spin-loader > span:nth-child(2) {top:30.68182px;left:30.68182px;animation:ball-spin-loader 2s 1.8s infinite linear}.ball-spin-loader > span:nth-child(3) {top:0;left:45px;animation:ball-spin-loader 2s 2.7s infinite linear}.ball-spin-loader > span:nth-child(4) {top:-30.68182px;left:30.68182px;animation:ball-spin-loader 2s 3.6s infinite linear}.ball-spin-loader > span:nth-child(5) {top:-45px;left:0;animation:ball-spin-loader 2s 4.5s infinite linear}.ball-spin-loader > span:nth-child(6) {top:-30.68182px;left:-30.68182px;animation:ball-spin-loader 2s 5.4s infinite linear}.ball-spin-loader > span:nth-child(7) {top:0;left:-45px;animation:ball-spin-loader 2s 6.3s infinite linear}.ball-spin-loader > span:nth-child(8) {top:30.68182px;left:-30.68182px;animation:ball-spin-loader 2s 7.2s infinite linear}.ball-spin-loader>div{animation-fill-mode:both;position:absolute;width:15px;height:15px;border-radius:100%;background:green}@keyframes ball-zig {
  33% {
    transform: translate(-15px, -30px); }
  66% {
    transform: translate(15px, -30px); }
  100% {
    transform: translate(0, 0); } }@keyframes ball-zag {
  33% {
    transform: translate(15px, 30px); }
  66% {
    transform: translate(-15px, 30px); }
  100% {
    transform: translate(0, 0); } }.ball-zig-zag{position:relative;transform:translate(-15px,-15px)}.ball-zig-zag>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;position:absolute;margin-left:15px;top:4px;left:-7px}.ball-zig-zag>div:first-child{animation:ball-zig .7s 0s infinite linear}.ball-zig-zag>div:last-child{animation:ball-zag .7s 0s infinite linear}@keyframes ball-zig-deflect {
  17% {
    transform: translate(-15px, -30px); }
  34% {
    transform: translate(15px, -30px); }
  50% {
    transform: translate(0, 0); }
  67% {
    transform: translate(15px, -30px); }
  84% {
    transform: translate(-15px, -30px); }
  100% {
    transform: translate(0, 0); } }@keyframes ball-zag-deflect {
  17% {
    transform: translate(15px, 30px); }
  34% {
    transform: translate(-15px, 30px); }
  50% {
    transform: translate(0, 0); }
  67% {
    transform: translate(-15px, 30px); }
  84% {
    transform: translate(15px, 30px); }
  100% {
    transform: translate(0, 0); } }.ball-zig-zag-deflect{position:relative;transform:translate(-15px,-15px)}.ball-zig-zag-deflect>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;position:absolute;margin-left:15px;top:4px;left:-7px}.ball-zig-zag-deflect>div:first-child{animation:ball-zig-deflect 1.5s 0s infinite linear}.ball-zig-zag-deflect>div:last-child{animation:ball-zag-deflect 1.5s 0s infinite linear}@keyframes line-scale {
  0% {
    transform: scaley(1); }
  50% {
    transform: scaley(0.4); }
  100% {
    transform: scaley(1); } }.line-scale > div:nth-child(1) {animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale > div:nth-child(2) {animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale > div:nth-child(3) {animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale > div:nth-child(4) {animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale > div:nth-child(5) {animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div{background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block}@keyframes line-scale-party {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.5); }
  100% {
    transform: scale(1); } }.line-scale-party > div:nth-child(1) {animation-delay:-.09s;animation-duration:.83s}.line-scale-party > div:nth-child(2) {animation-delay:.33s;animation-duration:.64s}.line-scale-party > div:nth-child(3) {animation-delay:.32s;animation-duration:.39s}.line-scale-party > div:nth-child(4) {animation-delay:.47s;animation-duration:.52s}.line-scale-party>div{background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block;animation-name:line-scale-party;animation-iteration-count:infinite;animation-delay:0}@keyframes line-scale-pulse-out {
  0% {
    transform: scaley(1); }
  50% {
    transform: scaley(0.4); }
  100% {
    transform: scaley(1); } }.line-scale-pulse-out>div{background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block;animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85)}.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {animation-delay:-.4s!important}.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {animation-delay:-.2s!important}@keyframes line-scale-pulse-out-rapid {
  0% {
    transform: scaley(1); }
  80% {
    transform: scaley(0.3); }
  90% {
    transform: scaley(1); } }.line-scale-pulse-out-rapid>div{background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block;animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78)}.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {animation-delay:-.25s!important}.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {animation-delay:0s!important}@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }.line-spin-fade-loader{position:relative;top:-10px;left:-4px}.line-spin-fade-loader > div:nth-child(1) {top:20px;left:0;animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out}.line-spin-fade-loader > div:nth-child(2) {top:13.63636px;left:13.63636px;transform:rotate(-45deg);animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out}.line-spin-fade-loader > div:nth-child(3) {top:0;left:20px;transform:rotate(90deg);animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out}.line-spin-fade-loader > div:nth-child(4) {top:-13.63636px;left:13.63636px;transform:rotate(45deg);animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out}.line-spin-fade-loader > div:nth-child(5) {top:-20px;left:0;animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out}.line-spin-fade-loader > div:nth-child(6) {top:-13.63636px;left:-13.63636px;transform:rotate(-45deg);animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out}.line-spin-fade-loader > div:nth-child(7) {top:0;left:-20px;transform:rotate(90deg);animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out}.line-spin-fade-loader > div:nth-child(8) {top:13.63636px;left:-13.63636px;transform:rotate(45deg);animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out}.line-spin-fade-loader>div{background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;position:absolute;width:5px;height:15px}@keyframes triangle-skew-spin {
  25% {
    transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    transform: perspective(100px) rotateX(0) rotateY(0); } }.triangle-skew-spin>div{animation-fill-mode:both;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}@keyframes square-spin {
  25% {
    transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    transform: perspective(100px) rotateX(0) rotateY(0); } }.square-spin>div{animation-fill-mode:both;width:50px;height:50px;background:#fff;border:1px solid red;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}@keyframes rotate_pacman_half_up {
  0% {
    transform: rotate(270deg); }
  50% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(270deg); } }@keyframes rotate_pacman_half_down {
  0% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(90deg); } }@keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    transform: translate(-100px, -6.25px); } }.pacman{position:relative}.pacman > div:nth-child(2) {animation:pacman-balls 1s -.99s infinite linear}.pacman > div:nth-child(3) {animation:pacman-balls 1s -.66s infinite linear}.pacman > div:nth-child(4) {animation:pacman-balls 1s -.33s infinite linear}.pacman > div:nth-child(5) {animation:pacman-balls 1s 0s infinite linear}.pacman>div:first-of-type{width:0;height:0;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px;animation:rotate_pacman_half_up .5s 0s infinite;position:relative;left:-30px}.pacman > div:nth-child(2) {width:0;height:0;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px;animation:rotate_pacman_half_down .5s 0s infinite;margin-top:-50px;position:relative;left:-30px}.pacman > div:nth-child(3),
  .pacman > div:nth-child(4),
  .pacman > div:nth-child(5),
  .pacman > div:nth-child(6) {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;transform:translate(0,-6.25px);top:25px;left:70px}@keyframes cube-transition {
  25% {
    transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    transform: rotate(-360deg); } }.cube-transition{position:relative;transform:translate(-25px,-25px)}.cube-transition>div{animation-fill-mode:both;width:10px;height:10px;position:absolute;top:-5px;left:-5px;background-color:#fff;animation:cube-transition 1.6s 0s infinite ease-in-out}.cube-transition>div:last-child{animation-delay:-.8s}@keyframes spin-rotate {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }.semi-circle-spin{position:relative;width:35px;height:35px;overflow:hidden}.semi-circle-spin>div{position:absolute;border-width:0;border-radius:100%;animation:spin-rotate .6s 0s infinite linear;background-image:linear-gradient(transparent 0%,transparent 70%,#fff 30%,#fff 100%);width:100%;height:100%}@keyframes bar-progress {
  0% {
    transform: scaleY(20%);
    opacity: 1; }
  25% {
    transform: translateX(6%) scaleY(10%);
    opacity: 0.7; }
  50% {
    transform: translateX(20%) scaleY(20%);
    opacity: 1; }
  75% {
    transform: translateX(6%) scaleY(10%);
    opacity: 0.7; }
  100% {
    transform: scaleY(20%);
    opacity: 1; } }.bar-progress{width:30%;height:12px}.bar-progress>div{position:relative;width:20%;height:12px;border-radius:10px;background-color:#fff;animation:bar-progress 3s cubic-bezier(.57,.1,.44,.93) infinite;opacity:1}@keyframes bar-swing {
  0% {
    left: 0; }
  50% {
    left: 70%; }
  100% {
    left: 0; } }.bar-swing{width:30%;height:8px}.bar-swing>div{position:relative;width:30%;height:8px;border-radius:10px;background-color:#fff;animation:bar-swing 1.5s infinite}@keyframes bar-swing-container {
  0% {
    left: 0;
    transform: translateX(0); }
  50% {
    left: 70%;
    transform: translateX(-4px); }
  100% {
    left: 0;
    transform: translateX(0); } }.bar-swing-container{width:20%;height:8px;position:relative}.bar-swing-container div:nth-child(1) {position:absolute;width:100%;background-color:rgba(255,255,255,.2);height:12px;border-radius:10px}.bar-swing-container div:nth-child(2) {position:absolute;width:30%;height:8px;border-radius:10px;background-color:#fff;animation:bar-swing-container 2s cubic-bezier(.91,.35,.12,.6) infinite;margin:2px 2px 0}