@keyframes fade_in_from_top {
    from {
        opacity: 0;
        transform: translateY(var(--fade-in-from-top));
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-top-animate {
    animation: fade_in_from_top 1s ease forwards;
}