.brand-showcase__tabs-wrap {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.brand-showcase__tabs-wrap.has-tab-overflow .brand-showcase__tabs {
  width: calc(100% - 43px);
}

.brand-showcase__tabs {
  scroll-behavior: smooth;
  overscroll-behavior-inline: contain;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

.brand-showcase__tabs.is-dragging {
  scroll-behavior: auto;
  cursor: grabbing;
  user-select: none;
}

.brand-showcase__tabs-navigation {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 6px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 37px;
  background: var(--semantic-white);
  pointer-events: none;
}

.brand-showcase__tabs-navigation[hidden] {
  display: none;
}

.brand-showcase__tabs-next {
  display: grid;
  width: 37px;
  height: 37px;
  flex: none;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--radius-full);
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
}

.brand-showcase__tabs-next:focus-visible {
  outline: var(--stroke-2) solid var(--brand-primary-dark);
  outline-offset: var(--stroke-1);
}

.brand-showcase__tabs-next img {
  display: block;
}

@media (max-width: 767px) {
  .brand-showcase__tabs-wrap {
    order: -1;
    width: 100%;
  }

  .brand-showcase__tabs {
    order: initial;
  }
}