/* Base transition setup applied to body */
.pt-582-init {
    transition-property: opacity, transform;
}

/* --- Fade --- */
.pt-582-fade:not(.pt-582-entered) {
    opacity: 0;
}
.pt-582-fade.pt-582-entered {
    opacity: 1;
}

/* --- Slide Up --- */
.pt-582-slide-up:not(.pt-582-entered) {
    opacity: 0;
    transform: translateY(20px);
}
.pt-582-slide-up.pt-582-entered {
    opacity: 1;
    transform: translateY(0);
}

/* --- Slide Right --- */
.pt-582-slide-right:not(.pt-582-entered) {
    opacity: 0;
    transform: translateX(-20px);
}
.pt-582-slide-right.pt-582-entered {
    opacity: 1;
    transform: translateX(0);
}

/* --- Zoom --- */
.pt-582-zoom:not(.pt-582-entered) {
    opacity: 0;
    transform: scale(0.98);
}
.pt-582-zoom.pt-582-entered {
    opacity: 1;
    transform: scale(1);
}