.logo-marquee{--marquee-duration:60s;--marquee-gap:4rem;--fade-width:120px;--logo-height:50px;--logo-width:160px;--marquee-slow-factor:2;--marquee-distance:50%;overflow:hidden;padding:2rem 0;position:relative}.logo-marquee--black .logo-marquee__image{filter:brightness(0)}.logo-marquee--fade .track-wrapper:after,.logo-marquee--fade .track-wrapper:before{bottom:0;content:"";height:100%;pointer-events:none;position:absolute;width:var(--fade-width);z-index:2}.logo-marquee--fade .track-wrapper:before{background:linear-gradient(to right,var(--color-background,#fff),transparent);left:0}.logo-marquee--fade .track-wrapper:after{background:linear-gradient(to left,var(--color-background,#fff),transparent);right:0}.logo-marquee .track-wrapper{height:fit-content;max-width:var(--content-width-wide);overflow:hidden;position:relative}.logo-marquee__track{animation:marquee-base var(--marquee-duration) linear infinite,marquee-counter var(--marquee-duration) linear infinite paused;animation-composition:replace,add;display:flex;height:var(--logo-height);position:relative;width:max-content;will-change:transform}.logo-marquee__set{gap:var(--marquee-gap);margin-right:var(--marquee-gap)}.logo-marquee__item,.logo-marquee__set{align-items:center;display:flex;flex-shrink:0}.logo-marquee__item{height:var(--logo-height);justify-content:center;padding:0 1rem;pointer-events:none;user-select:none;width:var(--logo-width)}.logo-marquee__image{display:block;height:var(--logo-height);max-height:var(--logo-height);object-fit:contain;transition:filter var(--animation-settings,.3s ease);width:auto}.track-wrapper:hover .logo-marquee__track{animation-play-state:running,running}@media(max-width:1279px){.logo-marquee{--marquee-duration:28s;--marquee-gap:1.75rem;--logo-height:50px}}@media(max-width:599px){.logo-marquee{--marquee-duration:25s;--marquee-gap:1.5rem;--fade-width:40px;--logo-height:80px;--logo-width:110px;padding:1.5rem 0}.logo-marquee__item{padding:0 .75rem}}@media(prefers-contrast:high){.logo-marquee__image{filter:contrast(1.2) grayscale(0)}}@keyframes marquee-base{0%{transform:translateX(0)}to{transform:translateX(calc(var(--marquee-distance)*-1))}}@keyframes marquee-counter{0%{transform:translateX(0)}to{transform:translateX(calc(var(--marquee-distance)*(var(--marquee-slow-factor) - 1)/var(--marquee-slow-factor)))}}@supports not (animation-composition:add){.logo-marquee .track-wrapper:hover .logo-marquee__track{animation-duration:calc(var(--marquee-duration)*var(--marquee-slow-factor))}}