.logo-marquee{background-color:var(--logo-bar-bg, #f7f7f7);color:var(--logo-bar-text, #1a1a1a);padding-top:var(--padding-top, 48px);padding-bottom:var(--padding-bottom, 48px);overflow:hidden;position:relative}.logo-marquee .page-width{max-width:1400px;margin:0 auto;padding:0 20px}.logo-marquee__title{text-align:center;margin:0 0 8px;font-size:clamp(1.25rem,2vw + .5rem,1.75rem);font-weight:600;letter-spacing:.02em;color:var(--logo-bar-text)}.logo-marquee__subtitle{text-align:center;margin:0 0 32px;font-size:.95rem;opacity:.7;color:var(--logo-bar-text)}.logo-marquee__viewport{width:100%;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 calc(var(--fade-edges) * 80px),#000 calc(100% - var(--fade-edges) * 80px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 calc(var(--fade-edges) * 80px),#000 calc(100% - var(--fade-edges) * 80px),transparent 100%)}.logo-marquee--fade .logo-marquee__viewport{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}.logo-marquee__track{display:flex;align-items:center;gap:var(--logo-gap, 64px);width:max-content;animation:logo-marquee-scroll var(--animation-duration, 40s) linear infinite;will-change:transform}.logo-marquee__viewport[data-pause-on-hover=true]:hover .logo-marquee__track{animation-play-state:paused}.logo-marquee__item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:var(--logo-height, 60px);opacity:var(--logo-opacity, .8);transition:opacity .3s ease,filter .3s ease,transform .3s ease;text-decoration:none}.logo-marquee__item:hover,.logo-marquee__item:focus-visible{opacity:var(--logo-opacity-hover, 1);transform:scale(1.05);outline:none}.logo-marquee__item img,.logo-marquee__item svg{max-height:var(--logo-height, 60px);width:auto;max-width:180px;object-fit:contain;display:block}.logo-marquee--grayscale .logo-marquee__item{filter:grayscale(100%)}.logo-marquee--grayscale .logo-marquee__item:hover,.logo-marquee--grayscale .logo-marquee__item:focus-visible{filter:grayscale(0%)}.logo-marquee__placeholder{text-align:center;padding:40px;border:2px dashed rgba(0,0,0,.15);border-radius:8px;opacity:.6}@keyframes logo-marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - (var(--logo-gap, 64px) / 2)))}}@media(prefers-reduced-motion:reduce){.logo-marquee__track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}}@media screen and (max-width:749px){.logo-marquee{padding-top:calc(var(--padding-top, 48px) * .7);padding-bottom:calc(var(--padding-bottom, 48px) * .7)}.logo-marquee__title{font-size:1.25rem}.logo-marquee__subtitle{font-size:.875rem;margin-bottom:24px}.logo-marquee__item{height:calc(var(--logo-height, 60px) * .75)}.logo-marquee__item img{max-height:calc(var(--logo-height, 60px) * .75);max-width:140px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-logo-marquee.css.map */