/* Base notification styles */
.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 9999;
}

/* Show the notification */
.notification.show {
    opacity: 1;
}

/* Default notification style */
.notification.default {
    background-color: #28a745; /* Green for default */
    color: white;
}

/* Error notification style */
.notification.error {
    background-color: #dc3545; /* Red for error */
    color: white;
}

/* Info notification style */
.notification.info {
    background-color: #17a2b8; /* Blue for info */
    color: white;
}

/* Primary notification style */
.notification.primary {
    background-color: #007bff; /* Blue for primary */
    color: white;
}

/* Additional styles (optional) */
.notification + .notification {
    margin-top: 10px; /* Stack notifications vertically */
}