html.v3-boot-pending body > * {
  visibility: hidden !important;
}

html.v3-boot-pending body {
  min-height: 100vh;
  margin: 0;
  background: #f3f8f7;
}

html.v3-boot-pending body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  visibility: visible;
  background: #f3f8f7 url("../assets/cleanonspot-horizontal-color.svg") center 44% / min(210px, 52vw) auto no-repeat;
}

html.v3-boot-pending body::after {
  content: "A preparar a CleanOnSpot...";
  position: fixed;
  z-index: 2147483647;
  left: 50%;
  top: calc(44% + 72px);
  width: min(300px, 80vw);
  transform: translateX(-50%);
  visibility: visible;
  color: #315e61;
  font: 600 14px/1.4 "DM Sans", system-ui, sans-serif;
  text-align: center;
}

html.v3-boot-failed body::after {
  content: "Nao foi possivel iniciar a aplicacao. Atualize a pagina para tentar novamente.";
}

@media (prefers-color-scheme: dark) {
  html.v3-boot-pending body,
  html.v3-boot-pending body::before { background-color: #022e31; }
  html.v3-boot-pending body::after { color: #d9eeeb; }
}