@keyframes dropdown-show {
    from {
        transform-origin: top;
        opacity: 0;
        transform: scale(100%, 0);
    }
    to {
        transform-origin: top;
        opacity: 1;
        transform: scale(100%, 100%);
    }
}

@keyframes dropdown-hide {
    from {
        transform-origin: top;
        opacity: 1;
        transform: scale(100%, 100%);
    }
    to {
        transform-origin: top;
        opacity: 0;
        transform: scale(100%, 0);
    }
}