@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

#toaster {
    display: flex;
    position: fixed;
    bottom: 10px;
    right: 20px;
    padding: 20px;
    border: 1px solid black;
    border-radius: 8px;
    margin: 0 auto;
    transition: transform 350ms ease-in-out;
    z-index: 9999999;
}

#toaster.success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

#toaster.error {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

#toaster.warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

#toaster.info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

#toaster.masque {
    transform: translateX(150%);
}

#toaster i {
    margin-right: 15px;
}