:host,
.swiper {
	display: block;
	position: relative;
	z-index: 1;
	margin-inline: auto;
}

.swiper {
	overflow: hidden;
	list-style: none;
	padding: 0;
}

.swiper-wrapper,
.swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
}

.swiper-wrapper {
	display: flex;
	z-index: 1;
	box-sizing: content-box;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
}

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

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-slide {
	display: block;
	flex-shrink: 0;
	transition-property: transform;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

:root {
	--swiper-navigation-size: 44px;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none!important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	width: 100%;
	left: 0;
	top: var(--swiper-pagination-top, auto);
	bottom: var(--swiper-pagination-bottom, 8px);
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin-inline: var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left;
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
	position: absolute;
	background: var(--swiper-pagination-progressbar-bg-color, rgb(0 0 0/.25));
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0);
	transform-origin: left top;
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-lock,
.swiper-scrollbar-lock {
	display: none;
}

.swiper-scrollbar {
	height: 8px;
	position: relative;
	touch-action: none;
	border-radius: 20px;
	background: var(--grey);
	box-shadow: inset 0 4px 4px 0 rgb(39 141 237/.1);
}

.swiper-scrollbar-drag {
	height: 100%;
	position: relative;
}

.swiper-scrollbar-drag::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	inset: 0;
	margin: auto;
	border-radius: 50%;
	background-color: var(--white);
	box-shadow: 0 0 10px 0 rgb(39 141 237/.31);
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-free-mode>.swiper-wrapper {
	margin-inline: auto;
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}

.swiper-free-mode>.swiper-wrapper,
.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-creative .swiper-slide {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: transform, opacity, height
}