.toast {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 40px 0px;
}

.toast-success {
    background-color: rgb(98, 207, 90);
    color: #393939;
}

.toast-success .me-auto::before {
    content: "Success";
}

.toast-notice {
    background-color: rgba(0, 159, 255);
    color: #FFF;
}

.toast-notice .me-auto::before {
    content: "Notice";
}

.toast-warning {
    background-color: #ffc107;
}

.toast-warning .me-auto::before {
    content: "Warning";
}

.toast-error {
    background-color: rgb(255, 73, 73);
    color: #FFF;
}

.toast-error .me-auto::before {
    content: "Error";
}

.toast-container {
    z-index: 900;
}

.toast-container:nth-child(1 of .toast-container) {
    top: 60px;
}

.toast-container:nth-child(2 of .toast-container) {
    top: 120px;
}

.toast-container:nth-child(3 of .toast-container) {
    top: 190px;
}

.toast-container:nth-child(4 of .toast-container) {
    top: 260px;
}

.toast-container:nth-child(5 of .toast-container) {
    top: 330px;
}

@media screen and (max-width: 1064px) {
    .toast-container:nth-child(1 of .toast-container) {
        top: 80px;
    }

    .toast-container:nth-child(2 of .toast-container) {
        top: 150px;
    }

    .toast-container:nth-child(3 of .toast-container) {
        top: 220px;
    }

    .toast-container:nth-child(4 of .toast-container) {
        top: 290px;
    }

    .toast-container:nth-child(5 of .toast-container) {
        top: 360px;
    }

    .toast-container-premium:nth-child(1 of .toast-container-premium) {
        top: 180px;
    }

    .toast-container-premium:nth-child(2 of .toast-container-premium) {
        top: 250px;
    }

    .toast-container-premium:nth-child(3 of .toast-container-premium) {
        top: 320px;
    }

    .toast-container-premium:nth-child(4 of .toast-container-premium) {
        top: 390px;
    }

    .toast-container-premium:nth-child(5 of .toast-container-premium) {
        top: 460px;
    }
}