.granulator-text {
    font-family: inherit;
    font-size: var(--font-size);
    display: inline-block;
    color: transparent;
    background: linear-gradient(90deg, var(--color1), var(--color2), var(--color3), var(--color4));
    background-size: 300%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-pingpong var(--speed) infinite, blur-pulse var(--blur-speed) infinite;
    filter: hue-rotate(var(--hue-effect));
}

/* Gradient "ping-pong" rörelse */
@keyframes gradient-pingpong {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Blur-pulsering */
@keyframes blur-pulse {
    0%, 100% {
        filter: blur(var(--min-blur));
    }
    50% {
        filter: blur(var(--max-blur));
    }
}