.#{$carousel-prefix-cls} {
  position: relative;
  width: 100%;
  height: $carousel-height;
  overflow: hidden;

  &__inner {
    position: relative;
    height: 100%;
    overflow: hidden;
  }

  &__item {
    position: absolute;
    top: 0;
    width: 100%;
    // height: 100%;
    transform: translateX(-100%);

    img{
      display: block;
      width: 100%;
      height: 100%;
    }

    &--active {
      transform: none;
    }
  }

  &__indicators {
    position: absolute;
    right: 0;
    bottom: $carousel-indicators-margin-y;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    list-style: none;

    li {
      position: relative;
      width: $carousel-indicators-size;
      height: $carousel-indicators-size;
      margin-right: $carousel-indicators-margin-x;
      cursor: pointer;
      background-color: rgba($white, .5);
      border-radius: 50%;

      &.active{
        background-color: $white;
      }
    }
  }
}



