/* Enhanced only after the original decorative text has been duplicated. */
body:not([data-orbit-variant]) .hero-orbit .orbit-code[data-code-flow],
body[data-orbit-variant="1"] .hero-orbit .orbit-code[data-code-flow] {
  height: 154px;
  overflow: hidden;
  color: #e8b76770;
  -webkit-mask-image: linear-gradient(transparent, #000 14%, #000 85%, transparent);
  mask-image: linear-gradient(transparent, #000 14%, #000 85%, transparent);
}

.hero-orbit .orbit-code[data-code-flow] .code-flow-track {
  animation: dao-code-flow 24s linear infinite;
  width: max-content;
}

.hero-orbit .orbit-code[data-code-flow] .code-flow-copy {
  padding-bottom: 3em;
}

@keyframes dao-code-flow {
  to { transform: translateY(-50%); }
}

/* Match the gallery's pause button and stop under modal dialogs. */
.motion-paused .orbit-code .code-flow-track,
body:has(dialog[open]) .orbit-code .code-flow-track {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .hero-orbit .orbit-code[data-code-flow] .code-flow-track { animation: none; }
  body:not([data-orbit-variant]) .hero-orbit .orbit-code[data-code-flow],
  body[data-orbit-variant="1"] .hero-orbit .orbit-code[data-code-flow] {
    height: auto;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .hero-orbit .orbit-code[data-code-flow] .code-flow-copy + .code-flow-copy {
    display: none;
  }
}