#notification-container {
    pointer-events: none;
}

#notification-container > div {
    pointer-events: auto;
}

.notification-enter {
    opacity: 0;
    transform: translateX(100%);
}

.notification-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 500ms, transform 500ms;
}

.notification-exit {
    opacity: 1;
}

.notification-exit-active {
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 500ms, transform 500ms;
} 