.pw-widget.pw-slideshow {
  $slideshowDotSize: 10px;
  $slideshowBottomSpacing: 20px;
  $slideshowDotHorizontalSpacing: 5px;

  > .pw-widget.pw-container {
    margin: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .pw-slideshow-dots {
    position: absolute;
    text-align: center;
    left: 50%;
    bottom: $slideshowBottomSpacing;
    line-height: $slideshowDotSize;
    @include transform(unquote("translatex(-50%)"));
    z-index: 2;

    span.swiper-pagination-switch {
      display: inline-block;
      width: $slideshowDotSize;
      height: $slideshowDotSize;
      opacity: .6;
      border-radius: $slideshowDotSize/2;
      margin: 0 $slideshowDotHorizontalSpacing;

       &.swiper-active-switch {
        opacity: 1;
      }

       &:hover {
        cursor: pointer;
      }
    }
  }
}

// Using body to ensure selector strength, can't use .b-content
// because popup is added to body and might include slideshows
body {
  .pw-widget.swiper-container {
    overflow: hidden;
    @include backface-visibility(hidden);
    /* Fix of Webkit flickering */
    z-index: 1;

    .swiper-wrapper {
      position:relative;
      width:100%;
      @include transition-property(unquote("-webkit-transform, transform, left, top"));
      @include transition-duration(0s);
      @include transform(unquote("translate3d(0px,0,0)"));
      @include transition-timing-function(ease);
      @include box-sizing(content-box);
    }
    .swiper-free-mode > .swiper-wrapper {
      @include transition-timing-function(ease-out);
      margin: 0 auto;
    }
    .swiper-slide {
      display: block;
      visibility: visible;
      float: left;
      position: relative;
      @include box-sizing(content-box);
    }

    /* IE10 Windows Phone 8 Fixes */
    .swiper-wp8-horizontal {
      -ms-touch-action: pan-y;
    }
    .swiper-wp8-vertical {
      -ms-touch-action: pan-x;
    }
  }
}
