.MYUI-Tabs {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding: var(--PADDING_bottom_or_top) var(--PADDING_left_or_right) var(--PADDING_bottom_or_top) var(--PADDING_left_or_right);
}

.MYUI-Tabs__in::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.MYUI-Tabs__in--stretched {
  width: 100%
}

.MYUI-Tabs__in--scroll {
  overflow-x: auto;
}

.MYUI-Tabs__in--content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 64px;
  justify-content: center;
    display: flex;
}

.MYUI-Tabs__in--wrapper {
  align-items: stretch;
  display: flex;
}

.MYUI-Tabs__in--before, .MYUI-Tabs__in--after {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 30px !important;
  height: 30px !important;
  border-radius: var(--border_radius_optimaze);
  color: var(--text_primary);
  background: rgba(var(--background_primary));
  backdrop-filter: blur(var(--backdrop_filter_blur));
  -webkit-backdrop-filter: blur(var(--backdrop_filter_blur));

  box-shadow: var(--box_shadow_card);
}

.MYUI-Tabs__in--after {

  right: var(--padding_default);
  position: absolute;
}

.MYUI-Tabs__in--before {
  left: var(--padding_default);
  position: absolute;
}