/* Animation classes */
.anim--flashOnce {
  animation: flashOnce 0.5s ease-in;
}

/* Keyframes */
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes loadingShine {
  50% {
    background-position: 150% 0;
  }
  100% {
    background-position: 150% 0;
  }
}

@keyframes flashOnce {
  0% {
    background-color: var(--theme-tenth-opacity-color);
    color: black;
  }

  100% {
    background-color: transparent;
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}