/* Local runtime layer for the static Super mirror. */

html.mirror-lock-scroll,
body.mirror-lock-scroll {
  overflow: hidden;
}

.mirror-mobile-menu[hidden] {
  display: none !important;
}

.mirror-mobile-menu {
  z-index: 60 !important;
  background: var(--navbar-menu-background-color, var(--navbar-background-color));
}

.mirror-mobile-menu .super-navigation-menu__items-wrapper {
  overflow: auto;
  flex: 1 1 auto;
}

.mirror-mobile-menu .super-search-input {
  margin: 12px;
  width: calc(100% - 24px);
}

.mirror-search-result-link {
  color: inherit;
  text-decoration: none;
}

.notion-search__clear {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

@media (max-width: 860px) {
  .super-content-wrapper.has-sidebar .super-content {
    max-width: 100%;
  }

  .super-sidebar {
    display: none;
  }

  .mirror-mobile-menu .super-navbar__menu {
    min-height: 100%;
    min-width: 100%;
    overflow: auto;
  }
}

@media (min-width: 861px) {
  .mirror-mobile-menu,
  .super-navbar__menu-open {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mirror-mobile-menu,
  .notion-search__wrapper {
    transition: none !important;
  }
}