@keyframes flipAnimation {
  0% {
    transform: translate(var(--posDeltaX), var(--posDeltaY)) scale(var(--sizeDeltaX), var(--sizeDeltaY));
  }
  100% {
    transform: none;
  }
}
@keyframes flipTranslate {
  0% {
    transform: translate(var(--posDeltaX), var(--posDeltaY));
  }
  100% {
    transform: none;
  }
}
.flipAnimate {
  animation-name: flipAnimation;
  animation-duration: var(--duration);
  animation-timing-function: var(--timingFunction);
  animation-play-state: running;
  animation-fill-mode: none;
  transform-origin: top left;
  transform: translate(var(--posDeltaX), var(--posDeltaY)) scale(var(--sizeDeltaX), var(--sizeDeltaY));
}

.flipTranslate {
  animation-name: flipTranslate;
  animation-duration: var(--duration);
  animation-timing-function: var(--timingFunction);
  animation-play-state: running;
  animation-fill-mode: none;
  transform-origin: top left;
  transform: translate(var(--posDeltaX), var(--posDeltaY));
}/*# sourceMappingURL=flipAnimation.css.map */