.lm-reveal-image {
	--lm-reveal-duration: 900ms;
	--lm-reveal-opacity-duration: 650ms;
	--lm-reveal-easing: cubic-bezier(0.22, 1, 0.36, 1);

	position: relative;
	display: block;
	overflow: hidden;
	isolation: isolate;
}

.lm-reveal-image__stage {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.001;
	transform: translateZ(0);
	transition:
		clip-path var(--lm-reveal-duration) var(--lm-reveal-easing),
		opacity var(--lm-reveal-opacity-duration) ease,
		transform var(--lm-reveal-duration) var(--lm-reveal-easing);
	will-change: clip-path, opacity, transform;
}

.lm-reveal-image__stage > .el-image,
.lm-reveal-image__stage > .el-link,
.lm-reveal-image__stage > .uk-inline,
.lm-reveal-image__stage > .uk-flex {
	width: 100%;
}

.lm-reveal-image__stage .el-image {
	display: block;
	width: 100%;
}

.lm-reveal-image--circle-right .lm-reveal-image__stage {
	clip-path: circle(0% at 100% 50%);
}

.lm-reveal-image--circle-left .lm-reveal-image__stage {
	clip-path: circle(0% at 0% 50%);
}

.lm-reveal-image--circle-center .lm-reveal-image__stage {
	clip-path: circle(0% at 50% 50%);
}

.lm-reveal-image--wipe-left .lm-reveal-image__stage {
	clip-path: inset(0 100% 0 0);
	transform: translateX(-1.25rem);
}

.lm-reveal-image--wipe-right .lm-reveal-image__stage {
	clip-path: inset(0 0 0 100%);
	transform: translateX(1.25rem);
}

.lm-reveal-image--wipe-top .lm-reveal-image__stage {
	clip-path: inset(0 0 100% 0);
	transform: translateY(-1.25rem);
}

.lm-reveal-image--wipe-bottom .lm-reveal-image__stage {
	clip-path: inset(100% 0 0 0);
	transform: translateY(1.25rem);
}

.lm-reveal-image--fade .lm-reveal-image__stage {
	transform: scale(1.015);
}

.lm-reveal-image--inview .lm-reveal-image__stage {
	clip-path: circle(150% at 50% 50%);
	opacity: 1;
	transform: none;
}

.lm-reveal-image--inview.lm-reveal-image--circle-right .lm-reveal-image__stage {
	clip-path: circle(150% at 100% 50%);
}

.lm-reveal-image--inview.lm-reveal-image--circle-left .lm-reveal-image__stage {
	clip-path: circle(150% at 0% 50%);
}

.lm-reveal-image--inview.lm-reveal-image--wipe-left .lm-reveal-image__stage,
.lm-reveal-image--inview.lm-reveal-image--wipe-right .lm-reveal-image__stage,
.lm-reveal-image--inview.lm-reveal-image--wipe-top .lm-reveal-image__stage,
.lm-reveal-image--inview.lm-reveal-image--wipe-bottom .lm-reveal-image__stage,
.lm-reveal-image--inview.lm-reveal-image--fade .lm-reveal-image__stage {
	clip-path: inset(0);
}

@media (prefers-reduced-motion: reduce) {
	.lm-reveal-image__stage {
		clip-path: none !important;
		opacity: 1;
		transform: none;
		transition: none;
	}
}
