.rb-logo-slider {
    --rb-ls-visible: 6;
    --rb-ls-gap: 32px;
    --rb-ls-logo-height: 70px;
    width: 100%;
    position: relative;
}

.rb-logo-slider__viewport {
    width: 100%;
    overflow: hidden;
}

.rb-logo-slider__track {
    display: flex;
    align-items: center;
    gap: var(--rb-ls-gap);
    will-change: transform;
}

.rb-logo-slider__slide {
    flex: 0 0 calc((100% - (var(--rb-ls-gap) * (var(--rb-ls-visible) - 1))) / var(--rb-ls-visible));
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rb-logo-slider__image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: var(--rb-ls-logo-height);
    object-fit: contain;
}

@media (prefers-reduced-motion: reduce) {
    .rb-logo-slider__track {
        transition: none !important;
    }
}