/*
 * NaturesLens
 * Site-wide Bricks popup wipe animation
 */
body.bricks-is-frontend .x-modal.x-modal_open:not([aria-hidden="true"]) .x-modal_container,
body.bricks-is-frontend .brx-popup:not(.hide) .brx-popup-content {
	animation: nl-popup-wipe-down 520ms cubic-bezier(.22, 1, .36, 1) both !important;
	transform-origin: top center;
	will-change: clip-path, opacity, transform;
}

body.bricks-is-frontend .x-modal.x-modal_open:not([aria-hidden="true"]) .x-modal_backdrop,
body.bricks-is-frontend .brx-popup:not(.hide) .brx-popup-backdrop {
	animation: nl-popup-backdrop-in 240ms ease-out both !important;
}

@keyframes nl-popup-wipe-down {
	0% {
		-webkit-clip-path: inset(0 0 max(0px, calc(100% - 100px)) 0);
		clip-path: inset(0 0 max(0px, calc(100% - 100px)) 0);
		opacity: 0;
		transform: translateY(-10px);
	}

	16% {
		opacity: 1;
	}

	100% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes nl-popup-backdrop-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.bricks-is-frontend .x-modal.x-modal_open:not([aria-hidden="true"]) .x-modal_container,
	body.bricks-is-frontend .x-modal.x-modal_open:not([aria-hidden="true"]) .x-modal_backdrop,
	body.bricks-is-frontend .brx-popup:not(.hide) .brx-popup-content,
	body.bricks-is-frontend .brx-popup:not(.hide) .brx-popup-backdrop {
		animation: none !important;
		will-change: auto;
	}
}