/* Tela de boot do ThingsBoard (o que aparece antes do app subir), redesenhada. Injetado pelo nginx
   no <head> (mhocloud.conf, sub_filter) — o CSS de white-label do TB só carrega depois que o app
   sobe, quando essa tela já sumiu.

   Fundo branco + 3 pontinhos "digitando" no centro, no lugar das 3 bolas azuis do TB. Sem moldura e
   sem marca: igual logado ou deslogado, em qualquer white-label. O skeleton do conteúdo é de cada
   tela (premount.css dos consoles).

   Markup do TB (não muda): <div id="tb-loading-spinner" class="tb-loading-spinner"> com 3 divs. */

html, body { background-color: #ffffff; }

#tb-loading-spinner.tb-loading-spinner {
  width: 40px; height: 16px;
  display: flex; align-items: flex-end; justify-content: space-between;
}
#tb-loading-spinner.tb-loading-spinner > div {
  width: 8px; height: 8px; margin: 0;
  border-radius: 50%;
  background-color: #71717a;
  transform: none;
  animation: mho-boot-bob 1.2s ease-in-out infinite both;
}
#tb-loading-spinner.tb-loading-spinner > .tb-bounce2 { animation-delay: .15s; }
#tb-loading-spinner.tb-loading-spinner > .tb-bounce3 { animation-delay: .3s; }

@keyframes mho-boot-bob {
  0%, 60%, 100% { transform: translateY(0); opacity: .35; }
  30%           { transform: translateY(-8px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  #tb-loading-spinner.tb-loading-spinner > div { animation: none; opacity: .6; }
}