.swiper {

position: relative;
@include overflow(hidden);

}

.swiper__wrapper, .swiper__slide {

width: 100%;
height: 100%;

}

.swiper__wrapper {

@include flexbox();

}

.swiper__wrapper–animation {

@include transition(transform map-get($animation, duration) map-get($animation, timing-function));

}

.swiper__slide {

@include flex-shrink(0);
& > img {
  max-width: 100%;
}

}

.swiper__button {

position: absolute;
top: 50%;
@extend .button, .button--circle;
@include transform(translate(0, -50%));
@include clickable($text-color-d, rgba($main-color-3, .4));

}

.swiper–light .swiper__button {

@include clickable($text-color-theme-light, rgba($main-color-theme-dark, .4));

}

.swiper–dark .swiper__button {

@include clickable($text-color-theme-dark, rgba($main-color-theme-light, .4));

}

.swiper__button–prev {

left: 10px;

}

.swiper__button–next {

right: 10px;

}