@keyframes ik-roll--down {
    0% {
        max-height: 0;
        opacity: 0;
    }

    100% {
        max-height: 100%;
        opacity: 1;
    }
}

@keyframes ik-roll--up {
    0% {
        max-height: 100%;
        opacity: 1;
    }

    100% {
        max-height: 0;
        opacity: 0;
    }
}

.ik-transition-expand--enter-active {
    animation: ik-roll--down 300ms;
}

.ik-transition-expand--leave-active {
    animation: ik-roll--up 300ms;
}

.ik-transition-expand--leave-to {
    opacity: 0;
}