/* Animation utilities */

.fade-up {
  animation: fadeUp 1s ease forwards;
}

.fade-left {
  animation: fadeLeft 1s ease forwards;
}

.fade-right {
  animation: fadeRight 1s ease forwards;
}

.zoom-in {
  animation: zoomIn 0.9s ease forwards;
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(-24px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(24px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}