:is(.tabs-AUVgW2, .byline-admin-tabs) {
  align-items: stretch;
  gap: var(--byline-admin-tabs-trigger-gap, 12px);
  display: flex;
  position: relative;
}

.tabs-AUVgW2:after {
  content: "";
  z-index: 0;
  height: var(--border-width-thin);
  background-color: var(--gray-200);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.byline-admin-tabs:after {
  content: "";
  z-index: 0;
  height: var(--border-width-thin);
  background-color: var(--gray-200);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

:is(.viewport-Q34w7N, .byline-admin-tabs-viewport) {
  z-index: 1;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  flex: auto;
  min-width: 0;
  position: relative;
  overflow: auto hidden;
}

.viewport-Q34w7N::-webkit-scrollbar {
  display: none;
}

.byline-admin-tabs-viewport::-webkit-scrollbar {
  display: none;
}

:is(.viewport-Q34w7N[data-draggable="true"], .byline-admin-tabs-viewport[data-draggable="true"]) {
  cursor: grab;
}

:is(.viewport-Q34w7N[data-dragging="true"], .byline-admin-tabs-viewport[data-dragging="true"]) {
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;
}

:is(.viewport-Q34w7N[data-dragging="true"] .byline-admin-tab, .byline-admin-tabs-viewport[data-dragging="true"] .byline-admin-tab) {
  cursor: grabbing;
}

:is(.viewport-Q34w7N, .byline-admin-tabs-viewport) {
  --fade-start: 0px;
  --fade-end: 0px;
  -webkit-mask-image: linear-gradient(to right,
    transparent 0,
    black var(--fade-start),
    black calc(100% - var(--fade-end)),
    transparent 100%);
  -webkit-mask-image: linear-gradient(to right,
    transparent 0,
    black var(--fade-start),
    black calc(100% - var(--fade-end)),
    transparent 100%);
  mask-image: linear-gradient(to right,
    transparent 0,
    black var(--fade-start),
    black calc(100% - var(--fade-end)),
    transparent 100%);
}

:is(.viewport-Q34w7N[data-at-start="false"], .byline-admin-tabs-viewport[data-at-start="false"]) {
  --fade-start: 1.5rem;
}

:is(.viewport-Q34w7N[data-at-end="false"], .byline-admin-tabs-viewport[data-at-end="false"]) {
  --fade-end: 1.5rem;
}

:is(.tablist-a3JXdm, .byline-admin-tablist) {
  gap: var(--spacing-16);
  width: max-content;
  display: flex;
  position: relative;
}

:is(.tab-Tn7xcQ, .byline-admin-tab) {
  color: var(--gray-500);
  font-size: 1.1rem;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border-bottom: 2px solid #0000;
  outline: none;
  flex: none;
  padding: .625rem 0;
  transition: color .15s, border-color .15s;
  position: relative;
}

:is(.tab-Tn7xcQ:hover, .byline-admin-tab:hover) {
  color: var(--gray-800);
  border-bottom-color: var(--gray-300);
}

:is(.tab-Tn7xcQ:focus-visible, .byline-admin-tab:focus-visible) {
  box-shadow: inset 0 0 0 2px var(--blue-500);
  border-radius: var(--radius-sm, 3px);
}

:is(.tab-active-cGf5N5, .byline-admin-tab-active), :is(.tab-active-cGf5N5:hover, .byline-admin-tab-active:hover) {
  color: var(--primary-600);
  border-bottom-color: var(--primary-400);
}

:is(.label-PvJgbb, .byline-admin-tab-label) {
  align-items: center;
  gap: .375rem;
  display: flex;
}

:is(.badge-NJVOEv, .byline-admin-tab-badge) {
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 .375rem;
  font-size: .7rem;
  display: flex;
}

:is(.overflow-trigger-sQPQE8, .byline-admin-tabs-overflow-trigger) {
  z-index: 1;
  width: var(--byline-admin-tabs-trigger-size, 32px);
  height: var(--byline-admin-tabs-trigger-size, 32px);
  border: var(--border-width-thin) var(--border-style-solid) transparent;
  border-radius: var(--radius-sm, 3px);
  color: var(--gray-500);
  cursor: pointer;
  background: none;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 0;
  transition: color .15s, background-color .15s;
  display: flex;
  position: relative;
}

:is(.overflow-trigger-sQPQE8:hover, .byline-admin-tabs-overflow-trigger:hover) {
  color: var(--gray-800);
  background-color: var(--gray-100);
}

:is(.overflow-trigger-sQPQE8:focus-visible, .byline-admin-tabs-overflow-trigger:focus-visible) {
  outline: 2px solid var(--blue-500);
  outline-offset: 1px;
}

:is(.overflow-icon-E4aR_Z, .byline-admin-tabs-overflow-icon) {
  width: 1.125rem;
  height: 1.125rem;
}

:is(.overflow-menu-BkkmwS, .byline-admin-tabs-overflow-menu) {
  min-width: 12rem;
  max-height: 60vh;
  overflow-y: auto;
}

:is(.overflow-item-ahgTA4, .byline-admin-tabs-overflow-item) {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-8);
  display: flex;
}

:is(.overflow-item-ahgTA4[data-active="true"], .byline-admin-tabs-overflow-item[data-active="true"]) {
  color: var(--primary-600);
  font-weight: var(--font-weight-medium);
}

:is([data-theme="dark"], .dark) .tabs-AUVgW2:after {
  background-color: var(--gray-700);
}

:is([data-theme="dark"], .dark) .byline-admin-tabs:after {
  background-color: var(--gray-700);
}

:is(:is([data-theme="dark"], .dark) .tab-Tn7xcQ, :is([data-theme="dark"], .dark) .byline-admin-tab) {
  color: var(--gray-400);
}

:is(:is([data-theme="dark"], .dark) .tab-Tn7xcQ:hover, :is([data-theme="dark"], .dark) .byline-admin-tab:hover) {
  color: var(--gray-200);
  border-bottom-color: var(--gray-600);
}

:is(:is([data-theme="dark"], .dark) .tab-active-cGf5N5, :is([data-theme="dark"], .dark) .byline-admin-tab-active), :is(:is([data-theme="dark"], .dark) .tab-active-cGf5N5:hover, :is([data-theme="dark"], .dark) .byline-admin-tab-active:hover) {
  color: var(--primary-200);
  border-bottom-color: var(--primary-400);
}

:is(:is([data-theme="dark"], .dark) .overflow-trigger-sQPQE8, :is([data-theme="dark"], .dark) .byline-admin-tabs-overflow-trigger) {
  color: var(--gray-400);
}

:is(:is([data-theme="dark"], .dark) .overflow-trigger-sQPQE8:hover, :is([data-theme="dark"], .dark) .byline-admin-tabs-overflow-trigger:hover) {
  color: var(--gray-200);
  background-color: var(--gray-800);
}

:is(:is([data-theme="dark"], .dark) .overflow-item-ahgTA4[data-active="true"], :is([data-theme="dark"], .dark) .byline-admin-tabs-overflow-item[data-active="true"]) {
  color: var(--primary-200);
}