@keyframes shimmer {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

@keyframes breathe {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.02);
    opacity: 0.92;
  }
}

@keyframes dropIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-breathe {
  animation: breathe 3s ease-in-out infinite;
}

.animate-drop-in {
  animation: dropIn 300ms var(--ease-decelerate);
}