.tr-on-scroll-loader-hidden {
    opacity: 0;
    transition: all 0.5s;
}

.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-top:not(.tr-on-scroll-loader-show) {
    transform: translateY(-100%);
}

.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-bottom:not(.tr-on-scroll-loader-show) {
    transform: translateY(100%);
}

.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-popup:not(.tr-on-scroll-loader-show) {
    transform: scale(0);
}

.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-side-left:not(.tr-on-scroll-loader-show),
.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-side:nth-of-type(odd):not(.tr-on-scroll-loader-show) {
    transform: translateX(-100%);
}

.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-side-right:not(.tr-on-scroll-loader-show),
.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-side:nth-of-type(even):not(.tr-on-scroll-loader-show) {
    transform: translateX(100%);
}

@media(prefers-reduced-motion) {
    .tr-on-scroll-loader-hidden {
        transition: none;
    }
}

.tr-on-scroll-loader-show {
    opacity: 1;
}

.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-popup.tr-on-scroll-loader-show {
    transform: scale(1);
}

.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-side-left.tr-on-scroll-loader-show,
.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-side:nth-of-type(odd).tr-on-scroll-loader-show,
.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-side-right.tr-on-scroll-loader-show,
.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-side:nth-of-type(even).tr-on-scroll-loader-show {
    transform: translateX(0);
}

.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-top.tr-on-scroll-loader-show,
.tr-on-scroll-loader-hidden.tr-on-scroll-loader-hidden-bottom.tr-on-scroll-loader-show {
    transform: translateY(0);
}