/* Paint-only accents. The document text, line boxes and accessibility tree stay intact. */
:root { --frolics-heading-motion-v16: 1; }
[data-heading-motion-v16="mask"] {
  background-color: var(--f16-ink);
  background-image: linear-gradient(90deg, var(--f16-ink) 0%, var(--f16-ink) 49.5%, var(--f16-tone) 50.5%, var(--f16-tone) 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
::highlight(f16-letter-wait) { color: var(--f16-tone, currentColor); }
::highlight(f16-letter-ink) { color: var(--f16-ink, currentColor); }
/* Fallbacks are visible even if scripting is interrupted during an accent. */
@media (prefers-reduced-motion: reduce), (forced-colors: active), print {
  [data-heading-motion-v16="mask"] {
    background: none;
    color: var(--f16-ink);
    -webkit-text-fill-color: currentColor;
  }
  ::highlight(f16-letter-wait), ::highlight(f16-letter-ink) { color: currentColor; }
}