/* Keep the More flyout connected to its trigger while the pointer crosses the visual gap. */
.nav-more-menu::before {
  content: "";
  position: absolute;
  top: -16px;
  right: 0;
  left: 0;
  height: 16px;
}

@media (hover: hover) {
  .nav-more:hover .nav-more-menu,
  .nav-more:focus-within .nav-more-menu {
    display: block;
  }
}