.transition-overlay-f3f9128b {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #0c0d10;
	z-index: 999999;
	pointer-events: none;
	opacity: 0;
	transition: opacity var(--pt-duration, 400ms) var(--pt-easing, ease-in-out);
}

body.admin-bar .transition-overlay-f3f9128b {
	top: var(--wp-admin--admin-bar--height, 32px);
	height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
}

@media screen and (max-width: 782px) {
	body.admin-bar .transition-overlay-f3f9128b {
		top: 46px;
		height: calc(100vh - 46px);
	}
}

/* FADE EFFECT */
.transition-overlay-f3f9128b[data-type="fade"] {
	opacity: 0;
}
.transition-overlay-f3f9128b[data-type="fade"].is-loading {
	opacity: 1;
	pointer-events: all;
}

/* SLIDE EFFECT */
.transition-overlay-f3f9128b[data-type="slide"] {
	transform: translateY(100%);
	opacity: 1;
	transition: transform var(--pt-duration, 400ms) var(--pt-easing, ease-in-out);
}
.transition-overlay-f3f9128b[data-type="slide"].is-loading {
	transform: translateY(0);
	pointer-events: all;
}

/* ZOOM EFFECT */
.transition-overlay-f3f9128b[data-type="zoom"] {
	transform: scale(1.2);
	opacity: 0;
	transition: transform var(--pt-duration, 400ms) var(--pt-easing, ease-in-out), opacity var(--pt-duration, 400ms) var(--pt-easing, ease-in-out);
}
.transition-overlay-f3f9128b[data-type="zoom"].is-loading {
	transform: scale(1);
	opacity: 1;
	pointer-events: all;
}

/* CURTAIN EFFECT */
.transition-overlay-f3f9128b[data-type="curtain"] {
	background: transparent;
	opacity: 1;
}
.curtain-half-f3f9128b {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #0c0d10;
	transition: transform var(--pt-duration, 400ms) var(--pt-easing, ease-in-out);
}
.left-half-f3f9128b {
	left: 0;
	transform: translateX(-100%);
}
.right-half-f3f9128b {
	right: 0;
	transform: translateX(100%);
}
.transition-overlay-f3f9128b[data-type="curtain"].is-loading {
	pointer-events: all;
}
.transition-overlay-f3f9128b[data-type="curtain"].is-loading .left-half-f3f9128b,
.transition-overlay-f3f9128b[data-type="curtain"].is-loading .right-half-f3f9128b {
	transform: translateX(0);
}
