.closed-event {
  opacity: 0.5;
}
.eventPreview.next-event {
  opacity: 0;
  animation: fadeOut 0.5s forwards;
  display: none;
}
.eventPreview.prev-event {
  opacity: 0;
  animation: fadeIn 0.5s forwards;
  display: none;
}
.eventPreview.visible-event.prev-event,
.eventPreview.visible-event.next-event {
  opacity: 1;
  display: block;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}