.toast-pdb-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    z-index: 9999;
}

.toast-pdb {
    min-width: 250px;
    padding: 16px;
    padding-left: 20px;
    border-radius: 4px;
    background-color: var(--background-color, #ffffff);
    color: var(--text-color, #333333);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    animation: slideIn 0.3s ease-in-out;
    border: 1px solid var(--border-color, #e0e0e0);
    position: relative;
}

.toast-pdb::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 4px 0 0 4px;
}

.toast-pdb.success::before {
    background-color: var(--success-color, #4caf50);
}

.toast-pdb.information::before {
    background-color: var(--info-color, #9F5CD0);
}

.toast-pdb.error::before {
    background-color: var(--error-color, #f44336);
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.toast-pdb.fade-out {
    animation: fadeOut 0.3s ease-in-out forwards;
}