/* One short welcome film. The hidden default is safe if JavaScript fails. */
.app-intro[hidden] { display: none !important; }
.app-intro {
  position: fixed;
  inset: 0;
  z-index: 10000;
  overflow: hidden;
  isolation: isolate;
  outline: none;
  background: #f1ebdf;
  opacity: 1;
  transition: opacity 300ms ease;
  overscroll-behavior: contain;
}
[data-theme="dark"] .app-intro { background: #0c0e0b; }
.intro-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.intro-status[hidden] { display: none !important; }
.intro-status {
  position: absolute;
  left: 50%;
  bottom: max(86px, calc(env(safe-area-inset-bottom, 0px) + 78px), calc(var(--safe-bottom, 0px) + 78px), calc(var(--tg-content-safe-area-inset-bottom, 0px) + 78px));
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  margin: 0;
  padding: 8px 12px;
  border-radius: 999px;
  color: #fffaf0;
  background: rgba(27, 27, 23, .78);
  font: 400 12px/1.4 "Onest", sans-serif;
}
.intro-loader {
  width: 12px;
  height: 12px;
  border: 1.5px solid rgba(255, 250, 240, .35);
  border-top-color: #fffaf0;
  border-radius: 50%;
  animation: intro-loading 900ms linear infinite;
}
@keyframes intro-loading { to { transform: rotate(360deg); } }
.app-intro.is-leaving { opacity: 0; pointer-events: none; }
html.aura-intro-active, html.aura-intro-active body { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .app-intro { transition: none; }
  .intro-loader { animation: none; }
}