.#{$carousel-prefix}carousel {
  position: relative;
  box-sizing: border-box;

  & *,
  & *:before,
  & *:after {
    box-sizing: inherit;
  }

  &.is-draggable {
    cursor: move;
    cursor: grab;
  }

  &.is-dragging {
    cursor: move;
    cursor: grabbing;
  }
}

.#{$carousel-prefix}carousel__viewport {
  position: relative;
  overflow: hidden;

  max-width: 100%;
  max-height: 100%;
}

.#{$carousel-prefix}carousel__track {
  display: flex;
}

.#{$carousel-prefix}carousel__slide {
  flex: 0 0 auto;
  @if ($carousel-slide-width) {
    width: $carousel-slide-width;
  }
  max-width: 100%;
  padding: 1rem;
  position: relative;

  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}