/* Launch splash for the installed app. Hidden unless the inline script in _PwaHeadPartial adds .pwa-splash-visible to , so a browser with JS disabled can never get stuck behind it. */ .pwa-splash { display: none; } html.pwa-splash-visible .pwa-splash { display: flex; position: fixed; inset: 0; z-index: 9999; /* above the mobile nav drawer, which sits at 100 */ align-items: center; justify-content: center; background-color: #1D1D1D; opacity: 1; transition: opacity 0.35s ease; } html.pwa-splash-visible .pwa-splash img { width: 160px; height: 160px; object-fit: contain; } html.pwa-splash-visible.pwa-splash-hiding .pwa-splash { opacity: 0; pointer-events: none; }