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

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

@keyframes spring-up {
    0% { transform: translateY(-100%) }
    50% { transform: translateY(10%) }
    100% { transform: translateY(0%) }
}

@keyframes spring-up-ch {
    0% { transform: translate(-50%, -100%) }
    50% { transform: translate(-50%, 10%) }
    100% { transform: translate(-50%, 0%) }
}

@keyframes open-h-w2 {
    0% { width: 0; overflow: hidden; }
    50% { width: 0; overflow: hidden; }
    100% { width: 400px; overflow: hidden; }
}