.showhide {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition:
        max-height .3s ease,
        opacity .3s ease,
        margin-top .3s ease;
}

.showhide.open {
    opacity: 1;
    margin-top: var(--s-2);
}