.mobileMenu-toggle {
  width: 45px;
  height: 45px;
  display: inline-block;
  font-size: 0;
  left: 0;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  z-index: 100002;
  cursor: pointer;
  /* Open State: Clean instant 'X' */ }
  @media screen and (min-width: 801px) {
    .mobileMenu-toggle {
      display: none !important; } }
  .mobileMenu-toggle .mobileMenu-toggleIcon,
  .mobileMenu-toggle .mobileMenu-toggleIcon::before,
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background: #333333;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 22px;
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out, top 0.2s ease-in-out; }
  .mobileMenu-toggle .mobileMenu-toggleIcon {
    top: 21px;
    left: 11px; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::before {
    top: -6px;
    left: 0; }
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    top: 6px;
    left: 0; }
  .mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
    background-color: transparent !important; }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
      top: 0;
      transform: rotate(45deg); }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
      top: 0;
      transform: rotate(-45deg); }

.mobileMenu-panel,
.nav-sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 300px !important;
  max-width: 85vw !important;
  height: 100vh !important;
  background-color: #ffffff !important;
  z-index: 100001 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  /* Off-screen default state to prevent content leaking */
  transform: translateX(-100%) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
  /* Active Open State */ }
  .mobileMenu-panel.is-open,
  .nav-sidebar.is-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important; }

div[class*="menu-overlay"],
.modal-background {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  z-index: 99998 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important; }
  div[class*="menu-overlay"].is-active,
  .modal-background.is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important; }

@media screen and (min-width: 801px) {
  .mobileMenu-panel,
  .nav-sidebar {
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    height: auto !important;
    width: auto !important; } }