@keyframes click-effect-scale-in {
    0% {
        transform: rotate(45deg) scale(0);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: rotate(45deg) scale(1.5);
        opacity: 0;
    }
}



@keyframes close-transition {
    0% { height: 100%; }
    100% { height: 0%; }
}

@keyframes open-transition {
    0% { height: 0%; }
    100% { height: 100%; }
}



@keyframes scale-up {
    0% { scale: 0; }
    100% { scale: 1; }
}