.user-tabs.fellowship-menu-bar { column-gap: .5rem; border-bottom-width: 1px; }
.fellowship-menu-bar > a,
.fellowship-menu-bar > .tab-dropdown > a,
.fellowship-menu-bar > .user-tabs-actions > a,
.fellowship-menu-bar > .user-tabs-actions > .tab-dropdown > a {
  padding-left: .55rem;
  padding-right: .55rem;
}
.user-tabs .tab-dropdown--follows > .follow-nav-menu {
  display: none;
  min-width: 16rem;
  max-height: min(80vh, calc(100vh - 6rem));
  overflow-y: auto;
}
.user-tabs .tab-dropdown--follows.is-open > .follow-nav-menu { display: block; }
.fellowship-menu-bar .tab-dropdown--follows .tab-dropdown-menu {
  background: var(--bb-menu-bar-bg, var(--bb-fellowship-menu-bg));
  color: var(--bb-menu-bar-text, var(--bb-fellowship-menu-text));
  border-color: var(--bb-tabs-border, var(--bb-fellowship-menu-border));
}
.fellowship-menu-bar .tab-dropdown--follows .tab-dropdown-menu a:not(.fellowship-explore-link),
.fellowship-menu-bar .tab-dropdown--follows .dropdown-section strong {
  color: var(--bb-menu-bar-text, var(--bb-fellowship-menu-text)) !important;
}
.fellowship-menu-bar .tab-dropdown--follows .dropdown-section {
  border-color: color-mix(in srgb, var(--bb-menu-bar-text) 25%, transparent);
}
.user-tabs .tab-dropdown--follows { column-gap: 0; }
.follow-menu-trigger {
  display: flex;
  align-items: center;
  align-self: stretch;
  position: relative;
  padding-inline: .55rem;
}
.user-tabs .follow-menu-trigger > a {
  border-left: none !important;
  border-right: none !important;
  padding-left: 0;
  padding-right: .1rem;
}
.user-tabs .follow-menu-trigger > .follow-menu-toggle {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  min-height: 2rem;
  font: inherit;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--bb-menu-bar-text, var(--bb-fellowship-menu-text)) !important;
}
.follow-nav-row { display: flex; align-items: stretch; border-radius: .72rem; }
.follow-nav-row:hover, .follow-nav-row:focus-within {
  background: color-mix(in srgb, var(--bb-menu-bar-text) 22%, var(--bb-menu-bar-bg));
}
.follow-nav-menu .follow-nav-row > a {
  flex: 1 1 auto;
  min-width: 0;
  padding-right: .2rem;
  border-bottom: none;
  white-space: normal;
  line-height: 1.4;
}
.fellowship-menu-bar .tab-dropdown--follows .follow-nav-row > a:hover,
.fellowship-menu-bar .tab-dropdown--follows .follow-nav-row > a:focus-visible {
  background: transparent;
}
.follow-nav-toggle {
  flex: 0 0 1.4rem;
  background: none;
  border: 0;
  border-radius: .5rem;
  box-shadow: none;
  color: var(--bb-menu-bar-text, var(--bb-fellowship-menu-text)) !important;
  font: inherit;
  padding: 0;
  font-size: 1rem;
  cursor: pointer;
}
.follow-nav-toggle:hover { background: transparent; }
.follow-nav-toggle:focus-visible, .follow-menu-toggle:focus-visible {
  outline: 2px solid var(--bb-menu-bar-text, var(--bb-fellowship-menu-text));
  outline-offset: -2px;
}
.user-tabs .tab-dropdown--follows .follow-nav-panel {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 16rem;
  max-width: min(30rem, calc(100vw - 2rem));
  max-height: calc(100vh - 1.5rem);
  overflow-y: auto;
  z-index: 30002;
}
.follow-nav-panel[hidden] { display: none !important; }
@media (max-width: 767px) {
  .follow-nav-toggle {
    flex-basis: 44px;
    min-width: 44px;
    min-height: 44px;
    font-size: 1.2rem;
  }
  .user-tabs .follow-menu-trigger > .follow-menu-toggle {
    min-width: 44px;
    min-height: 44px;
  }
  .user-tabs--standalone .follow-menu-trigger {
    --bb-menu-block-padding: 0px;
    --bb-menu-bottom-border: 0px;
  }
  .user-tabs.user-tabs--standalone .follow-menu-trigger > a { flex: 1 1 auto; padding-left: 0; }
  .user-tabs .tab-dropdown--follows .follow-nav-panel {
    position: static;
    width: auto;
    max-width: none;
    max-height: none;
    margin: .1rem 0 .35rem .6rem;
    padding: 0 0 0 .4rem;
    border: 0;
    border-left: 1px solid color-mix(in srgb, var(--bb-menu-bar-text) 25%, transparent);
    border-radius: 0;
    box-shadow: none;
  }
  .follow-nav-toggle[aria-expanded="true"] span { display: inline-block; transform: rotate(90deg); }
}