.tab-based-navigation {
  max-width: -webkit-fill-available;
  background: #eef6ff;
  overflow-x: auto;
  padding-block: var(--wdg-gap-small);
  margin-inline: calc(-1 * var(--wdg-gap-block, 1em));
  position: sticky;
  top: var(--wdg-tab-based-navigation-top, 0px);
  z-index: 5;
}
.tab-based-navigation::-webkit-scrollbar {
  display: none;
}
.tab-based-navigation__nav {
  display: flex;
}
.tab-based-navigation__items {
  display: inline-flex;
  gap: var(--wdg-gap-medium);
  white-space: nowrap;
  padding-inline: var(--wdg-gap-small);
}
.tab-based-navigation__link {
  border-bottom: 3px solid transparent;
  color: var(--wdg-color-primary);
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  padding-block-end: 0.4rem;
  text-decoration: none;
  transition: border-color 150ms ease, color 150ms ease;
}
.tab-based-navigation__link:hover, .tab-based-navigation__link:focus-visible, .tab-based-navigation__link.is-active {
  border-bottom-color: #2e99e1;
  color: var(--wdg-color-primary);
  text-decoration: none;
}
.tab-based-navigation__item-editor {
  align-items: center;
  background: #eef6ff;
  border-bottom: 3px solid #2e99e1;
  display: inline-flex;
  gap: var(--wdg-gap-xsmall);
  padding: 0.5rem 0.75rem;
}
.tab-based-navigation__item-label {
  font-weight: 700;
}
.tab-based-navigation .components-base-control {
  margin-bottom: 0;
}

/*# sourceMappingURL=style.css.map */