.logo-marquee-section{background:#000;padding:80px 0;overflow:hidden;position:relative}.logo-marquee-row{overflow:hidden;width:100%;margin:26px 0}.logo-track{display:flex;width:max-content;align-items:center;gap:80px;will-change:transform}.logo-item{flex:none}.logo-image{display:block;height:80px;width:auto;object-fit:contain;opacity:.95;transition:.3s ease}.logo-item:hover .logo-image{opacity:1;transform:scale(1.06)}.marquee-left .logo-track{animation:marquee-left 20s linear infinite}.marquee-right .logo-track{animation:marquee-right 20s linear infinite}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.logo-marquee-section:before,.logo-marquee-section:after{content:"";position:absolute;top:0;width:180px;height:100%;z-index:10;pointer-events:none}.logo-marquee-section:before{left:0;background:linear-gradient(to right,#000,#0000)}.logo-marquee-section:after{right:0;background:linear-gradient(to left,#000,#0000)}@media(max-width:749px){.logo-marquee-section{padding:45px 0}.logo-track{gap:45px}.logo-image{height:130px}.logo-marquee-row{margin:18px 0}.logo-track{animation:none!important}.logo-marquee-row{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.logo-marquee-row.is-dragging{cursor:grabbing}.logo-item{cursor:pointer}.logo-item .logo-image{-webkit-user-drag:none;pointer-events:none}.logo-marquee-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;pointer-events:none;transition:.25s ease;padding:40px}.logo-marquee-lightbox.is-open{opacity:1;pointer-events:auto}.logo-marquee-lightbox__content{max-width:90vw;max-height:80vh;display:flex;flex-direction:column;align-items:center;gap:20px}.logo-marquee-lightbox__content img{max-width:100%;max-height:70vh;object-fit:contain}.logo-marquee-lightbox__close{position:absolute;top:24px;right:24px;width:40px;height:40px;border:none;background:#ffffff1a;color:#fff;font-size:22px;line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.logo-marquee-lightbox__visit{color:#fff;border:1px solid rgba(255,255,255,.4);padding:10px 24px;border-radius:999px;text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/logo-marquee.css.map */