.vui-ov{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,.45);z-index:9998;display:none}
.vui-md{position:fixed;top:50%;left:50%;width:90%;max-width:420px;margin-left:-45%;margin-top:-120px;border:1px solid #cfcfcf;border-radius:10px;z-index:9999;display:none;box-shadow:0 10px 25px rgba(0,0,0,.25);overflow:hidden;font-family:Arial,sans-serif}
.vui-l{background:#fff;color:#1f2937}
.vui-d{background:#1f2937;color:#f3f4f6;border-color:#111827}
.vui-b{padding:20px 20px 16px}
.vui-h{display:table;width:100%}
.vui-iw,.vui-tw{display:table-cell;vertical-align:top}
.vui-iw{width:44px}
.vui-i{width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;font-size:18px;font-weight:bold;display:inline-block}
.vui-s{background:#e8f7ee;color:#1f9d55}
.vui-e{background:#fdecec;color:#d93025}
.vui-w{background:#fff4e5;color:#f29900}
.vui-n{background:#e8f0fe;color:#2a66be}
.vui-d .vui-s{background:#153a27;color:#7ee2a8}
.vui-d .vui-e{background:#3b1b1b;color:#ff9b94}
.vui-d .vui-w{background:#3a2d12;color:#ffd27a}
.vui-d .vui-n{background:#162a4a;color:#8bb8ff}
.vui-tt{font-size:18px;font-weight:bold;margin:2px 0 8px}
.vui-tx{font-size:14px;line-height:1.5;margin:0;opacity:.92}
.vui-a{padding:0 20px 20px;text-align:right}
.vui-btn{border:1px solid transparent;border-radius:6px;padding:8px 14px;margin-left:8px;cursor:pointer;font-size:14px;font-family:Arial,sans-serif}
.vui-btn:focus{outline:2px solid #2a66be;outline-offset:2px}
.vui-p{background:#2a66be;color:#fff;border-color:#2a66be}
.vui-x{background:#e5e7eb;color:#111827;border-color:#d1d5db}
.vui-d .vui-x{background:#374151;color:#f3f4f6;border-color:#4b5563}
.vui-tw2{position:fixed;top:20px;right:10px;width:320px;z-index:10000}
.vui-to{display:none;margin-bottom:10px;border:1px solid #d6d6d6;border-radius:8px;padding:12px 14px;box-shadow:0 8px 20px rgba(0,0,0,.18);font-family:Arial,sans-serif}
.vui-tol{background:#fff;color:#1f2937}
.vui-tod{background:#1f2937;color:#f3f4f6;border-color:#111827}
.vui-toi{display:table;width:100%}
.vui-toic,.vui-totx{display:table-cell;vertical-align:middle}
.vui-toic{width:44px}
.vui-toast-icon-shape{width:32px;height:32px;line-height:32px;text-align:center;border-radius:6px;font-size:18px;font-weight:bold;display:inline-block}
.vui-totx{font-size:14px;line-height:1.4}
.vui-anim .vui-md,.vui-anim .vui-ov,.vui-anim .vui-to{-webkit-transition:opacity .18s ease,-webkit-transform .18s ease;transition:opacity .18s ease,transform .18s ease}
.vui-anim .vui-md{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}
.vui-anim .vui-md.vui-is-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.vui-anim .vui-ov{opacity:0}
.vui-anim .vui-ov.vui-is-visible{opacity:1}
.vui-anim .vui-to{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}
.vui-anim .vui-to.vui-is-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
@media screen and (max-width:480px){
.vui-md{width:auto;left:10px;right:10px;max-width:none;margin-left:0}
.vui-tw2{left:10px;right:10px;width:auto}
}