.page-splash {
  position: fixed;
  inset: 0;
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0e0e0e;
  transition: opacity 0.45s ease;
}

.page-splash img {
  width: auto;
  height: min(22rem, 52vh);
  max-width: 72vw;
}

.page-splash.is-done {
  opacity: 0;
  pointer-events: none;
}

html.page-splash-wait,
html.page-splash-wait body {
  background: #0e0e0e;
}

html.page-splash-skip .page-splash {
  display: none !important;
}