.logos{border-block:1px solid var(--line);padding:max(28px,min(4vw,48px)) 0;overflow:clip}.logos__label{text-align:center;color:var(--paper-mute);margin:0 0 20px}.logos__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.logos__track{will-change:transform;width:max-content;display:flex}.logos__list{align-items:center;gap:max(48px,min(7vw,104px));margin:0;padding-right:max(48px,min(7vw,104px));list-style:none;display:flex}.logos__list img{filter:grayscale()brightness(1.7);opacity:.5;width:auto;height:max(26px,min(3vw,40px));transition:filter .4s,opacity .4s,transform .5s var(--ease-lift);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block}.logos__list li:hover img{filter:none;opacity:1;transform:translateY(-4px)scale(1.06)}.logos:not(.is-live) .logos__viewport{-webkit-mask-image:none;mask-image:none}.logos:not(.is-live) .logos__track{justify-content:center;width:auto}.logos:not(.is-live) .logos__list{padding:0 var(--gutter);flex-wrap:wrap;justify-content:center;row-gap:28px}.logos:not(.is-live) .logos__list[aria-hidden]{display:none}.logos.is-css .logos__track{animation:38s linear infinite logos-run}.logos.is-css .logos__list li:hover img{filter:grayscale()brightness(1.7);opacity:.5;transform:none}@keyframes logos-run{to{transform:translate(-50%)}}
