/* rewards/show.html.erb - page-wrap/hero-line entrance now come from the
   shared .page-fade-up/.page-hero-line in application.css. */
.rewards-card {
  animation: fade-up-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.rewards-card:nth-of-type(1) { animation-delay: 0.2s; }
.rewards-card:nth-of-type(2) { animation-delay: 0.35s; }
.rewards-task {
  animation: fade-up-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.rewards-task:nth-child(1) { animation-delay: 0.3s; }
.rewards-task:nth-child(2) { animation-delay: 0.38s; }
.rewards-progress-bar {
  transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .rewards-card,
  .rewards-task {
    animation: none;
  }
  .rewards-progress-bar {
    transition: none;
  }
}

/* shared/_review_prompt.html.erb - reward banner: fades up, gift icon pops. */
.review-reward-banner {
  animation: fade-up-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.review-reward-icon {
  animation: reward-icon-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}
@media (prefers-reduced-motion: reduce) {
  .review-reward-banner,
  .review-reward-icon { animation: none; }
}