﻿

@keyframes scale-easeInElastic {
  0% {
    transform: scale(1);
  }

  4% {
    transform: scale(1);
  }

  8% {
    transform: scale(1);
  }

  14% {
    transform: scale(1);
  }

  18% {
    transform: scale(1);
  }

  26% {
    transform: scale(1.01);
  }

  28% {
    transform: scale(1.01);
  }

  40% {
    transform: scale(0.98);
  }

  42% {
    transform: scale(0.98);
  }

  56% {
    transform: scale(1.05);
  }

  58% {
    transform: scale(1.04);
  }

  72% {
    transform: scale(0.87);
  }

  86% {
    transform: scale(1.37);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes scale-easeInElastic-Inverse {
  0% {
    transform: scale(0);
  }

  4% {
    transform: scale(0);
  }

  8% {
    transform: scale(0);
  }

  14% {
    transform: scale(0);
  }

  18% {
    transform: scale(0);
  }

  26% {
    transform: scale(-0.01);
  }

  28% {
    transform: scale(-0.01);
  }

  40% {
    transform: scale(0.02);
  }

  42% {
    transform: scale(0.02);
  }

  56% {
    transform: scale(-0.05);
  }

  58% {
    transform: scale(-0.04);
  }

  72% {
    transform: scale(0.13);
  }

  86% {
    transform: scale(-0.37);
  }

  100% {
    transform: scale(1);
  }
}


@keyframes undefined-easeInElastic {
  0%
{
  /*
    transform: translateX(0%);
      --value: calc(var(--border-width) * 0.0);
    transform: translateX(var(--value));
      */
  transform: translateX(calc(var(--MoveWidth) * 0.0));
}

4% {
  /*
    transform: translateX(-0.04%);
      --value: calc(var(--border-width) * -0.0004);
    transform: translateX(var(--value));
      */
  transform: translateX(calc(var(--MoveWidth) * 0.00004));
}

8% {
  /*
    transform: translateX(-0.16%);
      --value: calc(var(--border-width) * -0.0016);
    transform: translateX(var(--value));
      */
  transform: translateX(calc(var(--MoveWidth) * -0.00016));
}

14% {
  /*
    transform: translateX(-0.17%);
    transform: translateX(calc(var(--border-width) * -0.17));
    */
  transform: translateX(calc(var(--MoveWidth) * 0.00017));
}

18% {
  /*
      transform: translateX(0.04%);
      transform: translateX(calc(var(--border-width) * 0.04));
      */
  transform: translateX(calc(var(--MoveWidth) * -0.0004));
}

26% {
  /*
    transform: translateX(0.58%);
      transform: translateX(calc(var(--border-width) * 0.58));
      */
  transform: translateX(calc(var(--MoveWidth) * -0.0058));
}

28% {
  /*
    transform: translateX(0.55%);
      transform: translateX(calc(var(--border-width) * 0.55));
    */
  transform: translateX(calc(var(--MoveWidth) * -0.0055));
}

40% {
  /*
    transform: translateX(-1.56%);
      transform: translateX(calc(var(--border-width) * 0.55));
    */
  transform: translateX(calc(var(--MoveWidth) * 0.0156));
}

42% {
  /*
    transform: translateX(-1.64%);
      transform: translateX(calc(var(--border-width) * -0.0164));
    */
  transform: translateX(calc(var(--MoveWidth) * 0.0164));
}

56% {
  /*
    transform: translateX(4.63%);
      transform: translateX(calc(var(--border-width) * 0.0463));
    */
  transform: translateX(calc(var(--MoveWidth) * -0.0463));
}

58% {
  /*
    transform: translateX(4.4%);
      transform: translateX(calc(var(--border-width) * 0.044));
    */
  transform: translateX(calc(var(--MoveWidth) * -0.044));
}

72% {
  /*
    transform: translateX(-13.12%);
      transform: translateX(calc(var(--border-width) * -0.1312));
    --value: calc(var(--MoveWidth) * 0.1312);
    transform: translateX(var(--value));
    */
  transform: translateX(calc(var(--MoveWidth) * 0.1312));
}

86% {
  /*
      transform: translateX(37.06%);
      transform: translateX(calc(var(--border-width) * 0.3706));
    */
  /*--value: calc(var(--MoveWidth)* -0.3706);*/
  /*
    --value: 10%;
    transform: translateX(var(--value));
      */
  transform: translateX(calc(var(--MoveWidth) * -0.3706));
}

100% {
  /*transform: translateX(-100%);*/
  /*--value: -500%;*/
  /* calc(var(--border-width) * -1.0);*/
  /*--value: calc(var(--MoveWidth)* 1.0);*/
  /*transform: translateX(var(--MoveValue_100));*/
  transform: translateX(calc(var(--MoveWidth) * 1.0));
}
}



@keyframes undefined-easeInElastic-Inverse {
  0% {
    transform: translateX(calc(var(--MoveWidth) * 1.0));
  }

  4% {
    transform: translateX(calc(var(--MoveWidth) * 0.999996));
  }

  8% {
    transform: translateX(calc(var(--MoveWidth) * 1.00016));
  }

  14% {
    transform: translateX(calc(var(--MoveWidth) * 0.99983));
  }

  18% {
    transform: translateX(calc(var(--MoveWidth) * 1.0004));
  }

  26% {
    transform: translateX(calc(var(--MoveWidth) * 1.0058));
  }

  28% {
    transform: translateX(calc(var(--MoveWidth) * 1.0055));
  }

  40% {
    transform: translateX(calc(var(--MoveWidth) * 0.9844));
  }

  42% {
    transform: translateX(calc(var(--MoveWidth) * 0.9836));
  }

  56% {
    transform: translateX(calc(var(--MoveWidth) * 1.0463));
  }

  58% {
    transform: translateX(calc(var(--MoveWidth) * 1.044));
  }

  72% {
    transform: translateX(calc(var(--MoveWidth) * 0.8688));
  }

  86% {
    transform: translateX(calc(var(--MoveWidth) * 1.3706));
  }

  100% {
    transform: translateX(calc(var(--MoveWidth) * 0.0));
  }
}




@keyframes opacity-easeInElastic {
  0% {
    opacity: 1;
  }

  4% {
    opacity: 1;
  }

  8% {
    opacity: 1;
  }

  14% {
    opacity: 1;
  }

  18% {
    opacity: 1;
  }

  26% {
    opacity: 1.01;
  }

  28% {
    opacity: 1.01;
  }

  40% {
    opacity: 0.98;
  }

  42% {
    opacity: 0.98;
  }

  56% {
    opacity: 1.05;
  }

  58% {
    opacity: 1.04;
  }

  72% {
    opacity: 0.87;
  }

  86% {
    opacity: 1.37;
  }

  100% {
    opacity: 0;
  }
}