.brand-loader{position:fixed;inset:0;background:#f8faff;color:#151a26;z-index:10000;display:flex;justify-content:center;align-items:center;overflow:hidden;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,visibility .18s}
.brand-loader:before{content:'';position:absolute;width:620px;height:620px;background:radial-gradient(circle,#3358f40b,transparent 63%);z-index:-1}
.brand-loading .brand-loader{visibility:visible;opacity:1;pointer-events:auto}
html.brand-loading{overflow:hidden}
.load-frame{position:absolute;inset:25px;border:1px solid #3358f418}
.load-frame:before,.load-frame:after{position:absolute;content:'';width:6px;height:6px;background:#3358f4;top:-3px;left:-3px}
.load-frame:after{top:auto;left:auto;bottom:-3px;right:-3px}
.load-meta{position:absolute;top:49px;font-size:8px;letter-spacing:.15em;color:#8f9db7;line-height:1.5}
.load-meta-left{left:51px}.load-meta-right{right:51px}
.load-center{text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;width:min(90vw,550px);padding-block:25px}
.load-device{width:208px;height:208px;margin-bottom:35px}
.load-device svg{width:100%;height:100%;overflow:visible}
.load-outer{stroke:#3358f4;stroke-width:.7;opacity:.2}
.load-chip{fill:#3358f4;stroke:#3358f4;stroke-width:1;animation:chip-arrive .6s cubic-bezier(.2,.65,.2,1) both}
.load-guides{stroke:#3358f4;stroke-width:.65;opacity:.22;stroke-dasharray:2 4}
.load-r{stroke:white;stroke-width:7;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:r-trace .8s .2s cubic-bezier(.2,.6,.2,1) forwards}
.load-track{stroke:#3358f4;stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1;animation:r-trace .8s .1s ease-out forwards}
.track-b{animation-delay:.4s;stroke:#97c439}
.load-point{fill:white;opacity:0;animation:r-point .3s .9s forwards}
.point-b{animation-delay:1.05s}
.load-wordmark{font-size:43px;font-weight:800;letter-spacing:-.07em;line-height:1.1;animation:word-arrive .5s .35s both}
.load-wordmark span{color:#3358f4}
.load-message{font-size:10px;line-height:1.8;color:#8795aa;margin-top:16px;animation:word-arrive .5s .5s both}
.load-line{width:108px;height:2px;background:#3358f414;margin-top:27px;overflow:hidden}
.load-line i{height:100%;width:100%;background:#3358f4;display:block;transform:scaleX(0);transform-origin:left;animation:r-progress 1.3s .1s ease-out forwards}
.load-skip{font-size:9px;color:#9aa6b9;padding:7px 0;background:none;border:0;border-bottom:1px solid #3358f41c;margin-top:19px}
.load-skip:hover{color:#3358f4}.load-bottom{position:absolute;bottom:45px;font-size:7px;letter-spacing:.22em;color:#a0acc0}
html[data-loader=short] .load-device{width:74px;height:74px;margin-bottom:23px}
html[data-loader=short] .load-wordmark{font-size:30px;animation:none}
html[data-loader=short] .load-message,html[data-loader=short] .load-skip{display:none}
html[data-loader=short] .load-r,html[data-loader=short] .load-track{stroke-dashoffset:0;animation:none}
html[data-loader=short] .load-point{opacity:1;animation:none}
html[data-loader=short] .load-chip{animation:none}
html[data-loader=short] .load-guides,html[data-loader=short] .load-track{display:none}
html[data-loader=short] .load-line{width:75px;margin-top:23px;height:1px}
html[data-loader=short] .load-line i{animation:r-progress .32s ease-out forwards}
@keyframes r-trace{to{stroke-dashoffset:0}}@keyframes r-point{to{opacity:1}}@keyframes chip-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes word-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes r-progress{to{transform:scaleX(1)}}
@media(max-width:700px){.load-frame{inset:16px}.load-meta{top:34px;font-size:6px;letter-spacing:.1em}.load-meta-left{left:34px}.load-meta-right{right:34px}.load-device{width:180px;height:180px;margin-bottom:27px}.load-wordmark{font-size:37px}.load-message{font-size:8px;margin-top:15px}.load-bottom{bottom:33px;font-size:6px;letter-spacing:.13em}.load-line{margin-top:23px}.load-skip{font-size:8px}}
@media(prefers-reduced-motion:reduce){.brand-loader{transition:none}.load-r,.load-track{stroke-dashoffset:0}.load-point{opacity:1}.load-line i{transform:scaleX(1)}}
@media print{.brand-loader{display:none!important}html.brand-loading{overflow:visible!important}}