.dialog-effect-slide-container {
    overflow: hidden;
    transition: max-height 0.5s ease;
    max-height: 0;
}

    .dialog-effect-slide-container.collapsed {
        max-height: 0;
    }

    .dialog-effect-slide-container.expanded {
        max-height: 1000px;
    }

/* Optional fade/slide on the card */
.dialog-effect-my-animated-card {
    opacity: 0;
    transform: translateY(-10px);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.dialog-effect-slide-container.expanded .dialog-effect-my-animated-card {
    opacity: 1;
    transform: translateY(0);
}