.b{
  background: black;
}

.Carousel-container{
  .carousel-box{
    .carousel-items{
      color: var(--swipercolor);
      height: var(--swiperheight);
      width: var(--swiperwidth);
      margin: var(--swipermargin);
      padding: var(--swiperpadding);
      background: var(--swiperbackground);
      & > img{
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
    }
  }
}

.swiper::v-deep(.swiper-pagination .swiper-pagination-bullet ){
  color: var(--paginationcolor);
  height: var(--paginationheight);
  width: var(--paginationwidth);
  margin: var(--paginationmargin);
  padding: var(--paginationpadding);
  background: var(--paginationbackground);
}
.swiper::v-deep(.swiper-pagination .swiper-pagination-bullet-active ){
  color: var(--paginationActivecolor);
  height: var(--paginationActiveheight);
  width: var(--paginationActivewidth);
  margin: var(--paginationActivemargin);
  padding: var(--paginationActivepadding);
  background: var(--paginationActivebackground);
}
.swiper::v-deep(.swiper-button-next){
  color: var(--buttonNextcolor);
  height: var(--buttonNextheight);
  width: var(--buttonNextwidth);
  margin: var(--buttonNextmargin);
  padding: var(--buttonNextpadding);
  background: var(--buttonNextbackground);
}
.swiper::v-deep(.swiper-button-prev){
  color: var(--buttonPrevcolor);
  height: var(--buttonPrevheight);
  width: var(--buttonPrevwidth);
  margin: var(--buttonPrevmargin);
  padding: var(--buttonPrevpadding);
  background: var(--buttonPrevbackground);
}