.animate-scroll-up {
    transform: translateY(calc((1 - var(--progress)) * 80px));
}

.animate-scroll-left {
    transform: translateX(calc((1 - var(--progress)) * 80px));
}

.animate-scroll-right {
    transform: translateX(calc((1 - var(--progress)) * -80px));
}

.animate-scroll-scale {
    transform: scale(calc(0.8 + var(--progress) * 0.2));
}

.animate-scroll-fade {
    opacity: var(--progress);
}

.animate-scroll-rotate {
    transform: rotate(calc((1 - var(--progress)) * -10deg));
}