/* This render-blocking sheet is present before the first paint. Layouts may
   rearrange the body while it is hidden, including when a stylesheet is slow. */
html[data-app-state="loading"],html[data-app-state="error"]{background:#fff!important}
html[data-app-state="loading"] body,html[data-app-state="error"] body{margin:0!important;background:#fff!important;overflow:hidden!important}
html[data-app-state="loading"] body>:not(#appBoot),html[data-app-state="error"] body>:not(#appBoot){display:none!important}
#appBoot{position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;text-align:center;background:#fff;color:#10162a;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#appBoot .boot-brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:750;letter-spacing:-1px}
#appBoot .boot-logo{position:relative;display:block;width:42px;height:32px}
#appBoot .boot-logo::before,#appBoot .boot-logo::after{content:"";position:absolute;top:0;width:32px;height:32px;border-radius:50%;background:#009dff}
#appBoot .boot-logo::before{left:0}#appBoot .boot-logo::after{right:0;background:#72d3ef;opacity:.75}
#appBootMessage{max-width:360px;margin:0;color:#6e7890;font-size:15px}
#appBoot .boot-progress{width:100px;height:3px;border-radius:2px;overflow:hidden;background:#edf4fb}
#appBoot .boot-progress::after{content:"";display:block;width:45%;height:100%;background:#0866ff;animation:boot-loading 1.2s ease-in-out infinite alternate}
#appBootRetry{display:none;color:#0866ff;text-decoration:none;border:1px solid #dbe6f5;border-radius:12px;padding:10px 20px}
html[data-app-state="error"] #appBootRetry{display:block}
html[data-app-state="error"] #appBoot .boot-progress,html[data-app-state="ready"] #appBoot{display:none}
@keyframes boot-loading{to{transform:translateX(125%)}}
@media(prefers-reduced-motion:reduce){#appBoot .boot-progress::after{animation:none;width:100%}}
