[class*="wd-animation"] {
	--wd-anim-duration: 1s;
	--wd-anim-timing-f: cubic-bezier(0, .87, .58, 1);
	opacity: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

[class*="wd-animation"], [class*="wd-animation"].elementor-element[class*="elementor-element-"] {
	transition-property: opacity, transform;
	transition-timing-function: ease, var(--wd-anim-timing-f);
}

[class*="wd-animation"].wd-animated {
	transition-duration: .25s, var(--wd-anim-duration);
}

[class*="wd-animation"].wd-animation-slow {
	--wd-anim-duration: 1.6s;
}

[class*="wd-animation"].wd-animation-fast {
	--wd-anim-duration: .6s;
}

[class*="wd-animation"]:not(.wd-animated) {
	will-change: transform, opacity;
}

[class*="wd-animation"].wd-animation-ready.wd-animated {
	opacity: 1;
	transform: none;
}

.wd-animation-slide-from-top.wd-animation-ready {
	transform: translateY(-150px);
}

.wd-animation-slide-from-bottom.wd-animation-ready {
	transform: translateY(150px);
}

.wd-animation-slide-from-left.wd-animation-ready {
	transform: translateX(-500px);
}

.wd-animation-slide-from-right.wd-animation-ready {
	transform: translateX(500px);
}

.wd-animation-slide-short-from-left.wd-animation-ready {
	transform: translateX(-150px);
}

.wd-animation-slide-short-from-right.wd-animation-ready {
	transform: translateX(150px);
}

.wd-animation-zoom-in.wd-animation-ready {
	transform: scale(.6);
}

.wd-animation-bottom-flip-x.wd-animation-ready {
	transform: translateY(100px) rotate3d(1, 0, 0, 90deg) scale(.6);
}

.wd-animation-top-flip-x.wd-animation-ready {
	transform: translateY(-100px) rotate3d(1, 0, 0, 90deg) scale(.6);
}

:is(.wd-animation-bottom-flip-x, .wd-animation-top-flip-x).wd-animation-ready.wd-animated {
	transform: perspective(1000px) translateY(0) rotate3d(1, 0, 0, 0deg) scale(1);
}

.wd-animation-left-flip-y.wd-animation-ready {
	transform: translateX(-100px) rotate3d(0, 1, 0, -90deg) scale(.6);
}

.wd-animation-right-flip-y.wd-animation-ready {
	transform: translateX(100px) rotate3d(0, 1, 0, 90deg) scale(.6);
}

:is(.wd-animation-left-flip-y, .wd-animation-right-flip-y).wd-animation-ready.wd-animated {
	transform: perspective(1000px) translateY(0px) rotate3d(0, 1, 0, 0deg) scale(1);
}