html,
body,
#root {
  background: #000;
  min-height: 100%;
}

body {
  margin: 0;
}

.kritz-boot-fallback {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  background: #000;
}

.kritz-boot-fallback img {
  display: block;
  width: clamp(72px, 12vw, 96px);
  height: clamp(72px, 12vw, 96px);
  border: 0;
  object-fit: contain;
}

.kritz-boot-recovery {
  display: none;
  position: absolute;
  top: calc(50% + 72px);
  left: 50%;
  width: min(280px, calc(100vw - 40px));
  transform: translateX(-50%);
  color: #b9c0c8;
  font: 14px/1.4 Arial, sans-serif;
  text-align: center;
}

.kritz-boot-recovery p {
  margin: 0 0 14px;
}

.kritz-boot-recovery button {
  min-width: 96px;
  height: 38px;
  border: 0;
  border-radius: 4px;
  background: #f5f7fa;
  color: #080b0e;
  font: inherit;
  cursor: pointer;
}

html[data-kritz-boot="failed"] .kritz-boot-fallback img {
  opacity: 0.45;
}

html[data-kritz-boot="failed"] .kritz-boot-recovery {
  display: block;
}