/* BLOCK: Animated Text */

.block-animated-text .text-wrapper {
    max-width: 58.375rem;
}

.block-animated-text .scroll-fill-text {
    --fg: var(--theme-clr-heading);
    --muted: var(--c-bg-light-tint-1);
    -webkit-background-clip: text;
    background-clip: text;
    background-color: var(--muted);
    background-image: linear-gradient(135deg, var(--fg) 50%, var(--muted) 60%);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 0% 200%;
    color: transparent;
    display: inline;
    will-change: background-size;
    text-box: none;
}

.block-animated-text:where(.theme--light,.theme--dark-tint-2) .scroll-fill-text {
    --muted: var(--c-bg-light-tint-1);
}

.block-animated-text:where(.theme--dark,.theme--dark-tint-1,.theme--light-tint-1) .scroll-fill-text {
    --muted: var(--c-bg-dark-tint-2);
}