@theme {
  --animate-slide-in-up: slide-in-up 0.2s ease-in-out;
  --animate-slide-out-down: slide-out-down 0.2s ease-in-out;

  @keyframes slide-in-up {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }

  @keyframes slide-out-down {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(100%);
    }
  }
}