/* ==========================================================================
   invest.com — Animations
   ========================================================================== */

@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@keyframes fadeUp{
  0%{opacity:0;transform:translateY(20px)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{
  0%{opacity:0}
  100%{opacity:1}
}

.animate-float{animation:float 6s ease-in-out infinite}
.animate-fade-up{animation:fadeUp .7s ease-out both}
.animate-fade-in{animation:fadeIn .5s ease-out both}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}