.lc-carousel { --lc-visible:5; width:100%; max-width:1200px; margin:24px auto; }
.lc-carousel * { box-sizing:border-box; }
.lc-carousel .lc-viewport { overflow-x:auto; }
.lc-carousel .lc-track { display:flex; width:100%; }
.lc-carousel .lc-group { display:flex; flex:0 0 auto; width:calc(100% / var(--lc-visible) * var(--lc-count)); list-style:none; margin:0; padding:0; }
.lc-carousel .lc-logo { display:flex; flex:0 0 calc(100% / var(--lc-count)); align-items:center; justify-content:center; height:clamp(100px, 14vw, 170px); padding:16px clamp(10px, 2vw, 26px); margin:0; list-style:none; }
.lc-carousel .lc-logo img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; border:0; border-radius:0; box-shadow:none; }
.lc-carousel.is-moving .lc-viewport { overflow:hidden; -webkit-mask-image:linear-gradient(to right, transparent, #000 20%, #000 80%, transparent); mask-image:linear-gradient(to right, transparent, #000 20%, #000 80%, transparent); }
.lc-carousel.is-moving .lc-group { animation:lc-scroll var(--lc-duration) linear infinite; }
.lc-carousel:hover .lc-group,
.lc-carousel:focus-within .lc-group { animation-play-state:paused; }
.lc-carousel.is-static .lc-group { width:100%; justify-content:center; flex-wrap:wrap; }
.lc-carousel.is-static .lc-logo { flex:0 0 calc(100% / var(--lc-visible)); min-width:120px; }
@keyframes lc-scroll { to { transform:translateX(-100%); } }
@media(max-width:600px) { .lc-carousel { --lc-visible:3; } .lc-carousel.is-moving .lc-viewport { -webkit-mask-image:linear-gradient(to right, transparent, #000 33.333%, #000 66.667%, transparent); mask-image:linear-gradient(to right, transparent, #000 33.333%, #000 66.667%, transparent); } }
@media(prefers-reduced-motion:reduce) { .lc-carousel.is-moving .lc-group { animation:none; } .lc-carousel.is-moving .lc-viewport { overflow-x:auto; mask-image:none; -webkit-mask-image:none; } .lc-carousel .lc-clone { display:none; } }