/* Hide 'Show story'/'Hide story' text */
.sr-only {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Animate overlay in mobile 425 px */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

/* slideInUp */
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    transform: translateZ(0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

/* slideOutDown */
@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }

  100% {
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

/* Animate overlay in desktop 1024 px */

@keyframes fadeInRight {
  0% {
    opacity: 0;
  }

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

.fadeInRight {
  animation-name: fadeInRight;
}

/* fadeOutRight */
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}