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

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

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

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

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

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

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

.wd-animation-bottom-flip-x.wd-animation-ready:not(.wd-in) {
	--wd-transform-translateY: 100px;
	--wd-transform-rotateX: 90deg;
	--wd-transform-scaleX: .6;
	--wd-transform-scaleY: .6;
}

.wd-animation-top-flip-x.wd-animation-ready:not(.wd-in) {
	--wd-transform-translateY: -100px;
	--wd-transform-rotateX: 90deg;
	--wd-transform-scaleX: .6;
	--wd-transform-scaleY: .6;
}

.wd-animation-left-flip-y.wd-animation-ready:not(.wd-in) {
	--wd-transform-translateX: -100px;
	--wd-transform-rotateY: -90deg;
	--wd-transform-scaleX: .6;
	--wd-transform-scaleY: .6;
}

.wd-animation-right-flip-y.wd-animation-ready:not(.wd-in) {
	--wd-transform-translateX: 100px;
	--wd-transform-rotateY: 90deg;
	--wd-transform-scaleX: .6;
	--wd-transform-scaleY: .6;
}

:is(.wd-animation-bottom-flip-x,.wd-animation-top-flip-x,.wd-animation-left-flip-y,.wd-animation-right-flip-y).wd-animation-ready {
	--wd-transform-perspective: 1000px;
}