.wd-animation {
	--wd-anim-duration: 1s;
	--wd-anim-timing-f: cubic-bezier(0, .87, .58, 1);
	--wd-anim-delay: 0s;
	--wd-trans-main: all .25s ease;
	--wd-trans-last: transform var(--wd-anim-duration) var(--wd-anim-timing-f) var(--wd-anim-delay), opacity .25s ease var(--wd-anim-delay);
	opacity: 0;
}

.wd-animation:not(.wd-animated) {
	transition: none !important;
}

.wd-animation.wd-animated {
	opacity: 1;
	transition: var(--wd-trans-main), var(--wd-trans-last);
}

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

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

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

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

.wd-animation-zoom-in.wd-animation-ready:not(.wd-animated) {
	--wd-transform-scaleX: .6;
	--wd-transform-scaleY: .6;
}