.hibob-carousel.autoscroll {
    overflow-x: hidden;
}

.hibob-carousel.autoscroll.pause-on-hover:hover {
    --animation-play-state: paused;
}

.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);
    animation-fill-mode: var(--animation-fill-mode, none);
}

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

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