/* ScrambledText — vanilla port (React Bits) */

.scrambled-text-block {
  display: block;
}

.scrambled-text-block p {
  margin: 0;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.scrambled-word {
  display: inline;
  white-space: nowrap;
}

.scrambled-char,
.char {
  display: inline-block;
}

html[data-theme="alt"] .scrambled-text-block.auth-tagline,
html[data-theme="alt"] p.scrambled-text-block.auth-tagline {
  font-family: "JetBrains Mono", "Plus Jakarta Sans", monospace;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: rgba(232, 244, 255, 0.82);
}

html[data-theme="alt"] .hero .scrambled-text-block.site-description,
html[data-theme="alt"] .hero p.scrambled-text-block.site-description {
  font-family: "JetBrains Mono", "Plus Jakarta Sans", monospace;
  font-size: 14px;
  letter-spacing: 0.03em;
}

html[data-theme="alt"] .scrambled-text-block.check-hero-lead,
html[data-theme="alt"] p.scrambled-text-block.check-hero-lead {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 15px;
  line-height: 1.55;
  letter-spacing: 0;
  color: rgba(232, 244, 255, 0.88);
}

@media (prefers-reduced-motion: reduce) {
  .scrambled-char,
  .char {
    will-change: auto;
  }
}