.msha_toast_container {
    bottom: 0;
    position: fixed;
    pointer-events: none;
    z-index: 999;
}
.msha_toast_container.top-right {
    top: 0;
    right: 0;
}
.msha_toast_container.top-left {
    top: 0;
    left: 0;
}
.msha_toast_container.bottom-right {
    bottom: 0;
    right: 0;
}
.msha_toast_container.bottom-left {
    bottom: 0;
    left: 0;
}
.msha_toast {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row;
    flex-flow: row;
    background: #fff;
    width: 300px;
    padding: 10px;
    border-radius: 3px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 10px;
    pointer-events: auto;
    -webkit-transition: 1s;
    transition: 1s;
}
.msha_toast.remove {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    max-height: 0;
    padding: 0 10px;
    margin-bottom: 0;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.msha_toast.error {
    border-left: 5px solid #2c5f2d;
}
.msha_toast.success {
    border-left: 5px solid var(--bw-orange);
}
.msha_toast.warning {
    border-left: 5px solid #fc0;
}
.msha_toast_icon {
    margin-left: 5px;
    margin-top: 10px;
    width: 43px;
    height: 43px;
}
.msha_custom_icon {
    background-size: cover !important;
}
.msha_toast_contents {
    margin-left: 15px;
}
.msha_toast_title {
    font-weight: 700;
}
.msha_toast_desc {
    margin-top: 5px;
    width: 270px;
    font-size: 17px;
}
.msha_toast_close {
    margin-left: auto;
    margin-right: 7px;
    color: #999;
    cursor: pointer;
}
@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2);
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2);
    }
}
