@theme {
  --animate-slide-in-left: slide-in-left 0.1s ease-in-out;
  --animate-slide-out-right: slide-out-right 0.1s ease-in-out;

  @keyframes slide-in-left {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0);
    }
  }

  @keyframes slide-out-right {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(100%);
    }
  }
}