.bande-marques { --bm-fond: var(--fond); position: relative; background: var(--bm-fond); color: var(--texte); padding: 28px 0 32px; border-top: 1px solid var(--trait); }
.bande-marques .bm-titre { font: 600 15px/1.35 var(--titre); color: var(--doux); margin: 0 0 18px; max-width: none; }
.bm-titre .a-valider { font-weight: 500; }
.bande-marques.bm-pied .bm-titre { margin-left: var(--marge); margin-right: var(--marge); }
.bande-marques.bm-section { padding: 0; border: 0; background: transparent; margin-top: 40px; }
.comparateur .bande-marques, .soumission .bande-marques { --bm-fond: var(--gris); }
.comparateur .bande-marques.bm-section { margin: 32px 0 40px; }
.bm-fenetre { overflow: hidden; outline-offset: 4px;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.bm-aide { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.bm-fenetre:focus-visible { outline: 2px solid var(--cyan-texte); }
.bm-piste { display: flex; width: max-content; background: var(--bm-fond); will-change: transform; backface-visibility: hidden;
animation: bm-file 96s linear infinite; }
.bm-fenetre:hover .bm-piste, .bm-fenetre:focus .bm-piste, .bm-fenetre:focus-within .bm-piste { animation-play-state: paused; }
.bm-liste { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
.bm-liste li { flex: none; display: grid; place-items: center; height: 64px; width: var(--l, 160px); margin-right: 88px; }
.bm-liste img { display: block; height: var(--h, 40px); width: auto; max-width: none; filter: brightness(0); opacity: .86; }
.bm-liste img.bm-fond-blanc { filter: grayscale(1) contrast(1.4); mix-blend-mode: multiply; opacity: 1; }
.bm-nom { font: 700 26px/1 var(--titre); letter-spacing: -.01em; color: #000; opacity: .86; white-space: nowrap; }
@keyframes bm-file { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
@media (max-width: 700px) {
.bande-marques { padding: 22px 0 24px; }
.bande-marques.bm-section { margin-top: 32px; padding: 0; }
.bm-liste li { height: 48px; width: calc(var(--l, 160px) * .72); margin-right: 56px; }
.bm-liste img { height: calc(var(--h, 40px) * .72); }
.bm-nom { font-size: 19px; }
.bm-piste { animation-duration: 120s; }
}
@media (prefers-reduced-motion: reduce) {
.bm-fenetre { overflow-x: auto; -webkit-mask-image: none; mask-image: none; scrollbar-width: thin; padding-bottom: 8px; }
.bm-piste { animation: none; will-change: auto; }
.bande-marques.bm-pied .bm-piste { padding: 0 var(--marge); }
.bm-liste[aria-hidden="true"], .bm-aide { display: none; }
}