@import '../../src/style/tools.css';

.bx-swiper {
  position: relative;
  overflow: hidden;
  width: 100%;

  & .bx-swiper-scroller {
    display: flex;
    position: relative;
    width: 100%;
  }

  & .bx-swiper-paginations {
    position: absolute;
    bottom: 9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    & .bx-swiper-pagination {
      box-sizing: border-box;
      display: inline-block;
      width: 5px;
      height: 5px;
      border-radius: 999px;
      background-color: var(--swiper-pagination-bg-color);
      margin: 0 3px;
    }

    & .bx-swiper-pagination--active {
      width: 10px;
      background-color: var(--swiper-pagination-active-bg-color);
    }

    & .bx-swiper-pagination--translation {
      transition: width 0.1s;
      -moz-transition: width 0.1s;
      -webkit-transition: width 0.1s;
      -o-transition: width 0.1s;
    }
  }
}
