.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: 0.6;
    --wd-transform-scaleY: 0.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: 0.6;
    --wd-transform-scaleY: 0.6;
}
.wd-animation-top-flip-x.wd-animation-ready:not(.wd-in) {
    --wd-transform-translateY: -100px;
    --wd-transform-rotateX: 90deg;
    --wd-transform-scaleX: 0.6;
    --wd-transform-scaleY: 0.6;
}
.wd-animation-left-flip-y.wd-animation-ready:not(.wd-in) {
    --wd-transform-translateX: -100px;
    --wd-transform-rotateY: -90deg;
    --wd-transform-scaleX: 0.6;
    --wd-transform-scaleY: 0.6;
}
.wd-animation-right-flip-y.wd-animation-ready:not(.wd-in) {
    --wd-transform-translateX: 100px;
    --wd-transform-rotateY: 90deg;
    --wd-transform-scaleX: 0.6;
    --wd-transform-scaleY: 0.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;
}