/* Base hidden state */
[data-animate] {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}

/* Fade In */
.animate-fade-in {
  opacity: 1 !important;
  transform: none !important;
}

/* Fade Out */
.animate-fade-out {
  opacity: 0 !important;
  transform: none !important;
}

/* Zoom In */
.animate-zoom-in {
  opacity: 1 !important;
  transform: scale(1) !important;
}
[data-animate="zoom-in"] {
  transform: scale(0.8);
}

/* Zoom Out */
.animate-zoom-out {
  opacity: 0 !important;
  transform: scale(0.8) !important;
}

/* Slide Up */
.animate-slide-up {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
[data-animate="slide-up"] {
  transform: translateY(30px);
}

/* Slide Down */
.animate-slide-down {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
[data-animate="slide-down"] {
  transform: translateY(-30px);
}

/* Slide Left */
.animate-slide-left {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
[data-animate="slide-left"] {
  transform: translateX(30px);
}

/* Slide Right */
.animate-slide-right {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
[data-animate="slide-right"] {
  transform: translateX(-30px);
}