.nut-swiper {
  position: relative;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  overflow: hidden;

  &__inner {
    display: flex;
    height: 100%;
  }

  &__vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  &__indicator {
    display: flex;
    position: absolute;
    left: 50%;
    bottom: $swiper-indicator-bottom;
    transform: translateX(-50%);
    z-index: 1;
  }

  &__indicator-vertical {
    top: 50%;
    bottom: auto;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    transform: translateY(-50%);
  }
  &__indicator-vertical--left {
    left: $swiper-indicator-vertical-gap;
  }
  &__indicator-vertical--right {
    left: unset;
    right: $swiper-indicator-vertical-gap;
  }
}