.toggle-container {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: scaleY(0.95);
    transform-origin: top;

    transition:
        max-height .45s cubic-bezier(.4,0,.2,1),
        opacity .35s ease,
        transform .35s ease;
}

.toggle-container.active {
    max-height: 800px;
    opacity: 1;
    transform: scaleY(1);
}