/**
 * Swiper 12.0.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 11, 2025
 */

:root {
	--swiper-theme-color: #007aff
}

:host {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}

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

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	box-sizing: initial;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	width: 100%;
	z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

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

.swiper-vertical {
	touch-action: pan-x
}

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

.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 {
	backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px;

	.swiper-cube-shadow,
	.swiper-slide {
		transform-style: preserve-3d
	}
}

.swiper-css-mode {
	>.swiper-wrapper {
		overflow: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;

		&::-webkit-scrollbar {
			display: none
		}
	}

	>.swiper-wrapper>.swiper-slide {
		scroll-snap-align: start start
	}

	&.swiper-horizontal {
		>.swiper-wrapper {
			scroll-snap-type: x mandatory
		}
	}

	&.swiper-vertical {
		>.swiper-wrapper {
			scroll-snap-type: y mandatory
		}
	}

	&.swiper-free-mode {
		>.swiper-wrapper {
			scroll-snap-type: none
		}

		>.swiper-wrapper>.swiper-slide {
			scroll-snap-align: none
		}
	}

	&.swiper-centered {
		>.swiper-wrapper:before {
			content: "";
			flex-shrink: 0;
			order: 9999
		}

		>.swiper-wrapper>.swiper-slide {
			scroll-snap-align: center center;
			scroll-snap-stop: always
		}
	}

	&.swiper-centered.swiper-horizontal {
		>.swiper-wrapper>.swiper-slide:first-child {
			margin-inline-start: var(--swiper-centered-offset-before)
		}

		>.swiper-wrapper:before {
			height: 100%;
			min-height: 1px;
			width: var(--swiper-centered-offset-after)
		}
	}

	&.swiper-centered.swiper-vertical {
		>.swiper-wrapper>.swiper-slide:first-child {
			margin-block-start: var(--swiper-centered-offset-before)
		}

		>.swiper-wrapper:before {
			height: var(--swiper-centered-offset-after);
			min-width: 1px;
			width: 100%
		}
	}
}

.swiper-3d {

	.swiper-slide-shadow,
	.swiper-slide-shadow-bottom,
	.swiper-slide-shadow-left,
	.swiper-slide-shadow-right,
	.swiper-slide-shadow-top {
		height: 100%;
		left: 0;
		pointer-events: none;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 10
	}

	.swiper-slide-shadow {
		background: #00000026
	}

	.swiper-slide-shadow-left {
		background-image: linear-gradient(270deg, #00000080, #0000)
	}

	.swiper-slide-shadow-right {
		background-image: linear-gradient(90deg, #00000080, #0000)
	}

	.swiper-slide-shadow-top {
		background-image: linear-gradient(0deg, #00000080, #0000)
	}

	.swiper-slide-shadow-bottom {
		background-image: linear-gradient(180deg, #00000080, #0000)
	}
}

.swiper-lazy-preloader {
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top: 4px solid #0000;
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10
}

.swiper-watch-progress .swiper-slide-visible,
.swiper:not(.swiper-watch-progress) {
	.swiper-lazy-preloader {
		animation: swiper-preloader-spin 1s linear infinite
	}
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}