/* Honour the OS "reduce motion" accessibility setting.
 *
 * This used to apply unconditionally, which meant EVERY transition, hover state
 * and keyframe on every marketing page, app page and admin page snapped
 * instantly -- the animations were written, shipped, and then silently disabled.
 * That is why other stylesheets here had to re-assert transitions with
 * !important just to get their own motion back.
 *
 * Scoping it to the media query is the intended behaviour: motion off for people
 * who ask for it, motion on for everyone else. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }
}