.swipe {
  $root: &;
  overflow: hidden;
  position: relative;
  height: 100%;
  &__items-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
    > div {
      position: absolute;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      width: 100%;
      height: 100%;
      display: none
    }
  }
  &__item {
    width: 100%;
    height:100%;
  }
  &__item--active {
    display: block !important;
    -webkit-transform: none !important;
            transform: none !important;
    background: #fff;
  }
  &__indicators-wrap {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  &__indicator {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
    margin: 0 3px;
    cursor: pointer;
  }
  &__indicator--active {
    background: #fff;
  }
}