.clients{padding-bottom:calc(clamp(40px, 4.1vw, 71px) * var(--ui-scale));background:var(--c-charcoal)}.clients__band{border-block:1px solid var(--c-line-dark)}.clients__row{align-items:center;gap:calc(20px * var(--ui-scale));min-height:calc(clamp(96px, 7.29vw, 126px) * var(--ui-scale));padding-block:calc(16px * var(--ui-scale));display:flex}.clients__marquee{--logo-gap:calc(clamp(36px, 6.02vw, 104px) * var(--ui-scale));--fade:min(14%, calc(160px * var(--ui-scale)));min-width:0;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);flex:1;overflow:clip;container-type:inline-size}.clients__track{width:max-content;animation:clients-marquee var(--clients-loop,28s) linear infinite;will-change:transform;animation-play-state:paused;display:flex}.clients[data-running=true] .clients__track{animation-play-state:running}@media (hover:hover){.clients__marquee:hover .clients__track{animation-play-state:paused}}.clients__marquee:focus-within .clients__track{animation-play-state:paused}@keyframes clients-marquee{to{transform:translate(-50%)}}.clients__list{flex:none;justify-content:space-around;align-items:center;min-width:100cqi;display:flex}.clients__item{padding-inline:calc(var(--logo-gap) / 2);flex:none}.clients__logo{width:calc(clamp(calc(var(--w) * .62px), calc(var(--w) / 17.28 * 1vw), calc(var(--w) * 1px)) * var(--ui-scale));-webkit-user-select:none;user-select:none;height:auto}.clients__toggle{border:1.5px solid var(--c-line-dark);width:44px;height:44px;color:var(--c-text-muted-dark);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.clients__toggle:hover{color:var(--c-white);border-color:#ffffff8c}}.clients__toggle:active{transform:scale(.94)}.clients__toggle-icon{width:12px;height:14px;transition:transform var(--dur-base) cubic-bezier(.16, 1, .3, 1);position:relative}.clients__toggle-icon:before,.clients__toggle-icon:after{content:"";width:6px;transition:clip-path var(--dur-base) cubic-bezier(.16, 1, .3, 1);background:currentColor;position:absolute;top:0;bottom:0}.clients__toggle-icon:before{clip-path:polygon(0 0,66.667% 0,66.667% 100%,0 100%);left:0}.clients__toggle-icon:after{clip-path:polygon(33.333% 0,100% 0,100% 100%,33.333% 100%);right:0}.clients__toggle[data-state=paused] .clients__toggle-icon{transform:translate(1px)}.clients__toggle[data-state=paused] .clients__toggle-icon:before{clip-path:polygon(0 0,100% 25%,100% 75%,0 100%)}.clients__toggle[data-state=paused] .clients__toggle-icon:after{clip-path:polygon(0 25%,100% 50%,100% 50%,0 75%)}@media (forced-colors:active){.clients__toggle-icon:before,.clients__toggle-icon:after{forced-color-adjust:none;background:buttontext}}@media (prefers-reduced-motion:reduce){.clients__marquee{overflow:visible;-webkit-mask-image:none;mask-image:none;container-type:normal}.clients__track{will-change:auto;width:auto;animation:none}.clients__list{justify-content:space-between;gap:calc(24px * var(--ui-scale));flex:auto;min-width:0}.clients__item{padding-inline:0}.clients__list[aria-hidden=true],.clients__toggle{display:none}}@media (prefers-reduced-motion:reduce) and (width<=767px){.clients__list{justify-content:center;gap:calc(28px * var(--ui-scale)) calc(36px * var(--ui-scale));flex-wrap:wrap}}
