@import './variables';

.s-slide-group {
  display: flex;
}

.s-slide-group__content {
  display: flex;
  flex: 1 0 auto;
  position: relative;
  transition: $primary-transition;
  white-space: nowrap;
}

.s-slide-group__wrapper {
  contain: content;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  touch-action: none;
}

.s-slide-group__next,
.s-slide-group__prev {
  align-items: center;
  display: flex;
  flex: 0 1 $slide-group-control-basis;
  justify-content: center;
  min-width: $slide-group-control-basis;
  cursor: pointer;

  &.disabled {
    pointer-events: none;
    opacity: 0.5;

    &.hide-disabled-arrows {
      visibility: hidden;
      opacity: 0;
    }
  }
}