/* SP Background Media — frontend layer */
.sp-background-media {
	height: 100%;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: var(--sp-background-z-index, 0);
}

.sp-background-media__variant {
	display: none;
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.sp-background-media__variant--desktop {
	display: block;
}

.sp-background-media__asset {
	display: block;
	height: 100%;
	inset: 0;
	max-height: none;
	max-width: none;
	object-fit: var(--sp-background-fit, cover);
	object-position: var(--sp-background-x, 50%) var(--sp-background-y, 50%);
	position: absolute;
	width: 100%;
}

.sp-background-media__video {
	background: transparent;
}

.sp-background-media__overlay {
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
	.sp-background-media__video {
		animation: none !important;
	}
}