.toast {
    max-width: 400px;
    max-height: 400px;
    background: #333;
    color: #fff;
    padding: 15px 15px;
    border-radius: 4px;
    opacity: 0.9;
    z-index: 10001;
    transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    filter: drop-shadow(1px 1px 1px #8973b2);
}
.toast.toast-center {
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.toast.toast-left {
    position: fixed;
    top: 0px;
    left: 20px;
    right: auto;
    transform: none;
}

.toast.toast-right {
    position: fixed;
    top: 0px;
    right: 20px;
    left: auto;
    transform: none;
}