@theme {
  --animate-zoom-out: animate-zoom-out 0.2s ease-in-out;
  --animate-zoom-in: animate-zoom-in 0.2s ease-in-out;

  @keyframes animate-zoom-in {
    from {
      transform: scale(0);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes animate-zoom-out {
    from {
      transform: scale(1);
      opacity: 1;
    }
    to {
      transform: scale(0);
      opacity: 0;
    }
  }
}