@keyframes bottom-to-top {
    from {
        top: 100%;
    }
}

@keyframes top-to-bottom {
    from {
        transform: translateY(-100%);
    }
}

@keyframes scale-open {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

@keyframes scale-close {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(0);
    }
}