.brand-marquee{width:100%;overflow:hidden;position:relative}.brand-marquee__container{position:relative;width:100%;max-width:100%;margin:0 auto;display:flex;align-items:center}.brand-marquee__wrapper{width:100%;overflow:hidden;position:relative}.brand-marquee__content{display:flex;flex-direction:row;align-items:center;gap:7rem;flex-wrap:nowrap;animation:marquee var(--marquee-duration, 30s) linear infinite;will-change:transform}.brand-marquee__item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:var(--logo-width, 80px)}.brand-marquee__logo{width:100%;height:auto;object-fit:contain;transition:opacity .3s ease;filter:grayscale(1) invert(1)}.brand-marquee__logo:hover{opacity:.8}.brand-marquee__gradient{position:absolute;top:0;width:120px;height:100%;pointer-events:none;z-index:2}.brand-marquee__gradient--left{left:0;background:linear-gradient(to right,var(--gradient-background) 20%,rgba(var(--gradient-background-rgb),.8) 35%,rgba(var(--gradient-background-rgb),.4) 65%,transparent 100%)}.brand-marquee__gradient--right{right:0;background:linear-gradient(to left,var(--gradient-background) 20%,rgba(var(--gradient-background-rgb),.8) 35%,rgba(var(--gradient-background-rgb),.4) 65%,transparent 100%)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (min-width:750px){.brand-marquee__gradient{width:180px}}@media screen and (min-width:990px){.brand-marquee__gradient{width:240px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/brand-marquee.css.map */