@keyframes grid-move {
    0% {
        background-position: calc(var(--diameter) * 0.05) calc(var(--diameter) * 0.95);
    }
    20% {
        background-position: calc(var(--diameter) * 0.05) calc(var(--diameter) * 0.85);
    }
    40% {
        background-position: calc(var(--diameter) * 0.15) calc(var(--diameter) * 0.85);
    }
    60% {
        background-position: calc(var(--diameter) * 0.15) calc(var(--diameter) * 0.75);
    }
    80% {
        background-position: calc(var(--diameter) * 0.05) calc(var(--diameter) * 0.75);
    }
    100% {
        background-position: calc(var(--diameter) * 0.05) calc(var(--diameter) * 0.65);
    }
}

[data-contributor="Alexander Miller"] .type {
    background-color: #058b42;
    background-image: linear-gradient(aliceblue 1px, transparent 1px), linear-gradient(to right, aliceblue 1px, transparent 1px);
    background-position: calc(var(--diameter) * 0.05);
    background-size: calc(var(--diameter) * 0.1) calc(var(--diameter) * 0.1);
    color: aliceblue;
    letter-spacing: calc(var(--diameter) * 0.065);
    padding-left: calc(var(--diameter) * 0.065);
    animation: grid-move linear infinite 10000ms;
}

[data-contributor="Alexander Miller"]:hover .type,
[data-contributor="Alexander Miller"]:focus .type,
[data-contributor="Alexander Miller"][data-on="true"] .type {
    background-color: #fff;
    background-image: linear-gradient(#000 1px, transparent 1px), linear-gradient(to right, #000 1px, transparent 1px);
    color: #000;
}