.rapidmd_fade,
.rapidmd_to_left,
.rapidmd_to_right {
  opacity: 0;
}

.rapidmd_fade.rapidmd_fade__play {
  opacity: 1;
  animation-name: fade_block;
  animation-duration: 1s;
}

.rapidmd_to_left.rapidmd_to_left__play {
  opacity: 1;
  animation-name: to_left;
  animation-duration: 1s;
}

.rapidmd_to_right.rapidmd_to_right__play {
  opacity: 1;
  animation-name: to_right;
  animation-duration: 1s;
}

@keyframes fade_block {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes to_left {
  0% {
    opacity: 0;
    transform: translate(-15%);
  }

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

@keyframes to_right {
  0% {
    opacity: 0;
    transform: translate(15%);
  }

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