/* PWA Splash Screen and Standalone Presentation Defaults */
html, body {
  background-color: #273640;
}

#pwa-splash {
  position: fixed;
  inset: 0;
  background-color: #273640;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  transition: opacity 0.35s ease-out, visibility 0.35s ease-out;
}

#pwa-splash.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.pwa-splash-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.pwa-splash-logo {
  width: 170px;
  height: 100px;
  max-width: 60vw;
  max-height: 35vh;
  object-fit: contain;
  filter: drop-shadow(0 15px 30px rgba(0,0,0,0.45));
}