.esmira-vx-slot-rotator--inject {
	min-height: 0;
}

.esmira-vx-slot-rotator__viewport {
	position: relative;
	overflow: hidden;
	width: 100%;
	--esmira-vx-slot-fx: 0.55s;
}

.esmira-vx-slot-rotator__viewport .esmira-vx-slot-slide {
	width: 100%;
	box-sizing: border-box;
}

.esmira-vx-slot-rotator__viewport[data-effect="fade"] .esmira-vx-slot-slide {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--esmira-vx-slot-fx) ease, visibility var(--esmira-vx-slot-fx) ease;
	z-index: 0;
}

.esmira-vx-slot-rotator__viewport[data-effect="fade"] .esmira-vx-slot-slide.is-active {
	position: relative;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 1;
}

.esmira-vx-slot-rotator__viewport[data-effect="slide"] .esmira-vx-slot-slide {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	transform: translateX(100%);
	transition: transform var(--esmira-vx-slot-fx) ease;
	pointer-events: none;
	z-index: 0;
}

.esmira-vx-slot-rotator__viewport[data-effect="slide"] .esmira-vx-slot-slide.is-active {
	position: relative;
	transform: translateX(0);
	pointer-events: auto;
	z-index: 1;
}

.esmira-vx-slot-rotator__viewport[data-effect="slide"] .esmira-vx-slot-slide.is-leaving {
	position: absolute;
	transform: translateX(-100%);
	pointer-events: none;
	z-index: 0;
}

.esmira-vx-slot-rotator__viewport[data-effect="slide-up"] .esmira-vx-slot-slide {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	transform: translateY(100%);
	transition: transform var(--esmira-vx-slot-fx) ease;
	pointer-events: none;
	z-index: 0;
}

.esmira-vx-slot-rotator__viewport[data-effect="slide-up"] .esmira-vx-slot-slide.is-active {
	position: relative;
	transform: translateY(0);
	pointer-events: auto;
	z-index: 1;
}

.esmira-vx-slot-rotator__viewport[data-effect="slide-up"] .esmira-vx-slot-slide.is-leaving {
	position: absolute;
	transform: translateY(-100%);
	pointer-events: none;
	z-index: 0;
}

.esmira-vx-slot-rotator__viewport[data-effect="zoom"] .esmira-vx-slot-slide {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	opacity: 0;
	transform: scale(1.12);
	transition: transform var(--esmira-vx-slot-fx) ease, opacity var(--esmira-vx-slot-fx) ease;
	pointer-events: none;
	z-index: 0;
}

.esmira-vx-slot-rotator__viewport[data-effect="zoom"] .esmira-vx-slot-slide.is-active {
	position: relative;
	opacity: 1;
	transform: scale(1);
	pointer-events: auto;
	z-index: 1;
}

.esmira-vx-slot-rotator__viewport[data-effect="zoom"] .esmira-vx-slot-slide.is-leaving {
	position: absolute;
	opacity: 0;
	transform: scale(0.88);
	pointer-events: none;
	z-index: 0;
}

.esmira-vx-slot-rotator__viewport[data-effect="flip"] {
	perspective: 900px;
}

.esmira-vx-slot-rotator__viewport[data-effect="flip"] .esmira-vx-slot-slide {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	opacity: 0;
	transform: rotateY(70deg);
	transform-origin: center center;
	transition: transform var(--esmira-vx-slot-fx) ease, opacity var(--esmira-vx-slot-fx) ease;
	pointer-events: none;
	z-index: 0;
	backface-visibility: hidden;
}

.esmira-vx-slot-rotator__viewport[data-effect="flip"] .esmira-vx-slot-slide.is-active {
	position: relative;
	opacity: 1;
	transform: rotateY(0deg);
	pointer-events: auto;
	z-index: 1;
}

.esmira-vx-slot-rotator__viewport[data-effect="flip"] .esmira-vx-slot-slide.is-leaving {
	position: absolute;
	opacity: 0;
	transform: rotateY(-70deg);
	pointer-events: none;
	z-index: 0;
}

@media (prefers-reduced-motion: reduce) {
	.esmira-vx-slot-rotator__viewport {
		--esmira-vx-slot-fx: 0.01s;
	}
}

.ts-preview.esmira-vx-slot-inject {
	width: 100%;
	min-width: 0;
	overflow: hidden;
	isolation: isolate;
}

.ts-preview.esmira-vx-slot-inject--full {
	grid-column: 1 / -1;
}

.ts-preview.esmira-vx-slot-inject .esmira-vx-slot-rotator__viewport {
	width: 100%;
	max-width: 100%;
}