@keyframes nf-fade-up {
  from {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes nf-visualizer-pulse {
  from {
    transform: scaleY(0.82);
    opacity: 0.72;
  }

  to {
    transform: scaleY(1.08);
    opacity: 1;
  }
}

.has-reveal {
  animation: nf-fade-up 600ms var(--nf-ease-standard) both;
}

.has-reveal[data-reveal-delay="1"] {
  animation-delay: 80ms;
}

.has-reveal[data-reveal-delay="2"] {
  animation-delay: 160ms;
}

.has-reveal[data-reveal-delay="3"] {
  animation-delay: 240ms;
}

@media (prefers-reduced-motion: reduce) {
  .has-reveal {
    animation: none;
  }
}