body {
}


@keyframes scale-easeInOutBounce {
  0% {
    transform: scale(1);
  }

  2% {
    transform: scale(0.99);
  }

  4% {
    transform: scale(1);
  }

  10% {
    transform: scale(0.97);
  }

  14% {
    transform: scale(0.99);
  }

  22% {
    transform: scale(0.88);
  }

  32% {
    transform: scale(0.99);
  }

  42% {
    transform: scale(0.6);
  }

  50% {
    transform: scale(0.5);
  }

  58% {
    transform: scale(0.4);
  }

  68% {
    transform: scale(0.01);
  }

  78% {
    transform: scale(0.12);
  }

  86% {
    transform: scale(0.01);
  }

  90% {
    transform: scale(0.03);
  }

  96% {
    transform: scale(0);
  }

  98% {
    transform: scale(0.01);
  }

  100% {
    transform: scale(0);
  }
}



@keyframes scale-easeInOutBounce-Inverse {
  0% {
    transform: scale(0.0);
  }

  2% {
    transform: scale(0.01);
  }

  4% {
    transform: scale(0.0);
  }

  10% {
    transform: scale(0.03);
  }

  14% {
    transform: scale(0.01);
  }

  22% {
    transform: scale(0.12);
  }

  32% {
    transform: scale(0.01);
  }

  42% {
    transform: scale(0.4);
  }

  50% {
    transform: scale(0.5);
  }

  58% {
    transform: scale(0.6);
  }

  68% {
    transform: scale(0.99);
  }

  78% {
    transform: scale(0.88);
  }

  86% {
    transform: scale(0.99);
  }

  90% {
    transform: scale(0.97);
  }

  96% {
    transform: scale(1.0);
  }

  98% {
    transform: scale(0.99);
  }

  100% {
    transform: scale(1.0);
  }
}




@keyframes undefined-easeInOutBounce {
  0% {
  /*transform: translateX(0%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.0));
  }

  2% {
    /*transform: translateX(-0.77%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.0077));
  }

  4% {
    /*transform: translateX(-0.33%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.0033));
  }

  10% {
    /* transform: translateX(-3%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.03));
  }

  14% {
    /*transform: translateX(-0.98%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.098));
  }

  22% {
    /*transform: translateX(-12.42%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.1242));
  }

  32% {
    /*transform: translateX(-1%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.01));
  }

  42% {
    /*transform: translateX(-40.32%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.4032));
  }

  50% {
    /*transform: translateX(-50%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.5));
  }

  58% {
    /*transform: translateX(-59.68%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.5968));
  }

  68% {
    /*transform: translateX(-99.01%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.9901));
  }

  78% {
    /*transform: translateX(-87.58%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.8758));
  }

  86% {
    /*transform: translateX(-99.02%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.9902));
  }

  90% {
    /*transform: translateX(-97%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.97));
  }

  96% {
    /* transform: translateX(-99.67%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.9967));
  }

  98% {
    /*transform: translateX(-99.23%);*/
    transform: translateX(calc(var(--MoveWidth) * 0.9923));
  }

  100% {
    /*transform: translateX(-100%);*/
    transform: translateX(calc(var(--MoveWidth) * 1.0));
  }
}


@keyframes undefined-easeInOutBounce-Inverse {
  0% {
    transform: translateX(calc(var(--MoveWidth) * 1.0));
  }

  2% {
    transform: translateX(calc(var(--MoveWidth) * 0.9923));
  }

  4% {
    transform: translateX(calc(var(--MoveWidth) * 0.9967));
  }

  10% {
    transform: translateX(calc(var(--MoveWidth) * 0.97));
  }

  14% {
    transform: translateX(calc(var(--MoveWidth) * 0.902));
  }

  22% {
    transform: translateX(calc(var(--MoveWidth) * 0.8758));
  }

  32% {
    transform: translateX(calc(var(--MoveWidth) * 0.99));
  }

  42% {
    transform: translateX(calc(var(--MoveWidth) * 0.5977));
  }

  50% {
    transform: translateX(calc(var(--MoveWidth) * 0.5));
  }

  58% {
    transform: translateX(calc(var(--MoveWidth) * 0.4032));
  }

  68% {
    transform: translateX(calc(var(--MoveWidth) * 0.0099));
  }

  78% {
    transform: translateX(calc(var(--MoveWidth) * 0.1242));
  }

  86% {
    transform: translateX(calc(var(--MoveWidth) * 0.0098));
  }

  90% {
    transform: translateX(calc(var(--MoveWidth) * 0.03));
  }

  96% {
    transform: translateX(calc(var(--MoveWidth) * 0.0033));
  }

  98% {
    transform: translateX(calc(var(--MoveWidth) * 0.0077));
  }

  100% {
    transform: translateX(calc(var(--MoveWidth) * 0.0));
  }
}


@keyframes opacity-easeInOutBounce {
  0% {
    opacity: 1;
  }

  2% {
    opacity: 0.99;
  }

  4% {
    opacity: 1;
  }

  10% {
    opacity: 0.97;
  }

  14% {
    opacity: 0.99;
  }

  22% {
    opacity: 0.88;
  }

  32% {
    opacity: 0.99;
  }

  42% {
    opacity: 0.6;
  }

  50% {
    opacity: 0.5;
  }

  58% {
    opacity: 0.4;
  }

  68% {
    opacity: 0.01;
  }

  78% {
    opacity: 0.12;
  }

  86% {
    opacity: 0.01;
  }

  90% {
    opacity: 0.03;
  }

  96% {
    opacity: 0;
  }

  98% {
    opacity: 0.01;
  }

  100% {
    opacity: 0;
  }
}