/* The theme's motion. Content that arrives after the page (theme-fade-in) fades in over 160ms. Visitors who ask for less
   motion get none.

   Opening another page has no cross-document view transition: fading the old page out (90ms) and then the new one in
   (200ms) held every navigation for 300 to 350ms longer, a page that was ready after about 100ms appeared after about
   400ms and settled after about 650ms. */

/* The navbar and a repository's tabs each get their own level, so their menus rise above positioned content later on
   the page (Home's sticky rail): above the page's popovers (up to 100) and below toasts (500), dimmers and modals
   (1000 and up), the navbar above the repository's tabs. */
#navbar {
  position: relative;
  z-index: 200;
}

.repository-tab-nav {
  position: relative;
  z-index: 199;
}

.theme-fade-in {
  animation: 160ms cubic-bezier(0.33, 1, 0.68, 1) both theme-fade-in;
}

@keyframes theme-fade-in {
  from {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-fade-in {
    animation: none;
  }
}
