@keyframes slide-up {
    0% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes hard-slide-up {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes slide-down {
    0% {
        transform: translateY(-20%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes lite-slide-down {
    0% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slide-from-right {
    0% {
        opacity: 0.3;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slide-from-left {
    0% {
        opacity: 0.3;
        transform: translateX(-50%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes primary-blink {
    0% {
        background-color: var(--primary-alpha-500);
    }
    50% {
        background-color: var(--primary-alpha-800);
    }
    100% {
        background-color: var(--primary-alpha-500);
    }
}

@keyframes spin {
    0% {
        transform: rotateZ(0deg)
    }
    100% {
        transform: rotateZ(360deg)
    }
}

@keyframes glow-secondary {
    0% {
        box-shadow: 0 0 5px 5px #ff660025;
    }
    50% {
        box-shadow: 0 0 20px 14px #ff660025;
    }
    100% {
        box-shadow: 0 0 5px 5px #ff660025;
    }
}