/* Main Swiper */
.swiper {
	width: 100%;
	height: 100%;
}

/* Swiper navigation */
.swiper-button-next, .swiper-button-prev{
    width: calc(var(--swiper-navigation-size)/ 44 * 40);
    background: hsla(0, 0%, 100%, 0.75);
    border-radius: 2px;
    box-shadow: var(--box-shadow);
}

.swiper-button-prev:after,
.swiper-button-next:after{
    content: '';
    -webkit-mask-image: url('../../../icons/chevron-forward-outline.svg');
	mask-image: url('../../../icons/chevron-forward-outline.svg');
	background-color: #333;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.swiper-button-prev:after{
	transform: rotate(180deg);
}

/* Swiper pagination */
.swiper-pagination-bullet{
	--swiper-pagination-bullet-horizontal-gap: 2px;
    transition: var(--transition);
    width: 8px;
    height: 8px;
}

.swiper-pagination-bullet-active{
    background: #fff;
    width: 16px;
    border-radius: 12px;
}