/* Only JavaScript-managed effects are hidden; ordinary content is unaffected. */
.f4-viewport-fade {
  animation-name: f4-viewport-fade-in !important;
}
.f4-viewport-fade-up {
  animation-name: f4-viewport-fade-up !important;
}
.f4-viewport-fade[data-f4-animation-state="waiting"] {
  animation: none !important;
  opacity: 0;
}
.f4-viewport-fade[data-f4-animation-state="complete"] {
  animation: none !important;
}
.f4-type-character {
  opacity: 0;
}
.f4-type-character.is-typed {
  opacity: 1;
}
@keyframes f4-viewport-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes f4-viewport-fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce), print {
  .f4-viewport-fade,
  .f4-type-character {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}