:root{--bf-header-bar:54px;--bf-safe-top:env(safe-area-inset-top,0px);--bf-header-bg:#080b0f}
html{background:var(--bf-header-bg)!important}
@media(max-width:820px){
  html,body{overscroll-behavior-y:none}
  body{padding-top:0!important}
  html::before,.ios-safe-shield{display:none!important}
  html body .site-header,html body .site-header.is-scrolled{position:sticky!important;position:-webkit-sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:calc(var(--bf-header-bar) + var(--bf-safe-top))!important;min-height:calc(var(--bf-header-bar) + var(--bf-safe-top))!important;padding:var(--bf-safe-top) 14px 0!important;margin:0!important;background:#080b0f!important;background-color:#080b0f!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;z-index:2147483000!important;box-sizing:border-box!important;isolation:isolate!important}
  html body .site-header::before,html body .site-header::after{display:none!important;content:none!important}
  html body .site-header .brand-mark{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}
  html body .site-header .brand-copy b{font-size:11px!important;line-height:.9!important}
  html body .site-header .brand-copy strong{font-size:13px!important;line-height:.95!important}
  html body .site-header .menu-button{width:38px!important;height:38px!important;padding:7px!important;border-radius:11px!important}
  html body .mobile-menu{position:fixed!important;top:calc(var(--bf-header-bar) + var(--bf-safe-top))!important;left:0!important;right:0!important;max-height:calc(100dvh - var(--bf-header-bar) - var(--bf-safe-top))!important;overflow:auto!important;z-index:2147482999!important}
  html body .toolbar{top:calc(var(--bf-header-bar) + var(--bf-safe-top) + 8px)!important}
}
@media(max-width:560px){:root{--bf-header-bar:50px}}