.stvh {
	--stvh-aspect: 3840 / 1600;
	--stvh-fallback-padding: 41.66666667%;
	--stvh-device-aspect: var(--stvh-aspect);
	--stvh-device-padding: var(--stvh-fallback-padding);
	--stvh-box-width: 1440px;
	--stvh-box-width-tablet: var(--stvh-box-width);
	--stvh-box-width-mobile: var(--stvh-box-width-tablet);
	--stvh-tilt-scale: 1.02;
	--stvh-tilt-perspective: 1200px;
	position: relative;
	display: block;
	width: 100%;
	max-width: none;
	min-width: 0;
	min-height: 0;
	margin-block: 0;
	padding: 0;
	overflow: hidden;
	aspect-ratio: var(--stvh-active-aspect, var(--stvh-device-aspect));
	line-height: 0;
	background: transparent !important;
	box-sizing: border-box;
	isolation: isolate;
}

.stvh__tilt-stage {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	transform: perspective(var(--stvh-tilt-perspective)) rotateX(0deg) rotateY(0deg) scale(1);
	transform-origin: 50% 50%;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	line-height: 0;
	pointer-events: none;
	box-sizing: border-box;
}

.stvh--tilt-enabled.stvh--tilt-unlocked .stvh__tilt-stage {
	will-change: transform;
}

.stvh--layout-full {
	width: 100vw;
	max-width: 100vw !important;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

.stvh--layout-boxed {
	width: 100%;
	max-width: var(--stvh-box-width) !important;
}

.stvh--layout-boxed.stvh--align-left {
	margin-right: auto;
	margin-left: 0;
}

.stvh--layout-boxed.stvh--align-center {
	margin-right: auto;
	margin-left: auto;
}

.stvh--layout-boxed.stvh--align-right {
	margin-right: 0;
	margin-left: auto;
}

.stvh__video,
.stvh__fallback,
.stvh__noscript {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
	object-fit: contain;
	object-position: 50% 50%;
	background: transparent !important;
	box-shadow: none;
	pointer-events: none;
}

.stvh__fallback[hidden],
.stvh__video[hidden] {
	display: none !important;
}

.stvh--fallback-mode .stvh__video {
	display: none !important;
}

.stvh--fallback-mode .stvh__fallback:not([hidden]) {
	display: block !important;
}

@supports (width: 100dvw) {
	.stvh--layout-full {
		width: 100dvw;
		max-width: 100dvw !important;
		margin-right: calc(50% - 50dvw);
		margin-left: calc(50% - 50dvw);
	}
}

@supports not (aspect-ratio: 1 / 1) {
	.stvh {
		height: 0;
		padding-bottom: var(--stvh-active-padding, var(--stvh-device-padding));
	}
}

@media (max-width: 1024px) {
	.stvh {
		--stvh-device-aspect: var(--stvh-aspect-tablet, var(--stvh-aspect));
		--stvh-device-padding: var(--stvh-padding-tablet, var(--stvh-fallback-padding));
	}
	.stvh--layout-boxed {
		max-width: var(--stvh-box-width-tablet) !important;
	}
}

@media (max-width: 767px) {
	.stvh {
		--stvh-device-aspect: var(--stvh-aspect-mobile, var(--stvh-aspect-tablet, var(--stvh-aspect)));
		--stvh-device-padding: var(--stvh-padding-mobile, var(--stvh-padding-tablet, var(--stvh-fallback-padding)));
	}
	.stvh--layout-boxed {
		max-width: var(--stvh-box-width-mobile) !important;
	}
}

@media (hover: none), (pointer: coarse) {
	.stvh__tilt-stage {
		transform: none !important;
		will-change: auto !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.stvh__tilt-stage {
		transform: none !important;
		will-change: auto !important;
	}
}

@media print {
	.stvh__video {
		display: none !important;
	}

	.stvh__fallback {
		display: block !important;
	}
}