.toast{color:#fff;cursor:default;background-color:#506da0;border:1px solid #4e658e;border-radius:5px;padding:12px 100px;font-size:14px;animation:.3s show;position:fixed;top:0;left:50%;transform:translate(-50%,-100%)}.toast-success{background-color:#4fab9e;border-color:#339e8f}.toast-warn{background-color:#e09e3c;border-color:#bb8535}.toast-error{background-color:#ca4545;border-color:#c33737}@keyframes show{0%{transform:translate(-50%,-100%)}10%{transform:translate(-50%,20px)}90%{transform:translate(-50%,20px)}to{transform:translate(-50%,-100%)}}@media screen and (width<=768px){.toast{padding:12px}}