/**
 * nav_progress.css — navigation reuses the boot splash, so there is almost nothing here.
 *
 * The previous version of this file drew its own progress bar and pill. That was a second visual
 * language for something the app already had, and it has been removed. #wcLoader in loader.css is
 * the loader; this file only makes it fade in rather than snap when it is re-shown for a
 * navigation, which is the one difference between "the app is booting" and "the app is fetching
 * the next page".
 */

#wcLoader.wc-nav { animation: wcNavIn 0.16s ease-out; }

@keyframes wcNavIn { from { opacity: 0; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    #wcLoader.wc-nav { animation: none; }
}