/* Canonical generated-site mobile menu. Chrome paint is kit-owned and opaque. */
.mobile-menu,
[data-mnb-mobile-menu] {
  --mnb-mobile-chrome-bg: #121212;
  --mnb-mobile-chrome-fg: #f4efe6;
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #121212;
  background-color: #121212;
  background-image: none;
  color: #f4efe6;
  transform: none;
  visibility: hidden;
  pointer-events: none;
  padding: max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
  overflow: auto;
  overflow-wrap: anywhere;
}
.mobile-menu.open,
.mobile-menu.is-open,
.mobile-menu[aria-hidden="false"],
[data-mnb-mobile-menu].open,
[data-mnb-mobile-menu].is-open,
[data-mnb-mobile-menu][aria-hidden="false"] {
  transform: none;
  visibility: visible;
  pointer-events: auto;
  background-color: #121212;
  background-image: none;
}
body.menu-open,
html.menu-open {
  overflow: hidden;
}
@media (max-width: 899px) {
  html,
  body {
    overflow-x: hidden;
  }
  header .btn-primary,
  .site-header .btn-primary,
  .site-header__actions .btn-primary,
  header .glow-accent,
  .site-header .glow-accent,
  .mnb-mobile-hide-cta {
    display: none;
  }
}
@media (min-width: 900px) {
  .menu-toggle,
  .mobile-menu,
  [data-mnb-mobile-menu] {
    display: none;
  }
}