@keyframes pop_show {
    0% {
        transform: translateY(-350px) scale(0.1);
        opacity: 0;
    }

    60% {
        transform: translateY(25px) scale(1.08);
        opacity: 1;
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@keyframes pop_hide {
    0% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }

    30% {
        transform: translateY(-30px) scale(0.85);
        opacity: 0.9;
    }

    100% {
        transform: translateY(-350px) scale(0.1);
        opacity: 0;
    }
}