body.bz-dark-shell {
  --bz-shell-night: #041221;
  --bz-shell-deep: #041221;
  --bz-shell-header: #041221;
  --bz-shell-cyan: #36cbe4;
  --bz-shell-line: rgba(95, 219, 238, .18);
  --bz-shell-paper: var(--paper, #fffefa);
  background: var(--bz-shell-night) !important;
}

                                
body.bz-dark-shell > .topbar,
body.bz-dark-shell > .edition-line,
body.bz-dark-shell .edition-line {
  background: var(--bz-shell-deep) !important;
  color: rgba(255, 255, 255, .74) !important;
  border-color: rgba(255, 255, 255, .08) !important;
}
body.bz-dark-shell > .topbar a,
body.bz-dark-shell > .edition-line a,
body.bz-dark-shell .edition-line a,
body.bz-dark-shell .edition-line b {
  color: #fff !important;
}

                                                                                          
body.bz-dark-shell > header,
body.bz-dark-shell > .site > header,
body.bz-dark-shell > .page > header {
  background: var(--bz-shell-header) !important;
  color: #fff !important;
  border-bottom-color: var(--bz-shell-line) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(20px) saturate(135%) !important;
}

body.bz-dark-shell > header .brand-logo,
body.bz-dark-shell > header .brand img,
body.bz-dark-shell > header .logo img,
body.bz-dark-shell > .site > header .brand-logo,
body.bz-dark-shell > .site > header .brand img {
  filter: brightness(0) invert(1) !important;
}

body.bz-dark-shell > header .brand strong,
body.bz-dark-shell > header .brand span,
body.bz-dark-shell > header .brand-text-fallback,
body.bz-dark-shell > header .desktop-nav a,
body.bz-dark-shell > header nav.desktop-nav a,
body.bz-dark-shell > header a:not(.btn):not(.header-btn),
body.bz-dark-shell > .site > header a:not(.btn):not(.header-btn) {
  color: rgba(255, 255, 255, .82) !important;
}

body.bz-dark-shell > header .desktop-nav a:hover,
body.bz-dark-shell > header nav.desktop-nav a:hover,
body.bz-dark-shell > header .desktop-nav a[aria-current="page"],
body.bz-dark-shell > header nav.desktop-nav a[aria-current="page"],
body.bz-dark-shell > header .desktop-nav a.active,
body.bz-dark-shell > header nav.desktop-nav a.active {
  color: #fff !important;
  border-color: var(--bz-shell-cyan) !important;
}

body.bz-dark-shell > header .menu,
body.bz-dark-shell > header button.menu,
body.bz-dark-shell > header .header-btn,
body.bz-dark-shell > header .btn.alt,
body.bz-dark-shell > .site > header .menu,
body.bz-dark-shell > .site > header button.menu {
  background: rgba(255, 255, 255, .06) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .2) !important;
  box-shadow: none !important;
}

body.bz-dark-shell > header .menu:hover,
body.bz-dark-shell > header button.menu:hover,
body.bz-dark-shell > header .header-btn:hover,
body.bz-dark-shell > header .btn.alt:hover {
  background: rgba(54, 203, 228, .12) !important;
  border-color: rgba(54, 203, 228, .52) !important;
}

body.bz-dark-shell > header .mobile-panel,
body.bz-dark-shell > .site > header .mobile-panel {
  background: #041221 !important;
  border-top-color: rgba(255, 255, 255, .09) !important;
  box-shadow: 0 18px 32px rgba(0, 0, 0, .28) !important;
}
body.bz-dark-shell > header .mobile-panel a,
body.bz-dark-shell > .site > header .mobile-panel a {
  color: #fff !important;
  border-bottom-color: rgba(255, 255, 255, .08) !important;
}

  
                  
                                                                           
                                                                                        
   
body.bz-dark-shell:not(.bz-dark-shell--article) > main {
  background-color: var(--bg, #f4f8f7);
}

body.bz-dark-shell--article > main {
  background: #041221 !important;
}

body.bz-dark-shell--article .article-shell,
body.bz-dark-shell--article article.article,
body.bz-dark-shell--article .story-shell,
body.bz-dark-shell--article .content-shell {
  border-color: rgba(255, 255, 255, .1) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .3) !important;
}

                                                                                           
body.bz-dark-shell .bz-site-footer,
body.bz-dark-shell > footer,
body.bz-dark-shell > .site > footer {
  position: relative !important;
  background: var(--bz-shell-deep) !important;
  color: #fff !important;
  border-top-color: rgba(255, 255, 255, .08) !important;
}

body.bz-dark-shell .bz-site-footer::before,
body.bz-dark-shell > footer::before,
body.bz-dark-shell > .site > footer::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #36cbe4, #2879d9, #7456d8, #d7303d, #ff9c24, #68d323);
  opacity: .72;
  pointer-events: none;
}

body.bz-dark-shell .bz-site-footer h3,
body.bz-dark-shell .bz-site-footer b,
body.bz-dark-shell > footer h3,
body.bz-dark-shell > footer b {
  color: var(--bz-shell-cyan) !important;
}
body.bz-dark-shell .bz-site-footer a,
body.bz-dark-shell > footer a,
body.bz-dark-shell > .site > footer a {
  color: rgba(255, 255, 255, .72) !important;
}
body.bz-dark-shell .bz-site-footer a:hover,
body.bz-dark-shell > footer a:hover,
body.bz-dark-shell > .site > footer a:hover {
  color: #fff !important;
}

body.bz-dark-shell :focus-visible {
  outline-color: var(--bz-shell-cyan);
}

@media (prefers-reduced-motion: reduce) {
  body.bz-dark-shell *,
  body.bz-dark-shell *::before,
  body.bz-dark-shell *::after {
    scroll-behavior: auto !important;
  }
}

body.bz-dark-shell,
body.bz-dark-shell > header,
body.bz-dark-shell > .site > header,
body.bz-dark-shell > .page > header,
body.bz-dark-shell > .topbar,
body.bz-dark-shell > .edition-line,
body.bz-dark-shell .edition-line,
body.bz-dark-shell > header .mobile-panel,
body.bz-dark-shell > .site > header .mobile-panel,
body.bz-dark-shell .bz-site-footer,
body.bz-dark-shell > footer,
body.bz-dark-shell > .site > footer{
  background-color:#041221 !important;
  background-image:none !important;
}