.workspace-splash { position: fixed; inset: 0; z-index: 1000000; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; opacity: 0; pointer-events: none; transition: opacity .24s ease; }
.workspace-splash-logo { --loader-logo-height: 48px; position: relative; width: calc(var(--loader-logo-height) * 4.24483566 + 12px); height: var(--loader-logo-height); }
.workspace-splash-logo > div { display: flex; align-items: center; gap: 12px; height: var(--loader-logo-height); }
.workspace-splash-logo svg { display: block; height: var(--loader-logo-height); min-height: var(--loader-logo-height); max-height: var(--loader-logo-height); flex-shrink: 0; }
.workspace-splash-logo svg.workspace-splash-symbol { width: var(--loader-logo-height); }
.workspace-splash-logo svg.workspace-splash-wordmark { width: calc(var(--loader-logo-height) * 3.24483566); }
.workspace-splash-gray { filter: grayscale(1); opacity: .18; }
.workspace-splash-color { position: absolute; inset: 0; clip-path: inset(0 100% 0 0);  }
.workspace-splash p { font-size: 12px; color: #8795a3; margin: 0; }
.workspace-splash.is-visible { opacity: 1; pointer-events: auto; }
.workspace-splash.is-visible .workspace-splash-color { animation: workspace-reveal 2s ease-out forwards; }
.workspace-splash.is-ready { opacity: 0; pointer-events: none; }
@keyframes workspace-reveal { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@media (prefers-reduced-motion: reduce) { .workspace-splash.is-visible .workspace-splash-color { animation: none; clip-path: inset(0); } .workspace-splash.is-ready, .workspace-splash.is-ready .workspace-splash-color { transition: none; } }

/* Navigation must cover the old page immediately; only arrival fades out. */
.workspace-splash.is-departing:not(.is-ready) { transition: none; }

/* Failed or still-loading icon fonts must not expose ligature names. */
html.ui-font-missing-material-icons .material-icons,
html.ui-font-missing-material-icons-outlined .material-icons-outlined,
html.ui-font-missing-material-icons-round .material-icons-round,
html.ui-font-missing-material-icons-sharp .material-icons-sharp,
html.ui-font-missing-material-icons-two-tone .material-icons-two-tone,
html.ui-font-missing-material-symbols-outlined .material-symbols-outlined,
html.ui-font-missing-bi .bi { visibility: hidden; }