diabrowser.css

.chroma-text {
    background-image: linear-gradient(90deg,#000000 0,#000000 33.33%,#c679c4 40%,#fa3d1d 45%,#ffb005 50%,#e1e1fe 55%,#0358f7 60%,transparent 66.67%,transparent);
    background-size: 300% 100%;
    background-position: 100% 0;
    will-change: background-position;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    color: transparent
}

.chroma-text-animate {
    animation: chroma-sweep .9s ease-in-out .1s forwards;
    filter: blur(1px)
}

@keyframes chroma-sweep {
    0% {
        background-position: 100% 0;
        filter: blur(1px)
    }

    to {
        background-position: 0 0;
        filter: blur(0)
    }
}