.foeSprite { --animationDirection: -1; }
.playerSprite { --animationDirection: 1; }

.attackBasic {
  -webkit-animation: attackBasic 50ms linear 2 alternate both;
          animation: attackBasic 50ms linear 2 alternate both;
}
@keyframes attackBasic {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(50% * var(--animationDirection)));
  }
}

.scale-up-bottom {
  -webkit-animation: scale-up-bottom 450ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: scale-up-bottom 450ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@keyframes scale-up-bottom {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  20% {
    transform: scale(1.25);
    transform-origin: 50% 100%;
  }
  80% {
    transform: scale(1.25);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}

.damageFlicker {
  animation: damageFlicker 50ms steps(1, end) 1;
}
@keyframes damageFlicker {
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.uiDamageShake {
  -webkit-animation: uiDamageShake 33ms linear 4 alternate both;
  animation: uiDamageShake 33ms linear 4 alternate both;
}
@keyframes uiDamageShake {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(5px);
  }
}

.FaintAnimation {
  animation: faintAnimation 350ms linear 1 normal forwards;
}
@keyframes faintAnimation {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(100%);
	}
}


/*# sourceMappingURL=/animations.f3d4ade0.css.map */