@import url('./loading-screen-v01.css');
/* Hide incomplete page composition while the native loading art is displayed. */
:root{--loading-background:#eee5f6}
html[data-ui-theme=dark]{--loading-background:#1b1d1f}
html[data-page-loading=pending] body{background:var(--loading-background)!important}
html[data-page-loading=pending] body>:not(.pixelingo-loading-v01):not(#loading-recovery):not(script):not(style):not(link){visibility:hidden!important}
html[data-loading-handoff]::before,html[data-loading-handoff] body>.pixelingo-loading-v01::after{content:"";position:fixed;inset:0;z-index:2147483001;pointer-events:none;background:var(--loading-background) var(--loading-handoff-image) left top/var(--loading-handoff-size) no-repeat;image-rendering:pixelated;image-rendering:crisp-edges}
html[data-ui-theme=dark] #loading-recovery{background:#222528!important;color:#e8e9e7!important;border-color:#42474d!important}
html[data-ui-theme=dark] #loading-recovery button{background:#292c30;color:#e8e9e7;border:1px solid #606571;border-radius:8px}