.tomahawk-logo-slider {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    line-height: 1;
}

.tomahawk-logo-slider.slide-direction-right .tomahawk-logo-slide {
    animation: th-reverse-scroll 30s linear infinite;
}

.tomahawk-logo-slide {
    display: inline-flex;
    animation: th-scroll 30s linear infinite;
    gap: 8px;
}

.tomahawk-logo-slider__item {
    width: 300px;
    height: 200px;
    display: inline-block;
}

@keyframes th-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes th-reverse-scroll {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}