div.keyword-ticker {
    white-space: nowrap;
    overflow: hidden;
    opacity: 0.6;
    font-weight: bold;

    div.row {
        display: flex;
        gap: 12px;
        animation: ticker var(--animationDuration) linear infinite;

        &:nth-child(odd) {
            span:nth-child(even) {
                color: var(--colourTickerAccent);
            }
        }

        &:nth-child(even) {
            span:nth-child(odd) {
                color: var(--colourTickerAccent);
            }
        }
    }
}

@keyframes ticker {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}