.mpscp-sticky-spacer {
	width: 100%;
	pointer-events: none;
}

.mpscp-sticky-target {
	transition:
		opacity var(--mpscp-duration, 600ms) ease,
		transform var(--mpscp-duration, 600ms) ease,
		clip-path var(--mpscp-duration, 600ms) ease,
		filter var(--mpscp-duration, 600ms) ease;
	will-change: opacity, transform, clip-path;
}

.mpscp-sticky-target.mpscp-is-hidden {
	opacity: 0;
}

.mpscp-sticky-target.mpscp-is-visible {
	opacity: 1;
	transform: none;
	clip-path: inset(0 0 0 0);
	filter: none;
}

.mpscp-effect-none.mpscp-is-hidden,
.mpscp-effect-none.mpscp-is-visible {
	opacity: 1;
	transform: none;
	clip-path: inset(0 0 0 0);
	filter: none;
}

.mpscp-effect-fade.mpscp-is-hidden {
	opacity: 0;
}

.mpscp-effect-slide-up.mpscp-is-hidden {
	transform: translateY(32px);
}

.mpscp-effect-slide-down.mpscp-is-hidden {
	transform: translateY(-32px);
}

.mpscp-effect-slide-left.mpscp-is-hidden {
	transform: translateX(32px);
}

.mpscp-effect-slide-right.mpscp-is-hidden {
	transform: translateX(-32px);
}

.mpscp-effect-zoom.mpscp-is-hidden {
	transform: scale(.92);
	filter: blur(1px);
}

.mpscp-effect-clip.mpscp-is-hidden {
	opacity: 1;
	clip-path: inset(0 100% 0 0);
}

@media (prefers-reduced-motion: reduce) {
	.mpscp-sticky-target {
		transition: none !important;
		transform: none !important;
		filter: none !important;
		clip-path: none !important;
		opacity: 1 !important;
	}
}