.sh-parallax--media {
	isolation: isolate;
}

.sh-parallax--media.sh-parallax--local-containing-block {
	position: relative;
}

.sh-parallax--media::before {
	pointer-events: none;
	z-index: 1;
}

.sh-parallax--media > .sh-parallax-media-clip {
	border-radius: inherit;
	height: 100%;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.sh-parallax-media-layer {
	--sh-parallax-x: 0px;
	--sh-parallax-y: 0px;
	--sh-parallax-scale: 1;
	--sh-parallax-blur: 0px;
	--sh-parallax-origin-x: 50%;
	--sh-parallax-origin-y: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(var(--sh-parallax-blur));
	height: 100%;
	inset: 0;
	max-width: none;
	pointer-events: none;
	position: absolute;
	transform: translate3d(var(--sh-parallax-x), var(--sh-parallax-y), 0) scale(var(--sh-parallax-scale));
	transform-origin: var(--sh-parallax-origin-x) var(--sh-parallax-origin-y);
	width: 100%;
}

.sh-parallax--editor-preview {
	transition: background-position 550ms ease;
}

.sh-parallax--editor-preview .sh-parallax-media-layer {
	transition: transform 550ms ease, filter 550ms ease, background-position 550ms ease;
}

.sh-parallax--media > .e-con-inner {
	position: relative;
	z-index: 2;
}

.sh-parallax--media > .elementor-element {
	z-index: 2;
}

.sh-parallax--media .sh-parallax-media-layer {
	will-change: auto;
}

.sh-parallax--media.sh-parallax-is-active .sh-parallax-media-layer {
	will-change: transform, filter;
}

.sh-parallax--media.sh-parallax-is-disabled .sh-parallax-media-layer {
	filter: none;
	transform: none;
	will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
	.sh-parallax--editor-preview,
	.sh-parallax--editor-preview .sh-parallax-media-layer {
		transition: none;
	}

	.sh-parallax--media .sh-parallax-media-layer {
		filter: none;
		transform: none;
		will-change: auto;
	}
}
