.overlay-enter {
    opacity: 0;
    transition: all var(--page-in-transition);
}

.overlay-enter-active {
    opacity: 1;
}

.overlay-enter-done {
    opacity: 1;
}

.overlay-exit {
    opacity: 1;
    transition: all var(--page-out-transition);
}

.overlay-exit-active {
    opacity: 0;
}