/* One fixed Apple charcoal navbar treatment for every web page header. */
:root { --rb-static-nav: #2c2c2e; --rb-static-nav-border: rgba(255,255,255,.08); }
:root { --rb-nav-height: 54px; }
.nav, html[data-theme="dark"] .nav, #nav, html[data-theme="dark"] #nav {
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:50 !important;
  background:var(--rb-static-nav) !important;
  background-color:var(--rb-static-nav) !important;
  border-bottom:1px solid var(--rb-static-nav-border) !important;
  color:#f5f5f7 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:none !important;
}
.nav .brand-wordmark, #nav .brand-wordmark { filter:none !important; }
.nav .nav-link,.nav .nav-link ion-icon { color:rgba(255,255,255,.88) !important; }
.nav .nav-link:hover { color:#fff !important; background:rgba(255,255,255,.08) !important; }
.nav .nav-link:hover ion-icon { color:#fff !important; }
.nav .nav-burger span { background:#fff !important; }
.nav .back,.nav .back-link,#nav .back-link { color:rgba(255,255,255,.88) !important; }
.nav .back:hover,.nav .back-link:hover,#nav .back-link:hover { color:#fff !important; background:rgba(255,255,255,.08) !important; }
.nav-drawer, html[data-theme="dark"] .nav-drawer {
  background:var(--rb-static-nav) !important;
  border-bottom:1px solid var(--rb-static-nav-border) !important;
  color:#f5f5f7 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.nav-drawer .nav-drawer-link,.nav-drawer .nav-drawer-link ion-icon { color:rgba(255,255,255,.92) !important; }
.nav-drawer .nav-drawer-link { border-bottom-color:rgba(255,255,255,.08) !important; }
.nav-drawer .nav-drawer-link:active { background:rgba(255,255,255,.06) !important; }
@media (max-width:720px) { :root { --rb-nav-height:48px; } }