/* 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;
  }
}