/* Keep scroll reveals still; retain intentional title and label effects. */
html { scroll-behavior: auto !important; }
*, *::before, *::after {
  transition: none !important;
  scroll-behavior: auto !important;
}
.motion-typewriter .motion-word { white-space: nowrap; }
.motion-typewriter .motion-char { opacity: 0; animation: motion-typewriter-char .01s linear forwards; }
.motion-typewriter .motion-caret { display: inline-block; width: 2px; height: .78em; margin-left: .08em; overflow: hidden; background: currentColor; vertical-align: .04em; animation: motion-caret-blink 1s steps(1) infinite; }
.split-flap { display: inline-flex; white-space: pre; }
.split-flap-cell { display: inline-block; min-width: .55em; }
.split-flap-cell.is-flipping { opacity: .65; }
@keyframes motion-typewriter-char { to { opacity: 1; } }
@keyframes motion-caret-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: no-preference) {
  .timeline .next .chip { animation: motion-up-next 1s steps(1, end) infinite; }
}
@keyframes motion-up-next { 0%, 49%, 100% { opacity: 1; } 50%, 99% { opacity: .42; } }
@media (prefers-reduced-motion: reduce) {
  .motion-typewriter .motion-char { animation: none; opacity: 1; }
  .motion-typewriter .motion-caret { display: none; }
}
.btn:hover, .btn:active, .did-it:active, .groove-day .gd-play:hover { transform: none; }
