.apps-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-scheme-border-color);
}

.apps-tabs__tab {
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: inherit;
  cursor: pointer;
  margin: 0 0 -1px;
  padding: 0.75rem 0;
  transition: border-color 0.2s ease, opacity 0.2s ease;
}

.apps-tabs__tab:not(.is-active) {
  opacity: 0.65;
}

.apps-tabs__tab:hover,
.apps-tabs__tab:focus-visible {
  opacity: 1;
}

.apps-tabs__tab.is-active {
  border-bottom-color: currentColor;
  opacity: 1;
}

.apps-tabs__panel[hidden] {
  display: none;
}

.apps-tabs__panel + .apps-tabs__panel {
  margin-top: 0;
}

.shopify-design-mode .apps-tabs__panel[hidden] {
  display: block;
  opacity: 0.5;
}

.apps-tabs__placeholder {
  text-align: center;
}