/**
 * Logos bar (BEM block: .logos-bar).
 */
.logos-bar {
	/*padding-block: var(--space-lg);*/
}
/*
.logos-bar__container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-lg);
}
.logos-bar__card {
	background-color: var(--color-dark);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
    width: 100%;
	padding: var(--space-md) 0;
}
.logos-bar__card {
    display: inline-flex;
    animation: ticker-scroll 28s linear infinite;
}
@keyframes ticker-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.logos-bar__item {
	flex: 0 0 auto;
	opacity: 0.5;
	filter: grayscale(100%);
	transition: opacity var(--duration-fast) var(--ease-out), filter var(--duration-fast) var(--ease-out);
	color: var(--color-bg-alt);
}

.logos-bar__item:hover {
	opacity: 1;
	filter: grayscale(0%);
}

.logos-bar__image {
	max-height: 32px;
	width: auto;
}

@media (max-width: 700px) {
	.logos-bar__container {
		justify-content: center;
		gap: var(--space-md);
	}
}
*/
/* =========================
   LOGOS BAR
========================= */

.logos-bar {
   width: 100%;
   overflow: hidden;
    background-color: var(--color-dark);
   
}

.logos-bar__container {
    width: 100%;
    overflow: hidden;
    
}

.logos-bar__card {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--space-lg);
    
    width: max-content;
    min-width: max-content;

    padding: var(--space-md) 0;

    animation: ticker-scroll 28s linear infinite;
   
}

.logos-bar__item {
    flex: 0 0 auto;
    opacity: 0.5;
    filter: grayscale(100%);
    color: var(--color-bg-alt);

    transition:
        opacity var(--duration-fast) var(--ease-out),
        filter var(--duration-fast) var(--ease-out);
}

.logos-bar__item:hover {
    opacity: 1;
    filter: grayscale(0%);
}

.logos-bar__image {
    max-height: 32px;
    width: auto;
}

@keyframes ticker-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}