/* Motion opt-out, in its own file because it has to be the last stylesheet the
   page loads.

   Every selector below is a plain class, and so is the rule it is cancelling —
   equal specificity, so source order alone decides the winner. Living at the
   bottom of base.css, this block lost to every `transition` declared in
   shell.css, latest-tab.css, community-tab.css and neighbourhood-tab.css,
   which is all of them: it was silently doing nothing. Keep this link last in
   index.html. */

@media (prefers-reduced-motion: reduce) {
    .line__pulse {
        animation: none;
        opacity: 0;
    }

    .tooltip,
    .snackbar,
    .card,
    .mode,
    .btn,
    .flow__art,
    .flow__reading,
    .progress__fill,
    .metric__icon,
    .tab,
    .appbar__theme-toggle,
    .language__trigger,
    .language__chevron,
    .nb-actions__chevron,
    .cm-community__chevron,
    .cm-person,
    .cm-badge {
        transition: none;
    }
}