.vnn-animate {
	--vnn-animation-distance: 60px;
	--vnn-animation-duration: .6s;
	--vnn-animation-delay: 0s;
	--vnn-animation-easing: cubic-bezier(.22, 1, .36, 1);
	--vnn-animation-x: 0px;
	--vnn-animation-y: 0px;
	--vnn-animation-scale: 1;
	--vnn-animation-blur: 0px;
	--vnn-scroll-x: 0px;
	--vnn-scroll-y: 0px;
	opacity: 1;
	translate: calc(var(--vnn-animation-x) + var(--vnn-scroll-x)) calc(var(--vnn-animation-y) + var(--vnn-scroll-y));
	scale: var(--vnn-animation-scale);
	filter: blur(var(--vnn-animation-blur));
	transition: opacity var(--vnn-animation-duration) var(--vnn-animation-easing) var(--vnn-animation-delay), translate var(--vnn-animation-duration) var(--vnn-animation-easing) var(--vnn-animation-delay), scale var(--vnn-animation-duration) var(--vnn-animation-easing) var(--vnn-animation-delay), filter var(--vnn-animation-duration) var(--vnn-animation-easing) var(--vnn-animation-delay);
	will-change: opacity, translate, scale, filter;
}

.vnn-motion-sentinel {
	display: block;
	width: 1px;
	height: 1px;
	margin-bottom: -1px;
	visibility: hidden;
	pointer-events: none;
}

.vnn-animate.vnn-animate--fade:not(.is-visible) { opacity: 0; }
.vnn-animate.vnn-animate--from-bottom:not(.is-visible) { --vnn-animation-y: var(--vnn-animation-distance); opacity: 0; }
.vnn-animate.vnn-animate--from-left:not(.is-visible) { --vnn-animation-x: calc(0px - var(--vnn-animation-distance)); opacity: 0; }
.vnn-animate.vnn-animate--from-right:not(.is-visible) { --vnn-animation-x: var(--vnn-animation-distance); opacity: 0; }
.vnn-animate.vnn-animate--from-top:not(.is-visible) { --vnn-animation-y: calc(0px - var(--vnn-animation-distance)); opacity: 0; }
.vnn-animate.vnn-animate--pop:not(.is-visible) { --vnn-animation-y: var(--vnn-animation-distance); --vnn-animation-scale: .65; opacity: 0; transform-origin: center bottom; }
.vnn-animate.vnn-animate--zoom:not(.is-visible) { --vnn-animation-scale: .88; opacity: 0; }
.vnn-animate.vnn-animate--blur:not(.is-visible) { --vnn-animation-blur: 12px; opacity: 0; }
.vnn-animate.is-visible {
	--vnn-animation-x: 0px;
	--vnn-animation-y: 0px;
	--vnn-animation-scale: 1;
	--vnn-animation-blur: 0px;
	opacity: 1;
	will-change: auto;
}

.vnn-animate[class*="vnn-animate--columns-"] > .wp-block-column {
	--vnn-column-motion-x: 0px;
	--vnn-column-motion-y: 0px;
	--vnn-column-motion-scale: 1;
	opacity: 0;
	translate: var(--vnn-column-motion-x) var(--vnn-column-motion-y);
	scale: var(--vnn-column-motion-scale);
	transition: opacity var(--vnn-animation-duration) var(--vnn-animation-easing), translate var(--vnn-animation-duration) var(--vnn-animation-easing), scale var(--vnn-animation-duration) var(--vnn-animation-easing);
	transition-delay: calc(var(--vnn-animation-delay) + var(--vnn-column-delay, 0ms));
	will-change: opacity, translate, scale;
}
.vnn-animate.vnn-animate--columns-fade-up > .wp-block-column { --vnn-column-motion-y: var(--vnn-animation-distance); }
.vnn-animate.vnn-animate--columns-fade-left > .wp-block-column { --vnn-column-motion-x: calc(0px - var(--vnn-animation-distance)); }
.vnn-animate.vnn-animate--columns-zoom > .wp-block-column { --vnn-column-motion-scale: .88; }
.vnn-animate[class*="vnn-animate--columns-"].is-visible > .wp-block-column {
	--vnn-column-motion-x: 0px;
	--vnn-column-motion-y: 0px;
	--vnn-column-motion-scale: 1;
	opacity: 1;
	will-change: auto;
}
.vnn-animate[class*="vnn-animate--columns-"] > .wp-block-column:nth-child(1) { --vnn-column-delay: 0ms; }
.vnn-animate[class*="vnn-animate--columns-"] > .wp-block-column:nth-child(2) { --vnn-column-delay: var(--vnn-motion-stagger); }
.vnn-animate[class*="vnn-animate--columns-"] > .wp-block-column:nth-child(3) { --vnn-column-delay: calc(var(--vnn-motion-stagger) + var(--vnn-motion-stagger)); }
.vnn-animate[class*="vnn-animate--columns-"] > .wp-block-column:nth-child(4) { --vnn-column-delay: calc(var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger)); }
.vnn-animate[class*="vnn-animate--columns-"] > .wp-block-column:nth-child(5) { --vnn-column-delay: calc(var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger)); }
.vnn-animate[class*="vnn-animate--columns-"] > .wp-block-column:nth-child(6) { --vnn-column-delay: calc(var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger)); }
.vnn-animate[class*="vnn-animate--columns-"] > .wp-block-column:nth-child(7) { --vnn-column-delay: calc(var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger)); }
.vnn-animate[class*="vnn-animate--columns-"] > .wp-block-column:nth-child(8) { --vnn-column-delay: calc(var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger) + var(--vnn-motion-stagger)); }

@media (max-width: 960px) {
	.vnn-animate.is-vnn-motion-disabled-tb,
	.vnn-animate.is-vnn-motion-disabled-tb > .wp-block-column {
		--vnn-animation-x: 0px;
		--vnn-animation-y: 0px;
		--vnn-animation-scale: 1;
		--vnn-animation-blur: 0px;
		--vnn-column-motion-x: 0px;
		--vnn-column-motion-y: 0px;
		--vnn-column-motion-scale: 1;
		opacity: 1;
		transition: none;
	}
}

@media (max-width: 719px) {
	.vnn-animate.is-vnn-motion-disabled-sp,
	.vnn-animate.is-vnn-motion-disabled-sp > .wp-block-column {
		--vnn-animation-x: 0px;
		--vnn-animation-y: 0px;
		--vnn-animation-scale: 1;
		--vnn-animation-blur: 0px;
		--vnn-column-motion-x: 0px;
		--vnn-column-motion-y: 0px;
		--vnn-column-motion-scale: 1;
		opacity: 1;
		transition: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vnn-animate,
	.vnn-animate > .wp-block-column {
		--vnn-animation-x: 0px !important;
		--vnn-animation-y: 0px !important;
		--vnn-animation-scale: 1 !important;
		--vnn-animation-blur: 0px !important;
		--vnn-column-motion-x: 0px !important;
		--vnn-column-motion-y: 0px !important;
		--vnn-column-motion-scale: 1 !important;
		opacity: 1 !important;
		transition: none !important;
	}
}
