/* agents/products/received.html.erb - page-wrap/hero-line entrance now come
   from the shared .page-fade-up/.page-hero-line in application.css. */
.received-checkpoint-icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.received-timeline-item {
  animation: fade-up-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.received-timeline-item:nth-child(1) { animation-delay: 0.1s; }
.received-timeline-item:nth-child(2) { animation-delay: 0.2s; }
.received-timeline-item:nth-child(3) { animation-delay: 0.3s; }
.received-timeline-item:nth-child(4) { animation-delay: 0.4s; }
.received-upsell {
  animation: fade-up-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.5s both;
}
@media (prefers-reduced-motion: reduce) {
  .received-timeline-item,
  .received-upsell {
    animation: none;
  }
}