.scroll-fill-text {
    --scroll-fill-base-color: #d7d7d7;
    --scroll-fill-active-color: #111111;
    color: var(--scroll-fill-base-color);
}

.scroll-fill-text.scroll-fill-text-ready {
    white-space: pre-wrap;
}

.scroll-fill-text .scroll-fill-char {
    color: var(--scroll-fill-base-color);
    transition: color 120ms linear;
}

.scroll-fill-text .scroll-fill-char.is-filled {
    color: var(--scroll-fill-active-color);
}

@media (prefers-reduced-motion: reduce) {
    .scroll-fill-text .scroll-fill-char {
        transition: none;
    }
}