/* JCR Slider: two-up carousel styled like the old MetaSlider/FlexSlider default theme. */
.jcr-slider {
	--jcr-visible: 2;
	--jcr-ratio: 4 / 1;
	--jcr-speed: 1000ms;
	position: relative;
	margin: 0;
}
.jcr-slider__viewport { overflow: hidden; }
.jcr-slider__track {
	display: flex;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	will-change: transform;
}
.jcr-slider__track.is-animating { transition: transform var(--jcr-speed) linear; }
.jcr-slider__slide {
	flex: 0 0 calc(100% / var(--jcr-visible));
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.jcr-slider__slide::before, .jcr-slider__slide::marker { content: none; }
.jcr-slider__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: var(--jcr-ratio);
	object-fit: cover;
	object-position: 50% 50%;
}
.jcr-slider__arrow {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	cursor: pointer;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .85);
}
.jcr-slider__arrow svg { width: 20px; height: 20px; }
.jcr-slider__arrow:hover, .jcr-slider__arrow:focus-visible { background: #000; }
.jcr-slider__arrow--prev { left: 10px; }
.jcr-slider__arrow--next { right: 10px; }
@media (prefers-reduced-motion: reduce) {
	.jcr-slider__track.is-animating { transition-duration: 1ms; }
}