html {
  /* Fallback so it doesn't start from `transparent` */
  --color-page-background: #fff;
}

.application-loader {
  align-items: center;
  background-color: var(--color-page-background);
  display: flex;
  inset: 0;
  justify-content: center;
  position: absolute;
  transition: background-color .5s ease-in-out, opacity .25s ease-in-out;
  z-index: 99;
  opacity: 1;
}

.application-loader__logo {
  width: 40vw;
  max-width: 500px;
}