/*!
 * vue-animate.css - https://github.com/asika32764/vue-animate
 * Version: 3.0.2
 * License: MIT - see LICENSE
 * 
 * This library is port of animate.css (https://github.com/animate-css/animate.css) to support Vue.js transitions.
 * The animate.css LICENSE please see: https://github.com/animate-css/animate.css/blob/main/LICENSE
 */
@charset "UTF-8";
:root{
  --animate-duration:.5s;
  --animate-delay:0;
  --animate-repeat:1;
}
.animate__animated{
  animation-duration:1s;
  animation-duration:var(--animate-duration);
  animation-fill-mode:both;
}
.animate__animated.animate__infinite{
  animation-iteration-count:infinite;
}
.animate__animated.animate__repeat-1{
  animation-iteration-count:1;
  animation-iteration-count:var(--animate-repeat);
}
.animate__animated.animate__repeat-2{
  animation-iteration-count:calc(1 * 2);
  animation-iteration-count:calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3{
  animation-iteration-count:calc(1 * 3);
  animation-iteration-count:calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s{
  animation-delay:1s;
  animation-delay:var(--animate-delay);
}
.animate__animated.animate__delay-2s{
  animation-delay:calc(1s * 2);
  animation-delay:calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s{
  animation-delay:calc(1s * 3);
  animation-delay:calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s{
  animation-delay:calc(1s * 4);
  animation-delay:calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s{
  animation-delay:calc(1s * 5);
  animation-delay:calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster{
  animation-duration:calc(1s / 2);
  animation-duration:calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast{
  animation-duration:calc(1s * 0.8);
  animation-duration:calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow{
  animation-duration:calc(1s * 2);
  animation-duration:calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower{
  animation-duration:calc(1s * 3);
  animation-duration:calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce){
  .animate__animated{
    animation-duration:1ms !important;
    transition-duration:1ms !important;
    animation-iteration-count:1 !important;
  }

  .animate__animated[class*='Out']{
    opacity:0;
  }
}
@keyframes bounce{
  from,
  20%,
  53%,
  to{
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    transform:translate3d(0, 0, 0);
  }

  40%,
  43%{
    animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform:translate3d(0, -30px, 0) scaleY(1.1);
  }

  70%{
    animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform:translate3d(0, -15px, 0) scaleY(1.05);
  }

  80%{
    transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    transform:translate3d(0, 0, 0) scaleY(0.95);
  }

  90%{
    transform:translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce{
  animation-name:bounce;
  transform-origin:center bottom;
}
@keyframes flash{
  from,
  50%,
  to{
    opacity:1;
  }

  25%,
  75%{
    opacity:0;
  }
}
.animate__flash{
  animation-name:flash;
}
@keyframes pulse{
  from{
    transform:scale3d(1, 1, 1);
  }

  50%{
    transform:scale3d(1.05, 1.05, 1.05);
  }

  to{
    transform:scale3d(1, 1, 1);
  }
}
.animate__pulse{
  animation-name:pulse;
  animation-timing-function:ease-in-out;
}
@keyframes rubberBand{
  from{
    transform:scale3d(1, 1, 1);
  }

  30%{
    transform:scale3d(1.25, 0.75, 1);
  }

  40%{
    transform:scale3d(0.75, 1.25, 1);
  }

  50%{
    transform:scale3d(1.15, 0.85, 1);
  }

  65%{
    transform:scale3d(0.95, 1.05, 1);
  }

  75%{
    transform:scale3d(1.05, 0.95, 1);
  }

  to{
    transform:scale3d(1, 1, 1);
  }
}
.animate__rubberBand{
  animation-name:rubberBand;
}
@keyframes shakeX{
  from,
  to{
    transform:translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90%{
    transform:translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80%{
    transform:translate3d(10px, 0, 0);
  }
}
.animate__shakeX{
  animation-name:shakeX;
}
@keyframes shakeY{
  from,
  to{
    transform:translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90%{
    transform:translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80%{
    transform:translate3d(0, 10px, 0);
  }
}
.animate__shakeY{
  animation-name:shakeY;
}
@keyframes headShake{
  0%{
    transform:translateX(0);
  }

  6.5%{
    transform:translateX(-6px) rotateY(-9deg);
  }

  18.5%{
    transform:translateX(5px) rotateY(7deg);
  }

  31.5%{
    transform:translateX(-3px) rotateY(-5deg);
  }

  43.5%{
    transform:translateX(2px) rotateY(3deg);
  }

  50%{
    transform:translateX(0);
  }
}
.animate__headShake{
  animation-timing-function:ease-in-out;
  animation-name:headShake;
}
@keyframes swing{
  20%{
    transform:rotate3d(0, 0, 1, 15deg);
  }

  40%{
    transform:rotate3d(0, 0, 1, -10deg);
  }

  60%{
    transform:rotate3d(0, 0, 1, 5deg);
  }

  80%{
    transform:rotate3d(0, 0, 1, -5deg);
  }

  to{
    transform:rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing{
  transform-origin:top center;
  animation-name:swing;
}
@keyframes tada{
  from{
    transform:scale3d(1, 1, 1);
  }

  10%,
  20%{
    transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90%{
    transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80%{
    transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to{
    transform:scale3d(1, 1, 1);
  }
}
.animate__tada{
  animation-name:tada;
}
@keyframes wobble{
  from{
    transform:translate3d(0, 0, 0);
  }

  15%{
    transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30%{
    transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45%{
    transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60%{
    transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75%{
    transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__wobble{
  animation-name:wobble;
}
@keyframes jello{
  from,
  11.1%,
  to{
    transform:translate3d(0, 0, 0);
  }

  22.2%{
    transform:skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3%{
    transform:skewX(6.25deg) skewY(6.25deg);
  }

  44.4%{
    transform:skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5%{
    transform:skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6%{
    transform:skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7%{
    transform:skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8%{
    transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello{
  animation-name:jello;
  transform-origin:center;
}
@keyframes heartBeat{
  0%{
    transform:scale(1);
  }

  14%{
    transform:scale(1.3);
  }

  28%{
    transform:scale(1);
  }

  42%{
    transform:scale(1.3);
  }

  70%{
    transform:scale(1);
  }
}
.animate__heartBeat{
  animation-name:heartBeat;
  animation-duration:calc(1s * 1.3);
  animation-duration:calc(var(--animate-duration) * 1.3);
  animation-timing-function:ease-in-out;
}
@keyframes backInDown{
  0%{
    transform:translateY(-1200px) scale(0.7);
    opacity:0.7;
  }

  80%{
    transform:translateY(0px) scale(0.7);
    opacity:0.7;
  }

  100%{
    transform:scale(1);
    opacity:1;
  }
}
.animate__backInDown{
  animation-name:backInDown;
}
@keyframes backInLeft{
  0%{
    transform:translateX(-2000px) scale(0.7);
    opacity:0.7;
  }

  80%{
    transform:translateX(0px) scale(0.7);
    opacity:0.7;
  }

  100%{
    transform:scale(1);
    opacity:1;
  }
}
.animate__backInLeft{
  animation-name:backInLeft;
}
@keyframes backInRight{
  0%{
    transform:translateX(2000px) scale(0.7);
    opacity:0.7;
  }

  80%{
    transform:translateX(0px) scale(0.7);
    opacity:0.7;
  }

  100%{
    transform:scale(1);
    opacity:1;
  }
}
.animate__backInRight{
  animation-name:backInRight;
}
@keyframes backInUp{
  0%{
    transform:translateY(1200px) scale(0.7);
    opacity:0.7;
  }

  80%{
    transform:translateY(0px) scale(0.7);
    opacity:0.7;
  }

  100%{
    transform:scale(1);
    opacity:1;
  }
}
.animate__backInUp{
  animation-name:backInUp;
}
@keyframes backOutDown{
  0%{
    transform:scale(1);
    opacity:1;
  }

  20%{
    transform:translateY(0px) scale(0.7);
    opacity:0.7;
  }

  100%{
    transform:translateY(700px) scale(0.7);
    opacity:0.7;
  }
}
.animate__backOutDown{
  animation-name:backOutDown;
}
@keyframes backOutLeft{
  0%{
    transform:scale(1);
    opacity:1;
  }

  20%{
    transform:translateX(0px) scale(0.7);
    opacity:0.7;
  }

  100%{
    transform:translateX(-2000px) scale(0.7);
    opacity:0.7;
  }
}
.animate__backOutLeft{
  animation-name:backOutLeft;
}
@keyframes backOutRight{
  0%{
    transform:scale(1);
    opacity:1;
  }

  20%{
    transform:translateX(0px) scale(0.7);
    opacity:0.7;
  }

  100%{
    transform:translateX(2000px) scale(0.7);
    opacity:0.7;
  }
}
.animate__backOutRight{
  animation-name:backOutRight;
}
@keyframes backOutUp{
  0%{
    transform:scale(1);
    opacity:1;
  }

  20%{
    transform:translateY(0px) scale(0.7);
    opacity:0.7;
  }

  100%{
    transform:translateY(-700px) scale(0.7);
    opacity:0.7;
  }
}
.animate__backOutUp{
  animation-name:backOutUp;
}
@keyframes bounceIn{
  from,
  20%,
  40%,
  60%,
  80%,
  to{
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0%{
    opacity:0;
    transform:scale3d(0.3, 0.3, 0.3);
  }

  20%{
    transform:scale3d(1.1, 1.1, 1.1);
  }

  40%{
    transform:scale3d(0.9, 0.9, 0.9);
  }

  60%{
    opacity:1;
    transform:scale3d(1.03, 1.03, 1.03);
  }

  80%{
    transform:scale3d(0.97, 0.97, 0.97);
  }

  to{
    opacity:1;
    transform:scale3d(1, 1, 1);
  }
}
.animate__bounceIn{
  animation-duration:calc(1s * 0.75);
  animation-duration:calc(var(--animate-duration) * 0.75);
  animation-name:bounceIn;
}
@keyframes bounceInDown{
  from,
  60%,
  75%,
  90%,
  to{
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0%{
    opacity:0;
    transform:translate3d(0, -3000px, 0) scaleY(3);
  }

  60%{
    opacity:1;
    transform:translate3d(0, 25px, 0) scaleY(0.9);
  }

  75%{
    transform:translate3d(0, -10px, 0) scaleY(0.95);
  }

  90%{
    transform:translate3d(0, 5px, 0) scaleY(0.985);
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__bounceInDown{
  animation-name:bounceInDown;
}
@keyframes bounceInLeft{
  from,
  60%,
  75%,
  90%,
  to{
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0%{
    opacity:0;
    transform:translate3d(-3000px, 0, 0) scaleX(3);
  }

  60%{
    opacity:1;
    transform:translate3d(25px, 0, 0) scaleX(1);
  }

  75%{
    transform:translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90%{
    transform:translate3d(5px, 0, 0) scaleX(0.995);
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft{
  animation-name:bounceInLeft;
}
@keyframes bounceInRight{
  from,
  60%,
  75%,
  90%,
  to{
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from{
    opacity:0;
    transform:translate3d(3000px, 0, 0) scaleX(3);
  }

  60%{
    opacity:1;
    transform:translate3d(-25px, 0, 0) scaleX(1);
  }

  75%{
    transform:translate3d(10px, 0, 0) scaleX(0.98);
  }

  90%{
    transform:translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__bounceInRight{
  animation-name:bounceInRight;
}
@keyframes bounceInUp{
  from,
  60%,
  75%,
  90%,
  to{
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from{
    opacity:0;
    transform:translate3d(0, 3000px, 0) scaleY(5);
  }

  60%{
    opacity:1;
    transform:translate3d(0, -20px, 0) scaleY(0.9);
  }

  75%{
    transform:translate3d(0, 10px, 0) scaleY(0.95);
  }

  90%{
    transform:translate3d(0, -5px, 0) scaleY(0.985);
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__bounceInUp{
  animation-name:bounceInUp;
}
@keyframes bounceOut{
  20%{
    transform:scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55%{
    opacity:1;
    transform:scale3d(1.1, 1.1, 1.1);
  }

  to{
    opacity:0;
    transform:scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut{
  animation-duration:calc(1s * 0.75);
  animation-duration:calc(var(--animate-duration) * 0.75);
  animation-name:bounceOut;
}
@keyframes bounceOutDown{
  20%{
    transform:translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45%{
    opacity:1;
    transform:translate3d(0, -20px, 0) scaleY(0.9);
  }

  to{
    opacity:0;
    transform:translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown{
  animation-name:bounceOutDown;
}
@keyframes bounceOutLeft{
  20%{
    opacity:1;
    transform:translate3d(20px, 0, 0) scaleX(0.9);
  }

  to{
    opacity:0;
    transform:translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft{
  animation-name:bounceOutLeft;
}
@keyframes bounceOutRight{
  20%{
    opacity:1;
    transform:translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to{
    opacity:0;
    transform:translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight{
  animation-name:bounceOutRight;
}
@keyframes bounceOutUp{
  20%{
    transform:translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45%{
    opacity:1;
    transform:translate3d(0, 20px, 0) scaleY(0.9);
  }

  to{
    opacity:0;
    transform:translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp{
  animation-name:bounceOutUp;
}
@keyframes fadeIn{
  from{
    opacity:0;
  }

  to{
    opacity:1;
  }
}
.animate__fadeIn{
  animation-name:fadeIn;
}
@keyframes fadeInDown{
  from{
    opacity:0;
    transform:translate3d(0, -100%, 0);
  }

  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInDown{
  animation-name:fadeInDown;
}
@keyframes fadeInDownBig{
  from{
    opacity:0;
    transform:translate3d(0, -2000px, 0);
  }

  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig{
  animation-name:fadeInDownBig;
}
@keyframes fadeInLeft{
  from{
    opacity:0;
    transform:translate3d(-100%, 0, 0);
  }

  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft{
  animation-name:fadeInLeft;
}
@keyframes fadeInLeftBig{
  from{
    opacity:0;
    transform:translate3d(-2000px, 0, 0);
  }

  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig{
  animation-name:fadeInLeftBig;
}
@keyframes fadeInRight{
  from{
    opacity:0;
    transform:translate3d(100%, 0, 0);
  }

  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInRight{
  animation-name:fadeInRight;
}
@keyframes fadeInRightBig{
  from{
    opacity:0;
    transform:translate3d(2000px, 0, 0);
  }

  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig{
  animation-name:fadeInRightBig;
}
@keyframes fadeInUp{
  from{
    opacity:0;
    transform:translate3d(0, 100%, 0);
  }

  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInUp{
  animation-name:fadeInUp;
}
@keyframes fadeInUpBig{
  from{
    opacity:0;
    transform:translate3d(0, 2000px, 0);
  }

  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig{
  animation-name:fadeInUpBig;
}
@keyframes fadeInTopLeft{
  from{
    opacity:0;
    transform:translate3d(-100%, -100%, 0);
  }
  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft{
  animation-name:fadeInTopLeft;
}
@keyframes fadeInTopRight{
  from{
    opacity:0;
    transform:translate3d(100%, -100%, 0);
  }
  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight{
  animation-name:fadeInTopRight;
}
@keyframes fadeInBottomLeft{
  from{
    opacity:0;
    transform:translate3d(-100%, 100%, 0);
  }
  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft{
  animation-name:fadeInBottomLeft;
}
@keyframes fadeInBottomRight{
  from{
    opacity:0;
    transform:translate3d(100%, 100%, 0);
  }
  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight{
  animation-name:fadeInBottomRight;
}
@keyframes fadeOut{
  from{
    opacity:1;
  }

  to{
    opacity:0;
  }
}
.animate__fadeOut{
  animation-name:fadeOut;
}
@keyframes fadeOutDown{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    transform:translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown{
  animation-name:fadeOutDown;
}
@keyframes fadeOutDownBig{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    transform:translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig{
  animation-name:fadeOutDownBig;
}
@keyframes fadeOutLeft{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    transform:translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft{
  animation-name:fadeOutLeft;
}
@keyframes fadeOutLeftBig{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    transform:translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig{
  animation-name:fadeOutLeftBig;
}
@keyframes fadeOutRight{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    transform:translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight{
  animation-name:fadeOutRight;
}
@keyframes fadeOutRightBig{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    transform:translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig{
  animation-name:fadeOutRightBig;
}
@keyframes fadeOutUp{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    transform:translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp{
  animation-name:fadeOutUp;
}
@keyframes fadeOutUpBig{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    transform:translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig{
  animation-name:fadeOutUpBig;
}
@keyframes fadeOutTopLeft{
  from{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
  to{
    opacity:0;
    transform:translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft{
  animation-name:fadeOutTopLeft;
}
@keyframes fadeOutTopRight{
  from{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
  to{
    opacity:0;
    transform:translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight{
  animation-name:fadeOutTopRight;
}
@keyframes fadeOutBottomRight{
  from{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
  to{
    opacity:0;
    transform:translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight{
  animation-name:fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft{
  from{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
  to{
    opacity:0;
    transform:translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft{
  animation-name:fadeOutBottomLeft;
}
@keyframes flip{
  from{
    transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function:ease-out;
  }

  40%{
    transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function:ease-out;
  }

  50%{
    transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function:ease-in;
  }

  80%{
    transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function:ease-in;
  }

  to{
    transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function:ease-in;
  }
}
.animate__animated.animate__flip{
  backface-visibility:visible;
  animation-name:flip;
}
@keyframes flipInX{
  from{
    transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function:ease-in;
    opacity:0;
  }

  40%{
    transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function:ease-in;
  }

  60%{
    transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity:1;
  }

  80%{
    transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to{
    transform:perspective(400px);
  }
}
.animate__flipInX{
  backface-visibility:visible !important;
  animation-name:flipInX;
}
@keyframes flipInY{
  from{
    transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function:ease-in;
    opacity:0;
  }

  40%{
    transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function:ease-in;
  }

  60%{
    transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity:1;
  }

  80%{
    transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to{
    transform:perspective(400px);
  }
}
.animate__flipInY{
  backface-visibility:visible !important;
  animation-name:flipInY;
}
@keyframes flipOutX{
  from{
    transform:perspective(400px);
  }

  30%{
    transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity:1;
  }

  to{
    transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity:0;
  }
}
.animate__flipOutX{
  animation-duration:calc(1s * 0.75);
  animation-duration:calc(var(--animate-duration) * 0.75);
  animation-name:flipOutX;
  backface-visibility:visible !important;
}
@keyframes flipOutY{
  from{
    transform:perspective(400px);
  }

  30%{
    transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity:1;
  }

  to{
    transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity:0;
  }
}
.animate__flipOutY{
  animation-duration:calc(1s * 0.75);
  animation-duration:calc(var(--animate-duration) * 0.75);
  backface-visibility:visible !important;
  animation-name:flipOutY;
}
@keyframes lightSpeedInRight{
  from{
    transform:translate3d(100%, 0, 0) skewX(-30deg);
    opacity:0;
  }

  60%{
    transform:skewX(20deg);
    opacity:1;
  }

  80%{
    transform:skewX(-5deg);
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight{
  animation-name:lightSpeedInRight;
  animation-timing-function:ease-out;
}
@keyframes lightSpeedInLeft{
  from{
    transform:translate3d(-100%, 0, 0) skewX(30deg);
    opacity:0;
  }

  60%{
    transform:skewX(-20deg);
    opacity:1;
  }

  80%{
    transform:skewX(5deg);
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft{
  animation-name:lightSpeedInLeft;
  animation-timing-function:ease-out;
}
@keyframes lightSpeedOutRight{
  from{
    opacity:1;
  }

  to{
    transform:translate3d(100%, 0, 0) skewX(30deg);
    opacity:0;
  }
}
.animate__lightSpeedOutRight{
  animation-name:lightSpeedOutRight;
  animation-timing-function:ease-in;
}
@keyframes lightSpeedOutLeft{
  from{
    opacity:1;
  }

  to{
    transform:translate3d(-100%, 0, 0) skewX(-30deg);
    opacity:0;
  }
}
.animate__lightSpeedOutLeft{
  animation-name:lightSpeedOutLeft;
  animation-timing-function:ease-in;
}
@keyframes rotateIn{
  from{
    transform:rotate3d(0, 0, 1, -200deg);
    opacity:0;
  }

  to{
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
.animate__rotateIn{
  animation-name:rotateIn;
  transform-origin:center;
}
@keyframes rotateInDownLeft{
  from{
    transform:rotate3d(0, 0, 1, -45deg);
    opacity:0;
  }

  to{
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
.animate__rotateInDownLeft{
  animation-name:rotateInDownLeft;
  transform-origin:left bottom;
}
@keyframes rotateInDownRight{
  from{
    transform:rotate3d(0, 0, 1, 45deg);
    opacity:0;
  }

  to{
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
.animate__rotateInDownRight{
  animation-name:rotateInDownRight;
  transform-origin:right bottom;
}
@keyframes rotateInUpLeft{
  from{
    transform:rotate3d(0, 0, 1, 45deg);
    opacity:0;
  }

  to{
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
.animate__rotateInUpLeft{
  animation-name:rotateInUpLeft;
  transform-origin:left bottom;
}
@keyframes rotateInUpRight{
  from{
    transform:rotate3d(0, 0, 1, -90deg);
    opacity:0;
  }

  to{
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
.animate__rotateInUpRight{
  animation-name:rotateInUpRight;
  transform-origin:right bottom;
}
@keyframes rotateOut{
  from{
    opacity:1;
  }

  to{
    transform:rotate3d(0, 0, 1, 200deg);
    opacity:0;
  }
}
.animate__rotateOut{
  animation-name:rotateOut;
  transform-origin:center;
}
@keyframes rotateOutDownLeft{
  from{
    opacity:1;
  }

  to{
    transform:rotate3d(0, 0, 1, 45deg);
    opacity:0;
  }
}
.animate__rotateOutDownLeft{
  animation-name:rotateOutDownLeft;
  transform-origin:left bottom;
}
@keyframes rotateOutDownRight{
  from{
    opacity:1;
  }

  to{
    transform:rotate3d(0, 0, 1, -45deg);
    opacity:0;
  }
}
.animate__rotateOutDownRight{
  animation-name:rotateOutDownRight;
  transform-origin:right bottom;
}
@keyframes rotateOutUpLeft{
  from{
    opacity:1;
  }

  to{
    transform:rotate3d(0, 0, 1, -45deg);
    opacity:0;
  }
}
.animate__rotateOutUpLeft{
  animation-name:rotateOutUpLeft;
  transform-origin:left bottom;
}
@keyframes rotateOutUpRight{
  from{
    opacity:1;
  }

  to{
    transform:rotate3d(0, 0, 1, 90deg);
    opacity:0;
  }
}
.animate__rotateOutUpRight{
  animation-name:rotateOutUpRight;
  transform-origin:right bottom;
}
@keyframes hinge{
  0%{
    animation-timing-function:ease-in-out;
  }

  20%,
  60%{
    transform:rotate3d(0, 0, 1, 80deg);
    animation-timing-function:ease-in-out;
  }

  40%,
  80%{
    transform:rotate3d(0, 0, 1, 60deg);
    animation-timing-function:ease-in-out;
    opacity:1;
  }

  to{
    transform:translate3d(0, 700px, 0);
    opacity:0;
  }
}
.animate__hinge{
  animation-duration:calc(1s * 2);
  animation-duration:calc(var(--animate-duration) * 2);
  animation-name:hinge;
  transform-origin:top left;
}
@keyframes jackInTheBox{
  from{
    opacity:0;
    transform:scale(0.1) rotate(30deg);
    transform-origin:center bottom;
  }

  50%{
    transform:rotate(-10deg);
  }

  70%{
    transform:rotate(3deg);
  }

  to{
    opacity:1;
    transform:scale(1);
  }
}
.animate__jackInTheBox{
  animation-name:jackInTheBox;
}
@keyframes rollIn{
  from{
    opacity:0;
    transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
.animate__rollIn{
  animation-name:rollIn;
}
@keyframes rollOut{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut{
  animation-name:rollOut;
}
@keyframes zoomIn{
  from{
    opacity:0;
    transform:scale3d(0.3, 0.3, 0.3);
  }

  50%{
    opacity:1;
  }
}
.animate__zoomIn{
  animation-name:zoomIn;
}
@keyframes zoomInDown{
  from{
    opacity:0;
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60%{
    opacity:1;
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown{
  animation-name:zoomInDown;
}
@keyframes zoomInLeft{
  from{
    opacity:0;
    transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60%{
    opacity:1;
    transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft{
  animation-name:zoomInLeft;
}
@keyframes zoomInRight{
  from{
    opacity:0;
    transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60%{
    opacity:1;
    transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight{
  animation-name:zoomInRight;
}
@keyframes zoomInUp{
  from{
    opacity:0;
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60%{
    opacity:1;
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp{
  animation-name:zoomInUp;
}
@keyframes zoomOut{
  from{
    opacity:1;
  }

  50%{
    opacity:0;
    transform:scale3d(0.3, 0.3, 0.3);
  }

  to{
    opacity:0;
  }
}
.animate__zoomOut{
  animation-name:zoomOut;
}
@keyframes zoomOutDown{
  40%{
    opacity:1;
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to{
    opacity:0;
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown{
  animation-name:zoomOutDown;
  transform-origin:center bottom;
}
@keyframes zoomOutLeft{
  40%{
    opacity:1;
    transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to{
    opacity:0;
    transform:scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft{
  animation-name:zoomOutLeft;
  transform-origin:left center;
}
@keyframes zoomOutRight{
  40%{
    opacity:1;
    transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to{
    opacity:0;
    transform:scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight{
  animation-name:zoomOutRight;
  transform-origin:right center;
}
@keyframes zoomOutUp{
  40%{
    opacity:1;
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to{
    opacity:0;
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp{
  animation-name:zoomOutUp;
  transform-origin:center bottom;
}
@keyframes slideInDown{
  from{
    transform:translate3d(0, -100%, 0);
    visibility:visible;
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__slideInDown{
  animation-name:slideInDown;
}
@keyframes slideInLeft{
  from{
    transform:translate3d(-100%, 0, 0);
    visibility:visible;
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__slideInLeft{
  animation-name:slideInLeft;
}
@keyframes slideInRight{
  from{
    transform:translate3d(100%, 0, 0);
    visibility:visible;
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__slideInRight{
  animation-name:slideInRight;
}
@keyframes slideInUp{
  from{
    transform:translate3d(0, 100%, 0);
    visibility:visible;
  }

  to{
    transform:translate3d(0, 0, 0);
  }
}
.animate__slideInUp{
  animation-name:slideInUp;
}
@keyframes slideOutDown{
  from{
    transform:translate3d(0, 0, 0);
  }

  to{
    visibility:hidden;
    transform:translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown{
  animation-name:slideOutDown;
}
@keyframes slideOutLeft{
  from{
    transform:translate3d(0, 0, 0);
  }

  to{
    visibility:hidden;
    transform:translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft{
  animation-name:slideOutLeft;
}
@keyframes slideOutRight{
  from{
    transform:translate3d(0, 0, 0);
  }

  to{
    visibility:hidden;
    transform:translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight{
  animation-name:slideOutRight;
}
@keyframes slideOutUp{
  from{
    transform:translate3d(0, 0, 0);
  }

  to{
    visibility:hidden;
    transform:translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp{
  animation-name:slideOutUp;
}
.backDown-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:backInDown;
}
.backDown-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:backOutDown;
}
.backLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:backInLeft;
}
.backLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:backOutLeft;
}
.backRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:backInRight;
}
.backRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:backOutRight;
}
.backUp-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:backInUp;
}
.backUp-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:backOutUp;
}
.bounce-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceIn;
}
.bounce-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceOut;
}
.bounceDown-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceInDown;
}
.bounceDown-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceOutDown;
}
.bounceLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceInLeft;
}
.bounceLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceOutLeft;
}
.bounceRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceInRight;
}
.bounceRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceOutRight;
}
.bounceUp-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceInUp;
}
.bounceUp-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:bounceOutUp;
}
.fade-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeIn;
}
.fade-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOut;
}
.fadeBottomLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInBottomLeft;
}
.fadeBottomLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutBottomLeft;
}
.fadeBottomRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInBottomRight;
}
.fadeBottomRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutBottomRight;
}
.fadeDown-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInDown;
}
.fadeDown-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutDown;
}
.fadeDownBig-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInDownBig;
}
.fadeDownBig-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutDownBig;
}
.fadeLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInLeft;
}
.fadeLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutLeft;
}
.fadeLeftBig-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInLeftBig;
}
.fadeLeftBig-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutLeftBig;
}
.fadeRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInRight;
}
.fadeRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutRight;
}
.fadeRightBig-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInRightBig;
}
.fadeRightBig-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutRightBig;
}
.fadeTopLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInTopLeft;
}
.fadeTopLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutTopLeft;
}
.fadeTopRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInTopRight;
}
.fadeTopRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutTopRight;
}
.fadeUp-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInUp;
}
.fadeUp-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutUp;
}
.fadeUpBig-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeInUpBig;
}
.fadeUpBig-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:fadeOutUpBig;
}
.flip-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:flip;
}
.flipX-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:flipInX;
}
.flipX-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:flipOutX;
}
.flipY-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:flipInY;
}
.flipY-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:flipOutY;
}
.lightSpeedLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:lightSpeedInLeft;
}
.lightSpeedLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:lightSpeedOutLeft;
}
.lightSpeedRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:lightSpeedInRight;
}
.lightSpeedRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:lightSpeedOutRight;
}
.rotate-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateIn;
}
.rotate-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateOut;
}
.rotateDownLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateInDownLeft;
}
.rotateDownLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateOutDownLeft;
}
.rotateDownRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateInDownRight;
}
.rotateDownRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateOutDownRight;
}
.rotateUpLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateInUpLeft;
}
.rotateUpLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateOutUpLeft;
}
.rotateUpRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateInUpRight;
}
.rotateUpRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rotateOutUpRight;
}
.slideDown-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:slideInDown;
}
.slideDown-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:slideOutDown;
}
.slideLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:slideInLeft;
}
.slideLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:slideOutLeft;
}
.slideRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:slideInRight;
}
.slideRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:slideOutRight;
}
.slideUp-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:slideInUp;
}
.slideUp-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:slideOutUp;
}
.roll-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rollIn;
}
.roll-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:rollOut;
}
.zoom-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomIn;
}
.zoom-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomOut;
}
.zoomDown-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomInDown;
}
.zoomDown-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomOutDown;
}
.zoomLeft-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomInLeft;
}
.zoomLeft-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomOutLeft;
}
.zoomRight-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomInRight;
}
.zoomRight-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomOutRight;
}
.zoomUp-enter-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomInUp;
}
.zoomUp-leave-active{
  animation-duration:var(--animate-duration);
  animation-delay:var(--animate-delay);
  animation-iteration-count:var(--animate-repeat);
  animation-fill-mode:both;
  animation-name:zoomOutUp;
}

.premium-constructor__fields{display:flex;align-items:flex-end;gap:128px}@media (max-width:1023px){.premium-constructor__fields{display:block}}.premium-constructor__tariff{border-radius:20px;padding:60px 32px 32px 32px;position:relative;margin-top:64px;width:1120px;transition:opacity .2s}@media (max-width:1023px){.premium-constructor__tariff{padding:48px 0 20px 16px;margin-top:32px;width:100%}.premium-constructor__tariff::after{content:'';position:absolute;width:94px;height:100%;right:-94px;top:0;vertical-align:middle;z-index:20;box-shadow:-53px 15px 35px -27px #f3e9e5}}.premium-constructor__tariff:first-child{padding-top:32px}@media (max-width:1023px){.premium-constructor__tariff:first-child{padding-top:20px}}.premium-constructor__tariff_premium-light{background-color:#f3e9e5;z-index:3}.premium-constructor__tariff_premium{background-color:#e9dbd5;margin-top:-30px;z-index:2}.premium-constructor__tariff_disabled .premium-constructor__card{opacity:.6}.premium-constructor__tariff_premium-plus{background-color:#dfcfc8;margin-top:-30px;z-index:1}.premium-constructor__card-list{display:flex;gap:20px}@media (max-width:1023px){.premium-constructor__card-list{gap:initial;padding-inline:16px}}.premium-constructor__card{display:flex;flex-direction:column;flex-grow:1;gap:8px;width:160px;background-color:#fff;border-radius:20px;padding:16px;cursor:pointer;transition:box-shadow .35s}@media (max-width:1023px){.premium-constructor__card{min-width:220px;flex-direction:row;align-items:center;padding:8px 16px}}.premium-constructor__card:hover{box-shadow:0 13px 30px 0 rgba(50,49,46,0.13)}@media (max-width:1023px){.premium-constructor__card:hover{box-shadow:none}}.premium-constructor__card-content{display:flex;flex-direction:column;gap:4px}@media (max-width:1023px){.premium-constructor__card-content{justify-content:center}}.premium-constructor__card-image{width:48px;height:48px}.premium-constructor__divider{border-color:#e4e8ed;border-top:0}.premium-slider .swiper-pagination{display:none}@media (max-width:1023px){.premium-slider .swiper-pagination{position:static;display:flex;justify-content:center;gap:6px;margin-top:16px}}.premium-slider .swiper-pagination-bullet{background:#86868a;width:6px;height:6px;margin:0 !important}.premium-slider .swiper-pagination-bullet-active{background:#dd0a34}@media (max-width:1023px){.premium-slider .swiper-container{overflow:hidden;margin-left:-16px;padding-right:32px}}