.slideInRight {
  opacity: 0;
}
.slideInRight.trig {
  animation: slideInRight 1s normal forwards ease-in-out;
  animation-delay: var(--trig-delay, 0s);
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    translate: 200rem 0;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
.slideInLeft {
  opacity: 0;
}
.slideInLeft.trig {
  animation: slideInLeft 1s normal forwards ease-in-out;
  animation-delay: var(--trig-delay, 0s);
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    translate: -200rem 0;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}