.svs-slider {
	--swiper-theme-color: #fff;
	--swiper-navigation-size: 32px;
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-pagination-bullet-inactive-opacity: 0.5;
	position: relative;
	width: 100%;
	height: var(--svs-h-desktop, 600px);
	overflow: hidden;
	background: #000;
}
@media (min-width: 1600px) {
	.svs-slider { height: var(--svs-h-wide, 700px); }
}
@media (max-width: 1024px) {
	.svs-slider { height: var(--svs-h-tablet, 450px); }
}
@media (max-width: 767px) {
	.svs-slider { height: var(--svs-h-mobile, 300px); --swiper-navigation-size: 24px; }
}

/* Scale with the screen: the banner takes the shape of the images for each screen size */
.svs-slider.svs-mode-scale {
	height: auto;
	aspect-ratio: var(--svs-ratio, 16 / 9);
}
@media (min-width: 1600px) {
	.svs-slider.svs-mode-scale { aspect-ratio: var(--svs-ratio-wide, var(--svs-ratio, 16 / 9)); }
}
/* Tablet and phone shapes only apply when the device is held upright */
@media (max-width: 1024px) and (orientation: portrait) {
	.svs-slider.svs-mode-scale { aspect-ratio: var(--svs-ratio-tablet, var(--svs-ratio, 16 / 9)); }
}
@media (max-width: 767px) and (orientation: portrait) {
	.svs-slider.svs-mode-scale { aspect-ratio: var(--svs-ratio-mobile, var(--svs-ratio, 16 / 9)); }
}

.svs-slider .swiper-slide { height: 100%; overflow: hidden; }
.svs-slider .swiper-slide > a,
.svs-slider .svs-picture { display: block; width: 100%; height: 100%; }
.svs-slider .svs-img,
.svs-slider .svs-video {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}
.svs-slider .swiper-button-prev,
.svs-slider .swiper-button-next {
	background: none;
	border: 0;
	padding: 0;
	filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5));
}
.svs-slider .swiper-button-prev:focus-visible,
.svs-slider .swiper-button-next:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}