.in {
  /* Отрицательный margin нужен, чтобы компенсировать увеличенный из-за тени padding (12px -> 20px) */
  margin-block: -8px;
  margin-inline: 0;
}

.scrollIn {
  display: flex;
  padding-block: calc(var(--vkui--size_subnavigation_bar_padding_vertical--regular) + 8px);
  padding-inline: 0;
  margin: 0;
}

.scrollIn::before,
.scrollIn::after {
  min-inline-size: var(--vkui--size_base_padding_horizontal--regular);
  content: '';
}

.noPadding {
  padding: 0;
}

.noPadding::before,
.noPadding::after {
  display: none;
}

.item {
  display: flex;
  list-style-type: none;
}

.item + .item {
  -webkit-margin-start: var(--vkui--size_subnavigation_bar_gap--regular);
          margin-inline-start: var(--vkui--size_subnavigation_bar_gap--regular);
}

.modeFixed .item {
  flex: 1;
  min-inline-size: 0;
}