/* Minimal splash-screen styles extracted/approximated for Fuse splash component */ #app-splash-screen { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #ffffff; z-index: 10000; transition: opacity 360ms ease, transform 360ms ease, visibility 360ms; } #app-splash-screen img { width: 160px; height: auto; margin-bottom: 18px; } .spinner { display: flex; gap: 8px; align-items: center; justify-content: center; } .spinner div { width: 14px; height: 14px; background-color: #1976d2; border-radius: 50%; animation: bounce 1.4s infinite ease-in-out both; } .spinner .bounce1 { animation-delay: -0.32s; } .spinner .bounce2 { animation-delay: -0.16s; } .spinner .bounce3 { animation-delay: 0s; } @keyframes bounce { 0%, 80%, 100% { transform: scale(0); opacity: 0.6; } 40% { transform: scale(1); opacity: 1; } } /* simple dark-mode fallback */ @media (prefers-color-scheme: dark) { #app-splash-screen { background: #0b1220; } .spinner div { background-color: #60a5fa; } } /* Hide the splash-screen when the service adds this class to */ body.app-splash-screen-hidden #app-splash-screen { opacity: 0; transform: translateY(-8px); visibility: hidden; pointer-events: none; }