/* Adapted from alexruix's Uiverse fuzzy-yak-91. See licenses/uiverse-brand-loader.txt. */
body.brand-loading{overflow:hidden}
#brand-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#edf5f9;color:#365b7c;opacity:1;transition:opacity .7s ease .16s;isolation:isolate}
#brand-loader[hidden]{display:none}
.brand-loader-content{width:min(330px,85vw);text-align:center;transition:opacity .24s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.brand-loader-logo{display:block;width:238px;max-width:82%;height:auto;margin:0 auto;mix-blend-mode:multiply}
.brand-loader-orbit-stage{height:140px;position:relative;margin-top:8px;pointer-events:none}
.brand-loader-orbit{position:absolute;left:calc(50% - 124px);top:calc(50% - 124px);box-sizing:border-box;background-clip:padding-box;width:248px;height:248px;border-radius:50%;border:3px solid rgba(31,99,157,.12);mask:linear-gradient(rgba(24,24,24,.2),rgba(24,24,24,.9) 90%);transform:perspective(500px) rotateX(66deg);transform-origin:center}
.brand-loader-orbit::before,.brand-loader-orbit::after{content:"";position:absolute;inset:-3px;box-sizing:inherit;border-radius:inherit;opacity:.05;border:inherit;border-color:transparent;animation:brand-orbit-spin 1.8s cubic-bezier(.6,.2,0,.8) infinite,brand-orbit-fade 1.8s linear infinite}
.brand-loader-orbit::before{border-top-color:#1264b3}
.brand-loader-orbit::after{border-top-color:#ed832b;animation-delay:.45s}
@keyframes brand-orbit-spin{100%{transform:rotate(360deg)}}
@keyframes brand-orbit-fade{20%{opacity:.1}40%{opacity:1}60%{opacity:.1}}
.brand-loader-caption{font:12px/1.7 Arial,"Microsoft YaHei",sans-serif;letter-spacing:4px;margin:0 0 16px;color:#456887}
.brand-loader-meta{display:flex;justify-content:space-between;gap:12px;width:218px;max-width:100%;margin:auto;font:10px/1.7 Arial,"Microsoft YaHei",sans-serif;color:#688096;letter-spacing:1px}
#brand-loader-percent{font-variant-numeric:tabular-nums;color:#315b83}
.brand-loader-track{height:1px;background:#cfdee8;margin:8px auto 0;width:218px;max-width:100%;overflow:hidden}
#brand-loader-fill{height:100%;background:#2370b2;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.brand-loader-actions{display:flex;gap:18px;justify-content:center;margin-top:20px}
.brand-loader-actions[hidden]{display:none}
.brand-loader-actions button{font:12px/1.7 Arial,"Microsoft YaHei",sans-serif;padding:7px 10px;border:1px solid #a6c1d6;border-radius:4px;background:transparent;color:#245782;cursor:pointer}
#brand-loader.is-leaving{opacity:0}
#brand-loader.is-leaving .brand-loader-content{opacity:0;transform:translateY(-5px)}
@media(prefers-reduced-motion:reduce){.brand-loader-orbit::before,.brand-loader-orbit::after{animation:none;opacity:.7}.brand-loader-orbit::after{transform:rotate(155deg)}#brand-loader{transition:opacity .15s linear}.brand-loader-content,#brand-loader-fill{transition:none}#brand-loader.is-leaving .brand-loader-content{transform:none}}