/*  */

@keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  @keyframes slideInFromRight {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  .hidden {
    opacity: 0;
  }
  
  .animate-left {
    animation: slideInFromLeft 1s ease-out forwards;
  }
  
  .animate-right {
    animation: slideInFromRight 1s ease-out forwards;
  }