.brand-loader{z-index:9999;background:#fff;justify-content:center;align-items:center;padding:24px;animation:.25s .1s both brand-loader-in;display:flex;position:fixed;inset:0}.brand-loader.brand-loader-page{z-index:auto;background:0 0;min-height:70vh;animation:none;position:static;inset:auto}.brand-loader-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.brand-loader-mark{justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:20px;display:flex;position:relative}.brand-loader-ring{border:3px solid #11111126;border-top-color:#111;border-radius:50%;animation:.9s linear infinite brand-loader-spin;position:absolute;inset:0}.brand-loader-letter{color:#fff;width:54px;height:54px;font-family:var(--font-brand);background:#111;border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:700;animation:1.8s ease-in-out infinite brand-loader-pulse;display:flex}.brand-loader-logo{color:#111;line-height:1;font-family:var(--font-brand);font-size:26px}.brand-loader-logo span{font-weight:700}.brand-loader-tagline{color:#666;font-family:var(--font-sans);margin-top:12px;font-size:14px}.brand-loader-progress{background:#1111111f;border-radius:4px;width:180px;height:4px;margin-top:22px;position:relative;overflow:hidden}.brand-loader-progress span{background:#111;border-radius:4px;width:40%;height:100%;animation:1.2s ease-in-out infinite brand-loader-progress;position:absolute;top:0;left:0}.main-container{animation:.3s backwards brand-page-in}@keyframes brand-loader-in{0%{opacity:0}to{opacity:1}}@keyframes brand-page-in{0%{opacity:0}to{opacity:1}}@keyframes brand-loader-spin{to{transform:rotate(360deg)}}@keyframes brand-loader-pulse{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@keyframes brand-loader-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (max-width:480px){.brand-loader-mark{width:64px;height:64px;margin-bottom:16px}.brand-loader-letter{width:46px;height:46px;font-size:22px}.brand-loader-logo{font-size:22px}.brand-loader-tagline{font-size:13px}.brand-loader-progress{width:150px}}@media (prefers-reduced-motion:reduce){.brand-loader,.main-container,.brand-loader-ring,.brand-loader-letter,.brand-loader-progress span{animation:none}.brand-loader-progress span{width:100%}}