/* Initial HTML state, before authentication and the workspace finish loading. */
body #app>.boot{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:40px 24px;background:#061623;color:#fff;text-align:center}
#app>.boot .boot-brand{display:block;width:min(320px,80vw);height:auto}
#app>.boot p{font:400 25px/1.35 OverviewCondensed,Barlow,sans-serif!important;color:#c8d8e4;margin:0;max-width:360px}
#app>.boot .boot-progress{position:relative;width:160px;height:3px;background:#193341;border-radius:3px;overflow:hidden}
#app>.boot .boot-progress::after{content:'';position:absolute;inset:0 auto 0 0;width:45%;border-radius:3px;background:#00dc9b;animation:dash-startup 1.4s ease-in-out infinite alternate}
@keyframes dash-startup{from{transform:translateX(-30%)}to{transform:translateX(150%)}}
@media(prefers-reduced-motion:reduce){#app>.boot .boot-progress::after{animation:none;left:27.5%}}
@media(max-width:650px){#app>.boot .boot-brand{width:250px;max-width:80vw}#app>.boot p{font-size:22px!important}}