.brand-marquee{width:100%;overflow:hidden}.brand-marquee__heading{text-align:center;font-size:1.8rem;text-transform:uppercase;letter-spacing:.15em;margin:0 0 3.2rem}.brand-marquee__viewport{position:relative;overflow:hidden;width:100%}.brand-marquee__viewport--fade:before,.brand-marquee__viewport--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(40px,8vw,160px);z-index:2;pointer-events:none}.brand-marquee__viewport--fade:before{left:0;background:linear-gradient(to right,rgb(var(--color-background, 255 255 255)),transparent)}.brand-marquee__viewport--fade:after{right:0;background:linear-gradient(to left,rgb(var(--color-background, 255 255 255)),transparent)}.brand-marquee__track{display:flex;width:max-content;animation:brand-marquee-scroll var(--marquee-speed, 30s) linear infinite}.brand-marquee__viewport--pause-hover:hover .brand-marquee__track{animation-play-state:paused}@keyframes brand-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.brand-marquee__group{display:flex;align-items:center;flex-shrink:0;gap:var(--marquee-gap, 80px);padding-right:var(--marquee-gap, 80px)}.brand-marquee__item{display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-marquee__link{display:flex;align-items:center;text-decoration:none}.brand-marquee__image{height:var(--marquee-logo-height, 40px);width:auto;max-width:none;object-fit:contain;display:block;transition:opacity .3s ease,filter .3s ease,transform .3s ease}.brand-marquee__item--grayscale .brand-marquee__image{filter:grayscale(100%);opacity:.6}.brand-marquee__item--grayscale .brand-marquee__image:hover{filter:grayscale(0%);opacity:1;transform:scale(1.05)}.brand-marquee__item:not(.brand-marquee__item--grayscale) .brand-marquee__image:hover{transform:scale(1.05)}.brand-marquee__name-placeholder{font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:currentColor;opacity:.7;transition:opacity .3s ease}.brand-marquee__name-placeholder:hover{opacity:1}@media screen and (max-width:749px){.brand-marquee__heading{font-size:1.4rem;margin-bottom:2rem}}@media(prefers-reduced-motion:reduce){.brand-marquee__track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-brand-marquee.css.map */