.fade-me-out {
    max-height:100%
}

.fade-me-out.htmx-swapping {
    opacity: 0;
    max-height: 0%;
    transition: opacity 0.5s ease-out;
    transition: max-height 0.25s linear;
}

.fade-me-in.htmx-added {
    opacity: 0;
    max-height: 0%;
}
.fade-me-in {
    opacity: 1;
    max-height: 100%;
    transition: opacity 0.5s ease-out;
    transition: max-height 0.5s linear;
}