/* scroller */

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 1.5rem));
    }
}

.scroller__wrapper {
    display: flex;
    justify-content: center;
    margin-block-end: calc(var(--space-large) * 1.2);
}

.scroller {
    max-width: 1300px;
}

    .scroller[data-animated="true"] {
        overflow-x: hidden;
        mask: linear-gradient(90deg,transparent, green 5%, green 95%, transparent);
    }

        .scroller[data-animated="true"] .scroller__items {
            width: max-content;
            flex-wrap: nowrap;
            animation: scroll 20s linear infinite;
        }

.scroller__items {
    display: flex;
    gap: 3rem;
}

.scr__item {
    max-width: 10rem;
}

@media (max-width: 991px) {
    .brands__wrapper {
        margin-block-end: calc(var(--space-large) * 2.5);
    }
}

@media (max-width: 434px) {
    .brands__wrapper {
        margin-block-end: calc(var(--space-large) * 1.2);
    }
}

@media(prefers-reduced-motion) {
    .scroller__wrapper {
        display: flex;
        justify-content: center;
    }

    .scroller {
        max-width: 1050px;
    }

    .scroller__items {
        display: flex;
        gap: 4rem;
        flex-wrap: wrap;
        justify-content: space-around;
        padding-inline: 0.5rem;
    }
}