.mm-spn.mm-spn--light {
  --mits-menu-bg: var(--c-nav-drawer-light-bg, #ffffff);
  --mits-menu-text: var(--c-nav-drawer-light-text, #1f2933);
  --mits-menu-hover-bg: var(--c-nav-drawer-light-hover-bg, #e2e6ea);
  --mits-menu-hover-text: var(--c-nav-drawer-light-hover-text, #111827);
  --mits-menu-header-bg: var(--c-nav-drawer-light-header-bg, #f1f3f5);
  --mits-menu-header-text: var(--c-nav-drawer-light-header-text, #1f2933);
  --mits-menu-border: var(--c-nav-drawer-light-border, #66717f);
}
.mm-spn.mm-spn--dark {
  --mits-menu-bg: var(--c-nav-drawer-dark-bg, #30343b);
  --mits-menu-text: var(--c-nav-drawer-dark-text, #ffffff);
  --mits-menu-hover-bg: var(--c-nav-drawer-dark-hover-bg, #4b5563);
  --mits-menu-hover-text: var(--c-nav-drawer-dark-hover-text, #ffffff);
  --mits-menu-header-bg: var(--c-nav-drawer-dark-header-bg, #20242b);
  --mits-menu-header-text: var(--c-nav-drawer-dark-header-text, #ffffff);
  --mits-menu-border: var(--c-nav-drawer-dark-border, #66717f);
}
.mm-spn,
.mm-spn ul,
.mm-spn li {
  background: var(--mits-menu-bg, #ffffff);
  color: var(--mits-menu-text, #1f2933);
}
.mm-spn li::before,
.mm-spn.mm-spn--navbar::before,
.mm-spn.mm-spn--navbar::after {
  color: var(--mits-menu-text, #1f2933);
  opacity: 1;
}
.mm-spn li::after,
.mm-spn a:not(:last-child)::after,
.mm-spn.mm-spn--navbar ul::before {
  border-color: var(--mits-menu-border, #66717f);
  opacity: 1;
}
.mm-spn.mm-spn--navbar::before {
  color: var(--mits-menu-header-text, #1f2933);
}
.mm-spn.mm-spn--navbar::after {
  background-color: var(--mits-menu-header-bg, #f1f3f5);
  color: var(--mits-menu-header-text, #1f2933);
}
.mm-spn a {
  background: var(--mits-menu-bg, #ffffff);
  color: var(--mits-menu-text, #1f2933);
}
.mm-spn a:hover,
.mm-spn a:focus-visible,
.mm-spn li.mm-spn--open > a {
  background: var(--mits-menu-hover-bg, #e2e6ea);
  color: var(--mits-menu-hover-text, #111827);
}
.mm-spn a.cat-active:not(.current) {
  color: var(--mits-menu-text, #1f2933);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--c-focus, #7b2cbf);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.mm-spn a.current {
  background: var(--mits-menu-hover-bg, #e2e6ea);
  color: var(--mits-menu-hover-text, #111827);
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  box-shadow: inset 4px 0 0 var(--c-focus, #7b2cbf);
}
.mm-spn a:focus-visible {
  outline: var(--c-focus-ring-width, 3px) solid var(--c-focus, #7b2cbf);
  outline-offset: -4px;
  box-shadow: inset 0 0 0 2px var(--c-focus-contrast, #ffffff);
}

.hc-offcanvas-nav.mits-menu-theme-light {
  --mits-menu-bg: var(--c-nav-drawer-light-bg, #ffffff);
  --mits-menu-text: var(--c-nav-drawer-light-text, #1f2933);
  --mits-menu-hover-bg: var(--c-nav-drawer-light-hover-bg, #e2e6ea);
  --mits-menu-hover-text: var(--c-nav-drawer-light-hover-text, #111827);
  --mits-menu-header-bg: var(--c-nav-drawer-light-header-bg, #f1f3f5);
  --mits-menu-header-text: var(--c-nav-drawer-light-header-text, #1f2933);
  --mits-menu-border: var(--c-nav-drawer-light-border, #66717f);
}
.hc-offcanvas-nav.mits-menu-theme-dark {
  --mits-menu-bg: var(--c-nav-drawer-dark-bg, #30343b);
  --mits-menu-text: var(--c-nav-drawer-dark-text, #ffffff);
  --mits-menu-hover-bg: var(--c-nav-drawer-dark-hover-bg, #4b5563);
  --mits-menu-hover-text: var(--c-nav-drawer-dark-hover-text, #ffffff);
  --mits-menu-header-bg: var(--c-nav-drawer-dark-header-bg, #20242b);
  --mits-menu-header-text: var(--c-nav-drawer-dark-header-text, #ffffff);
  --mits-menu-border: var(--c-nav-drawer-dark-border, #66717f);
}
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul,
.hc-offcanvas-nav .nav-content {
  background: var(--mits-menu-bg, #ffffff);
  color: var(--mits-menu-text, #1f2933);
}
.hc-offcanvas-nav li,
.hc-offcanvas-nav .nav-content > h2,
.hc-offcanvas-nav .nav-content > h3,
.hc-offcanvas-nav .nav-content > h4,
.hc-offcanvas-nav .nav-content > h5,
.hc-offcanvas-nav .nav-content > h6 {
  color: var(--mits-menu-text, #1f2933);
}
.hc-offcanvas-nav .nav-content > h2:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h3:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h4:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h5:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-content > h6:not(.nav-title):not(.level-title),
.hc-offcanvas-nav .nav-highlight {
  background: var(--mits-menu-hover-bg, #e2e6ea);
  color: var(--mits-menu-hover-text, #111827);
}
.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a,
.hc-offcanvas-nav .nav-content > .nav-close a {
  background: var(--mits-menu-bg, #ffffff);
  color: var(--mits-menu-text, #1f2933);
  border-color: var(--mits-menu-border, #66717f);
}
.hc-offcanvas-nav .nav-custom-content,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child),
.hc-offcanvas-nav .nav-wrapper > .nav-content > h2 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > h3 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > h4 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > h5 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > h6 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h6,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h6,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h6,
.hc-offcanvas-nav a.nav-next {
  border-color: var(--mits-menu-border, #66717f);
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover,
.hc-offcanvas-nav li:not(.nav-item-custom) a:not([disabled]):focus-visible,
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover,
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a:hover,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a:hover {
  background: var(--mits-menu-hover-bg, #e2e6ea);
  color: var(--mits-menu-hover-text, #111827);
}
.hc-offcanvas-nav .nav-content > .nav-close:first-child a,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
  background: var(--mits-menu-header-bg, #f1f3f5);
  color: var(--mits-menu-header-text, #1f2933);
  border-color: var(--mits-menu-border, #66717f);
}
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover,
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:focus-visible,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label:focus-visible,
.hc-offcanvas-nav li.nav-close a:focus-visible,
.hc-offcanvas-nav .nav-back a:focus-visible {
  background: var(--mits-menu-hover-bg, #e2e6ea);
  color: var(--mits-menu-hover-text, #111827);
}
.hc-offcanvas-nav .nav-close-button span::before,
.hc-offcanvas-nav .nav-close-button span::after,
.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
  border-color: currentColor;
}
.hc-offcanvas-nav .nav-item-link[disabled],
.hc-offcanvas-nav li.nav-close a[disabled],
.hc-offcanvas-nav .nav-back a[disabled] {
  color: var(--mits-menu-text, #4b5563);
  opacity: .62;
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none ul .nav-wrapper {
  background: transparent;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open,
.hc-offcanvas-nav.nav-levels-none li.level-open {
  background: var(--mits-menu-hover-bg, #e2e6ea);
  color: var(--mits-menu-hover-text, #111827);
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a {
  border-color: var(--mits-menu-border, #66717f);
}
.hc-offcanvas-nav a.cat-active:not(.current) {
  color: var(--mits-menu-text, #1f2933);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--c-focus, #7b2cbf);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.hc-offcanvas-nav a.current {
  background: var(--mits-menu-hover-bg, #e2e6ea);
  color: var(--mits-menu-hover-text, #111827);
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  box-shadow: inset 4px 0 0 var(--c-focus, #7b2cbf);
}
.hc-offcanvas-nav a:focus-visible,
.hc-offcanvas-nav button:focus-visible {
  outline: var(--c-focus-ring-width, 3px) solid var(--c-focus, #7b2cbf);
  outline-offset: -4px;
  box-shadow: inset 0 0 0 2px var(--c-focus-contrast, #ffffff);
  z-index: 20;
}