#pre-bootstrap {
  background-color: #f7f8fc; position: fixed; inset: 0; z-index: 999999;
  display: flex; align-items: center; justify-content: center;
}
#pre-bootstrap .messaging { display: flex; flex-direction: column; align-items: center; gap: 32px; }
#pre-bootstrap img { width: min(360px, 70vw); height: auto; }
#pre-bootstrap .loader-bar { width: min(260px, 60vw); height: 3px; background: #d9f2e4; border-radius: 3px; overflow: hidden; }
#pre-bootstrap .loader-bar-fill { width: 40%; height: 100%; background: #0A8746; border-radius: 3px; animation: slide 1.4s ease-in-out infinite; }
#pre-bootstrap p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px; color: #8893a8; letter-spacing: .3px; margin: 0; }
#pre-bootstrap .dots::after { content: ""; animation: dots 1.5s steps(4, end) infinite; }
@keyframes slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(350%); } }
@keyframes dots { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } 100% { content: ""; } }