.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%);
  }

  &__indicator-vertical {
    top: 50%;
    left: 12px;
    bottom: auto;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    transform: translateY(-50%);
  }
}