.subnav-enter {
    opacity: 0;
    max-height: 0px;
    transition: all var(--page-in-transition);
}

.subnav-enter-active {
    opacity: 1;
    max-height: 100vh;
}

.subnav-enter-done {
    opacity: 1;
    max-height: 100vh;
}

.subnav-exit {
    opacity: 1;
    max-height: 100vh;
    transition: all var(--page-out-transition);
}

.subnav-exit-active {
    opacity: 0;
    max-height: 0px;
}