@zyzgroup/core-web 0.0.58 → 0.0.60

package/dist/animate.css

@@ -1,3 +1,5 @@
+
+@charset "UTF-8";
 /*!
  * animate.css - https://animate.style/
  * Version - 4.1.1
@@ -5,7 +7,109 @@
  *
  * Copyright (c) 2022 Animate.css
  */
+:root {
+  --animate-duration: 1s;
+  --animate-delay: 1s;
+  --animate-repeat: 1;
+}
+.animate__animated {
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-duration: var(--animate-duration);
+  animation-duration: var(--animate-duration);
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+.animate__animated.animate__infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+.animate__animated.animate__repeat-1 {
+  -webkit-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+  -webkit-animation-iteration-count: var(--animate-repeat);
+  animation-iteration-count: var(--animate-repeat);
+}
+.animate__animated.animate__repeat-2 {
+  -webkit-animation-iteration-count: calc(1 * 2);
+  animation-iteration-count: calc(1 * 2);
+  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
+  animation-iteration-count: calc(var(--animate-repeat) * 2);
+}
+.animate__animated.animate__repeat-3 {
+  -webkit-animation-iteration-count: calc(1 * 3);
+  animation-iteration-count: calc(1 * 3);
+  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
+  animation-iteration-count: calc(var(--animate-repeat) * 3);
+}
+.animate__animated.animate__delay-1s {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+  -webkit-animation-delay: var(--animate-delay);
+  animation-delay: var(--animate-delay);
+}
+.animate__animated.animate__delay-2s {
+  -webkit-animation-delay: calc(1s * 2);
+  animation-delay: calc(1s * 2);
+  -webkit-animation-delay: calc(var(--animate-delay) * 2);
+  animation-delay: calc(var(--animate-delay) * 2);
+}
+.animate__animated.animate__delay-3s {
+  -webkit-animation-delay: calc(1s * 3);
+  animation-delay: calc(1s * 3);
+  -webkit-animation-delay: calc(var(--animate-delay) * 3);
+  animation-delay: calc(var(--animate-delay) * 3);
+}
+.animate__animated.animate__delay-4s {
+  -webkit-animation-delay: calc(1s * 4);
+  animation-delay: calc(1s * 4);
+  -webkit-animation-delay: calc(var(--animate-delay) * 4);
+  animation-delay: calc(var(--animate-delay) * 4);
+}
+.animate__animated.animate__delay-5s {
+  -webkit-animation-delay: calc(1s * 5);
+  animation-delay: calc(1s * 5);
+  -webkit-animation-delay: calc(var(--animate-delay) * 5);
+  animation-delay: calc(var(--animate-delay) * 5);
+}
+.animate__animated.animate__faster {
+  -webkit-animation-duration: calc(1s / 2);
+  animation-duration: calc(1s / 2);
+  -webkit-animation-duration: calc(var(--animate-duration) / 2);
+  animation-duration: calc(var(--animate-duration) / 2);
+}
+.animate__animated.animate__fast {
+  -webkit-animation-duration: calc(1s * 0.8);
+  animation-duration: calc(1s * 0.8);
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
+  animation-duration: calc(var(--animate-duration) * 0.8);
+}
+.animate__animated.animate__slow {
+  -webkit-animation-duration: calc(1s * 2);
+  animation-duration: calc(1s * 2);
+  -webkit-animation-duration: calc(var(--animate-duration) * 2);
+  animation-duration: calc(var(--animate-duration) * 2);
+}
+.animate__animated.animate__slower {
+  -webkit-animation-duration: calc(1s * 3);
+  animation-duration: calc(1s * 3);
+  -webkit-animation-duration: calc(var(--animate-duration) * 3);
+  animation-duration: calc(var(--animate-duration) * 3);
+}
+@media print, (prefers-reduced-motion: reduce) {
+  .animate__animated {
+    -webkit-animation-duration: 1ms !important;
+    animation-duration: 1ms !important;
+    -webkit-transition-duration: 1ms !important;
+    transition-duration: 1ms !important;
+    -webkit-animation-iteration-count: 1 !important;
+    animation-iteration-count: 1 !important;
+  }
 
+  .animate__animated[class*='Out'] {
+    opacity: 0;
+  }
+}
 /* Attention seekers  */
 @-webkit-keyframes bounce {
   from,
@@ -83,7 +187,7 @@
     transform: translate3d(0, -4px, 0) scaleY(1.02);
   }
 }
-.bounce {
+.animate__bounce {
   -webkit-animation-name: bounce;
   animation-name: bounce;
   -webkit-transform-origin: center bottom;
@@ -113,7 +217,7 @@
     opacity: 0;
   }
 }
-.flash {
+.animate__flash {
   -webkit-animation-name: flash;
   animation-name: flash;
 }
@@ -150,7 +254,7 @@
     transform: scale3d(1, 1, 1);
   }
 }
-.pulse {
+.animate__pulse {
   -webkit-animation-name: pulse;
   animation-name: pulse;
   -webkit-animation-timing-function: ease-in-out;
@@ -228,7 +332,7 @@
     transform: scale3d(1, 1, 1);
   }
 }
-.rubberBand {
+.animate__rubberBand {
   -webkit-animation-name: rubberBand;
   animation-name: rubberBand;
 }
@@ -280,7 +384,7 @@
     transform: translate3d(10px, 0, 0);
   }
 }
-.shakeX {
+.animate__shakeX {
   -webkit-animation-name: shakeX;
   animation-name: shakeX;
 }
@@ -332,7 +436,7 @@
     transform: translate3d(0, 10px, 0);
   }
 }
-.shakeY {
+.animate__shakeY {
   -webkit-animation-name: shakeY;
   animation-name: shakeY;
 }
@@ -398,7 +502,7 @@
     transform: translateX(0);
   }
 }
-.headShake {
+.animate__headShake {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-name: headShake;
@@ -456,7 +560,7 @@
     transform: rotate3d(0, 0, 1, 0deg);
   }
 }
-.swing {
+.animate__swing {
   -webkit-transform-origin: top center;
   transform-origin: top center;
   -webkit-animation-name: swing;
@@ -526,7 +630,7 @@
     transform: scale3d(1, 1, 1);
   }
 }
-.tada {
+.animate__tada {
   -webkit-animation-name: tada;
   animation-name: tada;
 }
@@ -603,7 +707,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.wobble {
+.animate__wobble {
   -webkit-animation-name: wobble;
   animation-name: wobble;
 }
@@ -693,7 +797,7 @@
     transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
 }
-.jello {
+.animate__jello {
   -webkit-animation-name: jello;
   animation-name: jello;
   -webkit-transform-origin: center;
@@ -751,7 +855,7 @@
     transform: scale(1);
   }
 }
-.heartBeat {
+.animate__heartBeat {
   -webkit-animation-name: heartBeat;
   animation-name: heartBeat;
   -webkit-animation-duration: calc(1s * 1.3);
@@ -800,7 +904,7 @@
     opacity: 1;
   }
 }
-.backInDown {
+.animate__backInDown {
   -webkit-animation-name: backInDown;
   animation-name: backInDown;
 }
@@ -842,7 +946,7 @@
     opacity: 1;
   }
 }
-.backInLeft {
+.animate__backInLeft {
   -webkit-animation-name: backInLeft;
   animation-name: backInLeft;
 }
@@ -884,7 +988,7 @@
     opacity: 1;
   }
 }
-.backInRight {
+.animate__backInRight {
   -webkit-animation-name: backInRight;
   animation-name: backInRight;
 }
@@ -926,7 +1030,7 @@
     opacity: 1;
   }
 }
-.backInUp {
+.animate__backInUp {
   -webkit-animation-name: backInUp;
   animation-name: backInUp;
 }
@@ -969,7 +1073,7 @@
     opacity: 0.7;
   }
 }
-.backOutDown {
+.animate__backOutDown {
   -webkit-animation-name: backOutDown;
   animation-name: backOutDown;
 }
@@ -1011,7 +1115,7 @@
     opacity: 0.7;
   }
 }
-.backOutLeft {
+.animate__backOutLeft {
   -webkit-animation-name: backOutLeft;
   animation-name: backOutLeft;
 }
@@ -1053,7 +1157,7 @@
     opacity: 0.7;
   }
 }
-.backOutRight {
+.animate__backOutRight {
   -webkit-animation-name: backOutRight;
   animation-name: backOutRight;
 }
@@ -1095,7 +1199,7 @@
     opacity: 0.7;
   }
 }
-.backOutUp {
+.animate__backOutUp {
   -webkit-animation-name: backOutUp;
   animation-name: backOutUp;
 }
@@ -1188,7 +1292,7 @@
     transform: scale3d(1, 1, 1);
   }
 }
-.bounceIn {
+.animate__bounceIn {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
@@ -1270,7 +1374,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.bounceInDown {
+.animate__bounceInDown {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown;
 }
@@ -1348,7 +1452,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.bounceInLeft {
+.animate__bounceInLeft {
   -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft;
 }
@@ -1426,7 +1530,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.bounceInRight {
+.animate__bounceInRight {
   -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight;
 }
@@ -1504,7 +1608,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.bounceInUp {
+.animate__bounceInUp {
   -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp;
 }
@@ -1547,7 +1651,7 @@
     transform: scale3d(0.3, 0.3, 0.3);
   }
 }
-.bounceOut {
+.animate__bounceOut {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
@@ -1593,7 +1697,7 @@
     transform: translate3d(0, 2000px, 0) scaleY(3);
   }
 }
-.bounceOutDown {
+.animate__bounceOutDown {
   -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown;
 }
@@ -1623,7 +1727,7 @@
     transform: translate3d(-2000px, 0, 0) scaleX(2);
   }
 }
-.bounceOutLeft {
+.animate__bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft;
 }
@@ -1653,7 +1757,7 @@
     transform: translate3d(2000px, 0, 0) scaleX(2);
   }
 }
-.bounceOutRight {
+.animate__bounceOutRight {
   -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight;
 }
@@ -1695,7 +1799,7 @@
     transform: translate3d(0, -2000px, 0) scaleY(3);
   }
 }
-.bounceOutUp {
+.animate__bounceOutUp {
   -webkit-animation-name: bounceOutUp;
   animation-name: bounceOutUp;
 }
@@ -1718,7 +1822,7 @@
     opacity: 1;
   }
 }
-.fadeIn {
+.animate__fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
 }
@@ -1748,7 +1852,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInDown {
+.animate__fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
 }
@@ -1778,7 +1882,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInDownBig {
+.animate__fadeInDownBig {
   -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig;
 }
@@ -1808,7 +1912,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInLeft {
+.animate__fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
 }
@@ -1838,7 +1942,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInLeftBig {
+.animate__fadeInLeftBig {
   -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig;
 }
@@ -1868,7 +1972,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInRight {
+.animate__fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
 }
@@ -1898,7 +2002,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInRightBig {
+.animate__fadeInRightBig {
   -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig;
 }
@@ -1928,7 +2032,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInUp {
+.animate__fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
 }
@@ -1958,7 +2062,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInUpBig {
+.animate__fadeInUpBig {
   -webkit-animation-name: fadeInUpBig;
   animation-name: fadeInUpBig;
 }
@@ -1986,7 +2090,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInTopLeft {
+.animate__fadeInTopLeft {
   -webkit-animation-name: fadeInTopLeft;
   animation-name: fadeInTopLeft;
 }
@@ -2014,7 +2118,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInTopRight {
+.animate__fadeInTopRight {
   -webkit-animation-name: fadeInTopRight;
   animation-name: fadeInTopRight;
 }
@@ -2042,7 +2146,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInBottomLeft {
+.animate__fadeInBottomLeft {
   -webkit-animation-name: fadeInBottomLeft;
   animation-name: fadeInBottomLeft;
 }
@@ -2070,7 +2174,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.fadeInBottomRight {
+.animate__fadeInBottomRight {
   -webkit-animation-name: fadeInBottomRight;
   animation-name: fadeInBottomRight;
 }
@@ -2093,7 +2197,7 @@
     opacity: 0;
   }
 }
-.fadeOut {
+.animate__fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
 }
@@ -2119,7 +2223,7 @@
     transform: translate3d(0, 100%, 0);
   }
 }
-.fadeOutDown {
+.animate__fadeOutDown {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown;
 }
@@ -2145,7 +2249,7 @@
     transform: translate3d(0, 2000px, 0);
   }
 }
-.fadeOutDownBig {
+.animate__fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig;
 }
@@ -2171,7 +2275,7 @@
     transform: translate3d(-100%, 0, 0);
   }
 }
-.fadeOutLeft {
+.animate__fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft;
 }
@@ -2197,7 +2301,7 @@
     transform: translate3d(-2000px, 0, 0);
   }
 }
-.fadeOutLeftBig {
+.animate__fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig;
 }
@@ -2223,7 +2327,7 @@
     transform: translate3d(100%, 0, 0);
   }
 }
-.fadeOutRight {
+.animate__fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight;
 }
@@ -2249,7 +2353,7 @@
     transform: translate3d(2000px, 0, 0);
   }
 }
-.fadeOutRightBig {
+.animate__fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig;
 }
@@ -2275,7 +2379,7 @@
     transform: translate3d(0, -100%, 0);
   }
 }
-.fadeOutUp {
+.animate__fadeOutUp {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp;
 }
@@ -2301,7 +2405,7 @@
     transform: translate3d(0, -2000px, 0);
   }
 }
-.fadeOutUpBig {
+.animate__fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig;
 }
@@ -2329,7 +2433,7 @@
     transform: translate3d(-100%, -100%, 0);
   }
 }
-.fadeOutTopLeft {
+.animate__fadeOutTopLeft {
   -webkit-animation-name: fadeOutTopLeft;
   animation-name: fadeOutTopLeft;
 }
@@ -2357,7 +2461,7 @@
     transform: translate3d(100%, -100%, 0);
   }
 }
-.fadeOutTopRight {
+.animate__fadeOutTopRight {
   -webkit-animation-name: fadeOutTopRight;
   animation-name: fadeOutTopRight;
 }
@@ -2385,7 +2489,7 @@
     transform: translate3d(100%, 100%, 0);
   }
 }
-.fadeOutBottomRight {
+.animate__fadeOutBottomRight {
   -webkit-animation-name: fadeOutBottomRight;
   animation-name: fadeOutBottomRight;
 }
@@ -2413,24 +2517,22 @@
     transform: translate3d(-100%, 100%, 0);
   }
 }
-.fadeOutBottomLeft {
+.animate__fadeOutBottomLeft {
   -webkit-animation-name: fadeOutBottomLeft;
   animation-name: fadeOutBottomLeft;
 }
 /* Flippers */
 @-webkit-keyframes flip {
   from {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, -360deg);
-    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, -360deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }
 
   40% {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
-      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
       rotate3d(0, 1, 0, -190deg);
     -webkit-animation-timing-function: ease-out;
@@ -2438,8 +2540,8 @@
   }
 
   50% {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
-      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
       rotate3d(0, 1, 0, -170deg);
     -webkit-animation-timing-function: ease-in;
@@ -2447,8 +2549,8 @@
   }
 
   80% {
-    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
-      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
     transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
       rotate3d(0, 1, 0, 0deg);
     -webkit-animation-timing-function: ease-in;
@@ -2456,27 +2558,23 @@
   }
 
   to {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
-    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }
 }
 @keyframes flip {
   from {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, -360deg);
-    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, -360deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }
 
   40% {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
-      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
       rotate3d(0, 1, 0, -190deg);
     -webkit-animation-timing-function: ease-out;
@@ -2484,8 +2582,8 @@
   }
 
   50% {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
-      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
       rotate3d(0, 1, 0, -170deg);
     -webkit-animation-timing-function: ease-in;
@@ -2493,8 +2591,8 @@
   }
 
   80% {
-    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
-      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
     transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
       rotate3d(0, 1, 0, 0deg);
     -webkit-animation-timing-function: ease-in;
@@ -2502,15 +2600,13 @@
   }
 
   to {
-    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
-    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
-      rotate3d(0, 1, 0, 0deg);
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }
 }
-.animated.flip {
+.animate__animated.animate__flip {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-animation-name: flip;
@@ -2580,7 +2676,7 @@
     transform: perspective(400px);
   }
 }
-.flipInX {
+.animate__flipInX {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipInX;
@@ -2650,7 +2746,7 @@
     transform: perspective(400px);
   }
 }
-.flipInY {
+.animate__flipInY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipInY;
@@ -2692,7 +2788,7 @@
     opacity: 0;
   }
 }
-.flipOutX {
+.animate__flipOutX {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
@@ -2738,7 +2834,7 @@
     opacity: 0;
   }
 }
-.flipOutY {
+.animate__flipOutY {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
@@ -2795,7 +2891,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.lightSpeedInRight {
+.animate__lightSpeedInRight {
   -webkit-animation-name: lightSpeedInRight;
   animation-name: lightSpeedInRight;
   -webkit-animation-timing-function: ease-out;
@@ -2847,7 +2943,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.lightSpeedInLeft {
+.animate__lightSpeedInLeft {
   -webkit-animation-name: lightSpeedInLeft;
   animation-name: lightSpeedInLeft;
   -webkit-animation-timing-function: ease-out;
@@ -2875,7 +2971,7 @@
     opacity: 0;
   }
 }
-.lightSpeedOutRight {
+.animate__lightSpeedOutRight {
   -webkit-animation-name: lightSpeedOutRight;
   animation-name: lightSpeedOutRight;
   -webkit-animation-timing-function: ease-in;
@@ -2903,7 +2999,7 @@
     opacity: 0;
   }
 }
-.lightSpeedOutLeft {
+.animate__lightSpeedOutLeft {
   -webkit-animation-name: lightSpeedOutLeft;
   animation-name: lightSpeedOutLeft;
   -webkit-animation-timing-function: ease-in;
@@ -2936,7 +3032,7 @@
     opacity: 1;
   }
 }
-.rotateIn {
+.animate__rotateIn {
   -webkit-animation-name: rotateIn;
   animation-name: rotateIn;
   -webkit-transform-origin: center;
@@ -2968,7 +3064,7 @@
     opacity: 1;
   }
 }
-.rotateInDownLeft {
+.animate__rotateInDownLeft {
   -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft;
   -webkit-transform-origin: left bottom;
@@ -3000,7 +3096,7 @@
     opacity: 1;
   }
 }
-.rotateInDownRight {
+.animate__rotateInDownRight {
   -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight;
   -webkit-transform-origin: right bottom;
@@ -3032,7 +3128,7 @@
     opacity: 1;
   }
 }
-.rotateInUpLeft {
+.animate__rotateInUpLeft {
   -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft;
   -webkit-transform-origin: left bottom;
@@ -3064,7 +3160,7 @@
     opacity: 1;
   }
 }
-.rotateInUpRight {
+.animate__rotateInUpRight {
   -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight;
   -webkit-transform-origin: right bottom;
@@ -3093,7 +3189,7 @@
     opacity: 0;
   }
 }
-.rotateOut {
+.animate__rotateOut {
   -webkit-animation-name: rotateOut;
   animation-name: rotateOut;
   -webkit-transform-origin: center;
@@ -3121,7 +3217,7 @@
     opacity: 0;
   }
 }
-.rotateOutDownLeft {
+.animate__rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft;
   -webkit-transform-origin: left bottom;
@@ -3149,7 +3245,7 @@
     opacity: 0;
   }
 }
-.rotateOutDownRight {
+.animate__rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight;
   -webkit-transform-origin: right bottom;
@@ -3177,7 +3273,7 @@
     opacity: 0;
   }
 }
-.rotateOutUpLeft {
+.animate__rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft;
   -webkit-transform-origin: left bottom;
@@ -3205,7 +3301,7 @@
     opacity: 0;
   }
 }
-.rotateOutUpRight {
+.animate__rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight;
   -webkit-transform-origin: right bottom;
@@ -3270,7 +3366,7 @@
     opacity: 0;
   }
 }
-.hinge {
+.animate__hinge {
   -webkit-animation-duration: calc(1s * 2);
   animation-duration: calc(1s * 2);
   -webkit-animation-duration: calc(var(--animate-duration) * 2);
@@ -3330,7 +3426,7 @@
     transform: scale(1);
   }
 }
-.jackInTheBox {
+.animate__jackInTheBox {
   -webkit-animation-name: jackInTheBox;
   animation-name: jackInTheBox;
 }
@@ -3361,7 +3457,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.rollIn {
+.animate__rollIn {
   -webkit-animation-name: rollIn;
   animation-name: rollIn;
 }
@@ -3388,7 +3484,7 @@
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
 }
-.rollOut {
+.animate__rollOut {
   -webkit-animation-name: rollOut;
   animation-name: rollOut;
 }
@@ -3415,7 +3511,7 @@
     opacity: 1;
   }
 }
-.zoomIn {
+.animate__zoomIn {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn;
 }
@@ -3453,7 +3549,7 @@
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
-.zoomInDown {
+.animate__zoomInDown {
   -webkit-animation-name: zoomInDown;
   animation-name: zoomInDown;
 }
@@ -3491,7 +3587,7 @@
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
-.zoomInLeft {
+.animate__zoomInLeft {
   -webkit-animation-name: zoomInLeft;
   animation-name: zoomInLeft;
 }
@@ -3529,7 +3625,7 @@
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
-.zoomInRight {
+.animate__zoomInRight {
   -webkit-animation-name: zoomInRight;
   animation-name: zoomInRight;
 }
@@ -3567,7 +3663,7 @@
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
-.zoomInUp {
+.animate__zoomInUp {
   -webkit-animation-name: zoomInUp;
   animation-name: zoomInUp;
 }
@@ -3602,7 +3698,7 @@
     opacity: 0;
   }
 }
-.zoomOut {
+.animate__zoomOut {
   -webkit-animation-name: zoomOut;
   animation-name: zoomOut;
 }
@@ -3640,7 +3736,7 @@
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
-.zoomOutDown {
+.animate__zoomOutDown {
   -webkit-animation-name: zoomOutDown;
   animation-name: zoomOutDown;
   -webkit-transform-origin: center bottom;
@@ -3672,7 +3768,7 @@
     transform: scale(0.1) translate3d(-2000px, 0, 0);
   }
 }
-.zoomOutLeft {
+.animate__zoomOutLeft {
   -webkit-animation-name: zoomOutLeft;
   animation-name: zoomOutLeft;
   -webkit-transform-origin: left center;
@@ -3704,7 +3800,7 @@
     transform: scale(0.1) translate3d(2000px, 0, 0);
   }
 }
-.zoomOutRight {
+.animate__zoomOutRight {
   -webkit-animation-name: zoomOutRight;
   animation-name: zoomOutRight;
   -webkit-transform-origin: right center;
@@ -3744,7 +3840,7 @@
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 }
-.zoomOutUp {
+.animate__zoomOutUp {
   -webkit-animation-name: zoomOutUp;
   animation-name: zoomOutUp;
   -webkit-transform-origin: center bottom;
@@ -3775,7 +3871,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.slideInDown {
+.animate__slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown;
 }
@@ -3803,7 +3899,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.slideInLeft {
+.animate__slideInLeft {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft;
 }
@@ -3831,7 +3927,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.slideInRight {
+.animate__slideInRight {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight;
 }
@@ -3859,7 +3955,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-.slideInUp {
+.animate__slideInUp {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
 }
@@ -3888,7 +3984,7 @@
     transform: translate3d(0, 100%, 0);
   }
 }
-.slideOutDown {
+.animate__slideOutDown {
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown;
 }
@@ -3916,7 +4012,7 @@
     transform: translate3d(-100%, 0, 0);
   }
 }
-.slideOutLeft {
+.animate__slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft;
 }
@@ -3944,7 +4040,7 @@
     transform: translate3d(100%, 0, 0);
   }
 }
-.slideOutRight {
+.animate__slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight;
 }
@@ -3972,167 +4068,7 @@
     transform: translate3d(0, -100%, 0);
   }
 }
-.slideOutUp {
+.animate__slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp;
 }
-
-/****************************************** CUSTOM ******************************************/
-
-@keyframes shake {
-  2% {
-    transform: translate(0.5px, 2.5px) rotate(1.5deg);
-  }
-  4% {
-    transform: translate(0.5px, -1.5px) rotate(0.5deg);
-  }
-  6% {
-    transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
-  }
-  8% {
-    transform: translate(2.5px, -0.5px) rotate(0.5deg);
-  }
-  10% {
-    transform: translate(2.5px, 1.5px) rotate(0.5deg);
-  }
-  12% {
-    transform: translate(2.5px, -0.5px) rotate(0.5deg);
-  }
-  14% {
-    transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
-  }
-  16% {
-    transform: translate(-0.5px, 0.5px) rotate(0.5deg);
-  }
-  18% {
-    transform: translate(-0.5px, 2.5px) rotate(1.5deg);
-  }
-  20% {
-    transform: translate(2.5px, -1.5px) rotate(1.5deg);
-  }
-  22% {
-    transform: translate(2.5px, -1.5px) rotate(0.5deg);
-  }
-  24% {
-    transform: translate(0.5px, -1.5px) rotate(-0.5deg);
-  }
-  26% {
-    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
-  }
-  28% {
-    transform: translate(-1.5px, -0.5px) rotate(1.5deg);
-  }
-  30% {
-    transform: translate(-0.5px, -0.5px) rotate(1.5deg);
-  }
-  32% {
-    transform: translate(-0.5px, -0.5px) rotate(-0.5deg);
-  }
-  34% {
-    transform: translate(0.5px, -0.5px) rotate(0.5deg);
-  }
-  36% {
-    transform: translate(-1.5px, 1.5px) rotate(1.5deg);
-  }
-  38% {
-    transform: translate(2.5px, 1.5px) rotate(1.5deg);
-  }
-  40% {
-    transform: translate(1.5px, -1.5px) rotate(0.5deg);
-  }
-  42% {
-    transform: translate(1.5px, -1.5px) rotate(1.5deg);
-  }
-  44% {
-    transform: translate(1.5px, 2.5px) rotate(1.5deg);
-  }
-  46% {
-    transform: translate(1.5px, -1.5px) rotate(0.5deg);
-  }
-  48% {
-    transform: translate(-0.5px, -1.5px) rotate(0.5deg);
-  }
-  50% {
-    transform: translate(-1.5px, -1.5px) rotate(1.5deg);
-  }
-  52% {
-    transform: translate(1.5px, -0.5px) rotate(1.5deg);
-  }
-  54% {
-    transform: translate(-0.5px, -0.5px) rotate(0.5deg);
-  }
-  56% {
-    transform: translate(2.5px, 0.5px) rotate(0.5deg);
-  }
-  58% {
-    transform: translate(-0.5px, 0.5px) rotate(1.5deg);
-  }
-  60% {
-    transform: translate(0.5px, 1.5px) rotate(-0.5deg);
-  }
-  62% {
-    transform: translate(-0.5px, -1.5px) rotate(0.5deg);
-  }
-  64% {
-    transform: translate(-0.5px, -1.5px) rotate(0.5deg);
-  }
-  66% {
-    transform: translate(1.5px, -1.5px) rotate(-0.5deg);
-  }
-  68% {
-    transform: translate(0.5px, 1.5px) rotate(-0.5deg);
-  }
-  70% {
-    transform: translate(0.5px, 2.5px) rotate(-0.5deg);
-  }
-  72% {
-    transform: translate(2.5px, -1.5px) rotate(1.5deg);
-  }
-  74% {
-    transform: translate(-1.5px, -0.5px) rotate(0.5deg);
-  }
-  76% {
-    transform: translate(-1.5px, -1.5px) rotate(1.5deg);
-  }
-  78% {
-    transform: translate(0.5px, 0.5px) rotate(1.5deg);
-  }
-  80% {
-    transform: translate(0.5px, -0.5px) rotate(1.5deg);
-  }
-  82% {
-    transform: translate(-0.5px, -1.5px) rotate(1.5deg);
-  }
-  84% {
-    transform: translate(2.5px, -0.5px) rotate(1.5deg);
-  }
-  86% {
-    transform: translate(0.5px, 0.5px) rotate(-0.5deg);
-  }
-  88% {
-    transform: translate(1.5px, 2.5px) rotate(-0.5deg);
-  }
-  90% {
-    transform: translate(-1.5px, 2.5px) rotate(1.5deg);
-  }
-  92% {
-    transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
-  }
-  94% {
-    transform: translate(1.5px, -0.5px) rotate(0.5deg);
-  }
-  96% {
-    transform: translate(-1.5px, 2.5px) rotate(1.5deg);
-  }
-  98% {
-    transform: translate(2.5px, 2.5px) rotate(0.5deg);
-  }
-  0%,
-  100% {
-    transform: translate(0, 0) rotate(0);
-  }
-}
-.shake {
-  -webkit-animation-name: shake;
-  animation-name: shake;
-}