:root {
	--swiper-theme-color: #007aff;
	--swiper-navigation-size: 44px;
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0, 0, 0);
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	text-transform: none;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content: "prev";
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content: "next";
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: opacity .3s;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg);
	}
}