.logo-marquee{--lm-gap: 2.5rem;--lm-items-desktop: 5;--lm-items-mobile: 2;--lm-speed: 30s;--lm-logo-max-height: 48px;position:relative;width:100%;overflow:hidden}.logo-marquee__inner{max-width:var(--page-width, 1200px);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.logo-marquee__header{margin:0 0 1.75rem}.logo-marquee__header--left{text-align:left}.logo-marquee__header--center{text-align:center}.logo-marquee__header--right{text-align:right}.logo-marquee__heading{margin:0;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.3}.logo-marquee__subheading{margin:.5rem 0 0;opacity:.8;font-size:.95rem;line-height:1.5}.logo-marquee__viewport{position:relative;overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%)}.logo-marquee--no-fade .logo-marquee__viewport{mask-image:none;-webkit-mask-image:none}.logo-marquee__track{display:flex;width:max-content;gap:var(--lm-gap);align-items:center;will-change:transform}.logo-marquee__track--animate{animation:logo-marquee-scroll var(--lm-speed) linear infinite}.logo-marquee__track--reverse{animation-direction:reverse}.logo-marquee__track--paused,.logo-marquee:hover .logo-marquee__track--pause-hover{animation-play-state:paused}.logo-marquee__group{display:flex;align-items:center;gap:var(--lm-gap);flex-shrink:0}.logo-marquee__item{--lm-item-w: calc((100vw - 3rem - (var(--lm-items-mobile) - 1) * var(--lm-gap)) / var(--lm-items-mobile));flex:0 0 var(--lm-item-w);width:var(--lm-item-w);max-width:var(--lm-item-w);display:flex;align-items:center;justify-content:center;min-height:calc(var(--lm-logo-max-height) + 1rem);min-width:0;overflow:hidden}@media screen and (min-width:750px){.logo-marquee__item{--lm-item-w: calc((min(100vw, var(--page-width, 1200px)) - 3rem - (var(--lm-items-desktop) - 1) * var(--lm-gap)) / var(--lm-items-desktop))}}.logo-marquee__link{min-width:0;display:inline-flex;align-items:center;justify-content:center;width:100%;text-decoration:none}.logo-marquee__image{display:block;width:100%;max-width:100%;height:var(--lm-logo-max-height);max-height:var(--lm-logo-max-height);object-fit:contain;object-position:center;transition:opacity .25s ease,filter .25s ease}.logo-marquee--grayscale .logo-marquee__image{filter:grayscale(1);opacity:.7}.logo-marquee--grayscale .logo-marquee__item:hover .logo-marquee__image{filter:grayscale(0);opacity:1}.logo-marquee__placeholder{width:100%;max-width:140px;aspect-ratio:3 / 2;border:1px dashed rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:.6}@keyframes logo-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.logo-marquee__track--animate{animation:none}}@media screen and (min-width:990px){.logo-marquee--static{background:#f7f5f1}.logo-marquee--static .logo-marquee__inner{position:relative;max-width:var(--lm-band-width);width:calc(100% - 56px);padding-left:0;padding-right:0;background-color:#f9f4ef}.logo-marquee--static.logo-marquee--rules .logo-marquee__inner:before,.logo-marquee--static.logo-marquee--rules .logo-marquee__inner:after{content:"";position:absolute;top:calc(var(--lm-pad-top, 0px) + 3px);height:66px;width:2px;background-color:#3c373212;pointer-events:none}.logo-marquee--static.logo-marquee--rules .logo-marquee__inner:before{left:16px}.logo-marquee--static.logo-marquee--rules .logo-marquee__inner:after{right:16px}.logo-marquee--static .logo-marquee__viewport{overflow:visible;mask-image:none;-webkit-mask-image:none}.logo-marquee--static .logo-marquee__track,.logo-marquee--static .logo-marquee__track--animate{width:100%;animation:none!important;transform:none!important;gap:0}.logo-marquee--static .logo-marquee__group--clone{display:none}.logo-marquee--static .logo-marquee__group{flex:0 0 auto;width:92.56%;margin:0 auto;gap:0;justify-content:space-between;align-items:center}.logo-marquee--static .logo-marquee__item{flex:0 0 calc(var(--lm-w) / var(--lm-row) * 100%);width:auto;max-width:none;min-height:0;aspect-ratio:var(--lm-w) / var(--lm-h)}.logo-marquee--static .logo-marquee__link{width:100%;height:100%}.logo-marquee--static .logo-marquee__image{width:100%;height:100%;max-height:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/logo-marquee.css.map */