@keyframes record-card-added {
  from {
    opacity: 0;
    transform: translateY(var(--space-sm));
  }
}

.record-card--just-added {
  animation: record-card-added 240ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .record-card--just-added {
    animation: none;
  }
}