html.motion-initializing *,
html.motion-initializing *::before,
html.motion-initializing *::after {
  animation-play-state: paused !important;
}

[data-motion-paused],
[data-motion-paused]::before,
[data-motion-paused]::after,
[data-motion-paused] *,
[data-motion-paused] *::before,
[data-motion-paused] *::after {
  animation-play-state: paused !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  html *,
  html *::before,
  html *::after {
    scroll-behavior: auto !important;
    animation-delay: 0s !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-delay: 0s !important;
    transition-duration: 0.001ms !important;
  }
}
