.client-logo-band{--logo-gap:40px;border-block:1px solid var(--logo-border);background:var(--logo-surface);padding-block:28px}.client-logo-label{color:var(--logo-label);text-align:center;text-transform:uppercase;letter-spacing:.1em;margin-inline:24px;font-size:14px}.client-logo-window{-webkit-mask-image:linear-gradient(to right, transparent, var(--logo-surface) 8%, var(--logo-surface) 92%, transparent);-webkit-mask-image:linear-gradient(to right, transparent, var(--logo-surface) 8%, var(--logo-surface) 92%, transparent);mask-image:linear-gradient(to right, transparent, var(--logo-surface) 8%, var(--logo-surface) 92%, transparent);margin-top:24px;overflow:hidden}.client-logo-track{width:max-content;animation:40s linear infinite client-logos-scroll;display:flex}.client-logo-set{align-items:center;gap:var(--logo-gap);padding-right:var(--logo-gap);flex-shrink:0;display:flex}.client-logo-image{filter:grayscale();opacity:.6;flex-shrink:0;width:auto;max-width:none;height:28px;transition:filter .2s,opacity .2s;display:block}@keyframes client-logos-scroll{to{transform:translate(-50%)}}@media (width>=768px){.client-logo-band{--logo-gap:64px;padding-block:40px}.client-logo-image{height:40px}}@media (hover:hover) and (pointer:fine){.client-logo-window:hover .client-logo-track{animation-play-state:paused}.client-logo-image:hover{filter:grayscale(0);opacity:1}}@media (prefers-reduced-motion:reduce){.client-logo-window{margin-inline:24px;-webkit-mask-image:none;mask-image:none}.client-logo-track{width:100%;animation:none}.client-logo-set{flex-wrap:wrap;justify-content:center;width:100%;padding-right:0}.client-logo-set[aria-hidden=true],.client-logo-image[data-repeat]{display:none}.client-logo-image{transition:none}}