#toast-container{z-index:999999;width:100%;position:fixed;top:0;left:0}.toast{color:#fff;opacity:0;background-color:#333;min-width:200px;margin-bottom:10px;padding:16px 32px 16px 16px;transition:opacity .5s,transform .5s;position:relative;overflow:hidden;transform:translate(-100%)}.toast .progress{transform-origin:0;background-color:#ffffffb3;width:100%;height:4px;transition:transform linear;position:absolute;bottom:0;left:0;transform:scaleX(0)}.toast .close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:8px;right:8px}.toast .close-btn:hover{color:#ccc}.toast.show{opacity:1;transform:translate(0)}.toast.success{background-color:#16a34a}.toast.warning{background-color:#ca8a04}.toast.error{background-color:#dc2626}.toast.hide{opacity:0;transform:translate(-100%)}@media (width>=768px){#toast-container{width:auto;max-width:320px;top:20px;left:20px}.toast{border-radius:6px}}