.focus-compact-nav {
  align-items: center;
}

.focus-compact-nav > .focus-nav-secondary {
  display: none !important;
}

.focus-compact-nav.focus-expanded > .focus-nav-secondary {
  display: inline-flex !important;
}

.focus-nav-toggle {
  min-height: 42px;
  padding: 0 16px;
  border: 1px dashed rgba(17, 91, 74, .34) !important;
  border-radius: 14px !important;
  background: rgba(232, 244, 240, .72) !important;
  color: #155b4a !important;
  font-weight: 800 !important;
  white-space: nowrap;
}

.focus-nav-toggle:hover,
.focus-nav-toggle:focus-visible {
  background: #dff1eb !important;
  border-style: solid !important;
}

@media (max-width: 760px) {
  .focus-compact-nav {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  .focus-compact-nav::-webkit-scrollbar {
    display: none;
  }

  .focus-compact-nav > button {
    flex: 0 0 auto;
  }
}