// Carousels .carousel {

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: $carousel-control-icon-width;
  height: $carousel-control-icon-height;
}
.carousel-control-prev-icon {
  background-image: $carousel-control-prev-icon;
}
.carousel-control-next-icon {
  background-image: $carousel-control-next-icon;
}
.carousel-indicators {
  li {
    width: $carousel-indicators-width;
    height: $carousel-indicators-height;
    border-radius: $carousel-indicators-border-radius;
    cursor: pointer;
  }
}

} .carousel-fade {

.carousel-item {
  opacity: 0;
  transition-duration: $carousel-transition-duration;
  transition-property: opacity;
}
.carousel-item.active,
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-item-left,
.carousel-item-right {
  &.active {
    opacity: 0;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active,
.carousel-item-left.active,
.carousel-item-prev.active {
  transform: $carousel-item-transform;
  @supports (transform-style: preserve-3d) {
    transform: $carousel-item-transform-2;
  }
}

}