/* Equal-size repeated groups make the wrap point visually seamless. */
.brand-carousel.wrap{width:min(1120px,calc(100% - 80px));display:flex;align-items:center;gap:30px;padding-block:26px;margin:24px auto 36px;border-block:1px solid #243d571c}
.brand-carousel>p{flex:0 0 auto;margin:0;color:#65707a;font:400 12px/1.5 Inter,sans-serif}
.brand-carousel-window{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.brand-carousel-window:focus-visible{outline:2px solid #315b89;outline-offset:6px;border-radius:5px}
.brand-carousel-track{display:flex;width:max-content;animation:brand-carousel-drift 38s linear infinite;will-change:transform}
.brand-carousel-group{display:flex;flex:none}
.brand-carousel-slot{display:flex;flex:0 0 178px;align-items:center;justify-content:center;height:56px;padding-inline:14px}
.brand-carousel-slot img{display:block;width:150px;height:44px;object-fit:contain;max-width:100%}
.brand-carousel:hover .brand-carousel-track,.brand-carousel:focus-within .brand-carousel-track{animation-play-state:paused}
@keyframes brand-carousel-drift{to{transform:translateX(-50%)}}
@media(max-width:600px){.brand-carousel.wrap{width:calc(100% - 40px);display:block;padding-block:20px;margin-block:20px 28px}.brand-carousel>p{margin-bottom:14px;font-size:11px}.brand-carousel-slot{flex-basis:156px;padding-inline:15px}.brand-carousel-slot img{width:126px;height:38px}.brand-carousel-track{animation-duration:34s}}
@media(prefers-reduced-motion:reduce){.brand-carousel-track{animation:none;will-change:auto}.brand-carousel-group[aria-hidden=true]{display:none}.brand-carousel-window{overflow-x:auto;mask-image:none}}
