.hibob-carousel.auto-scroll {
    overflow-x: hidden;
}

.hibob-carousel .hibob-carousel__marquee {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    column-gap: var(--gap);
    row-gap: 20px;
    padding: 0 calc(var(--gap) / 2);
    animation: marquee-animation calc(var(--count, 8) * var(--speed, 1) * 6s) linear infinite var(--animation-play-state, running);
}

@keyframes marquee-animation {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(var(--direction, -1) * 100%));
    }
}