/* The neutral page shown before branding is applied: no text, no logo, a CSS-only progress bar (9. Frontend §9.2.12).
   It follows the colour scheme set by colour-scheme.js, and stays as the page background behind the shell. */
html,
body {
  margin: 0;
  background: #fff;
}

html[data-colour-scheme='dark'],
html[data-colour-scheme='dark'] body {
  background: #111316;
}

.transakt-boot {
  position: fixed;
  inset: 0 0 auto;
  height: 3px;
  overflow: hidden;
}

.transakt-boot::after {
  content: '';
  position: absolute;
  inset: 0 auto 0 -40%;
  width: 40%;
  background: #8a94a3;
  animation: transakt-boot 1.2s ease-in-out infinite;
}

@keyframes transakt-boot {
  to {
    left: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .transakt-boot::after {
    animation: none;
    left: 0;
    width: 100%;
  }
}