@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

.investigation-card {
  animation: fadeIn 0.4s ease-out both;
}

.investigation-card:nth-child(2) {
  animation-delay: 0.08s;
}

.investigation-card:nth-child(3) {
  animation-delay: 0.16s;
}

@media (prefers-reduced-motion: reduce) {
  [style*="animation:spin"] {
    animation: none !important;
  }

  .investigation-card {
    animation: none;
  }
}