*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
body{background:#f4f7ff}
button{font:inherit}
.demo-locale-popover{position:fixed;z-index:1000;min-width:156px;max-height:min(420px,80vh);overflow:auto;padding:5px;background:#fff;border:1px solid #dce5f3;border-radius:6px;box-shadow:0 8px 28px #18335424}
.demo-locale-popover[hidden]{display:none}
.demo-locale-popover button{display:block;width:100%;height:34px;padding:0 10px;border:0;border-radius:4px;background:#fff;color:#4e6079;text-align:left;font-size:13px;white-space:nowrap;cursor:pointer}
.demo-locale-popover button:hover,.demo-locale-popover button.active{background:#edf5ff;color:#167de4}
.demo-modal-backdrop{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:#1019277a}
.demo-modal-backdrop[hidden]{display:none}
.demo-modal{width:min(360px,100%);padding:24px;background:#fff;border-radius:8px;box-shadow:0 16px 60px #0003;text-align:center;color:#26344a}
.demo-modal h2{margin:0 0 14px;font-size:18px;font-weight:700}
.demo-progress-value{margin:0 0 14px;color:#167de4;font-size:42px;font-weight:700;line-height:1}
.demo-progress-track{width:100%;height:10px;overflow:hidden;background:#e8eef7;border-radius:999px}
.demo-progress-bar{width:0;height:100%;background:#167de4;border-radius:inherit;transition:width .12s linear}
.demo-progress-status{min-height:22px;margin:14px 0 20px;color:#66758d;font-size:14px;line-height:1.6}
.demo-modal button{min-width:92px;height:36px;padding:0 14px;border:0;border-radius:5px;background:#167de4;color:#fff;cursor:pointer}
@media(max-width:750px){.demo-locale-popover{display:none!important}.demo-modal{padding:20px}}