.toast{z-index:40;color:#fff;text-align:center;border-radius:8px;width:40%;padding:16px;font-size:18px;font-weight:700;transition:opacity .3s ease-in-out,transform .3s ease-in-out;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0003}@media (max-width:640px){.toast{width:80%;top:85px}}.toast.success{background-color:#4caf50}.toast.error{background-color:#f44336}.toast.warning{background-color:#ff9800}.toast.show{opacity:1;z-index:40;transform:translate(-50%)}.toast.hide{opacity:0;transform:translate(-50%,-20px)}.toast li{margin-bottom:4px;margin-left:8px}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:12px;font-size:20px;font-weight:700}.close-btn:hover{opacity:.7}.progress-bar{background-color:#fff;border-radius:0 0 8px 8px;width:100%;height:4px;animation:linear forwards shrink;position:absolute;bottom:0;left:0}@keyframes shrink{0%{width:100%}to{width:0%}}