/* Independent of image, icon and page-layout rules. Available before app modules. */
#boot{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:#252c27;color:#d6c59c;opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s;isolation:isolate}
#boot .boot-identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;width:min(100%,300px);min-width:0;box-sizing:border-box}
#boot .boot-mark{display:block;flex:none;width:56px;height:56px;max-width:none;overflow:visible;color:#d6c59c}
#boot .boot-name{display:block;font:500 22px/1.3 Arial,sans-serif;letter-spacing:.28em;text-indent:.28em;color:#f3eee4}
#boot .boot-caption{display:block;font:400 12px/1.6 Arial,sans-serif;letter-spacing:.02em;color:#c3c7bd;max-width:220px}
#boot .boot-progress{display:block;position:relative;width:96px;height:2px;margin-top:8px;background:#51594b;overflow:hidden}
#boot .boot-progress::after{content:"";position:absolute;inset:0;background:#d6c59c;animation:reyvar-loading 1.6s ease-in-out infinite;transform-origin:left}
#boot.loaded{opacity:0;visibility:hidden;pointer-events:none}
@keyframes reyvar-loading{0%,100%{transform:scaleX(.2);opacity:.5}50%{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){#boot,#boot .boot-progress::after{animation:none;transition:none}}