.tabs {
  display: grid;
  overflow: hidden;
  width: 100%;
}
.tabs .tabs__wrapper {
  display: flex;
  gap: 20px;
  overflow: auto;
  -ms-overflow-style: none; /* IE и Edge */
  scrollbar-width: none; /* Firefox */
}
.tabs .tabs__wrapper&::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1200px) {
  .tabs .tabs__wrapper > * {
    width: 100%;
  }
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.tab-content-slider {
  visibility: hidden;
  height: 0;
  opacity: 0;
}
.tab-content-slider .btn-controls {
  display: none;
}

.tab-content-slider.active .btn-controls {
  display: block;
}
.tab-content-slider.active {
  visibility: visible;
  height: auto;
  opacity: 1;
}