.marquee{position:relative;overflow:hidden;background-color:#fff;white-space:nowrap}@media(min-width:768px){.marquee .page-width{position:relative;max-width:calc(var(--page-width) - 128px);padding-inline:0;overflow:hidden}.marquee .page-width:before,.marquee .page-width:after{content:"";position:absolute;z-index:1;top:0;width:100px;height:100%}.marquee .page-width:before{left:0;background:-webkit-gradient(linear,left top,right top,from(#ffffff),to(transparent));background:linear-gradient(to right,#ffffff,transparent)}.marquee .page-width:after{right:0;background:-webkit-gradient(linear,right top,left top,from(#ffffff),to(transparent));background:linear-gradient(to left,#ffffff,transparent)}}.marquee__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 4rem;color:#000;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:2.4px;line-height:20px;text-transform:uppercase}.marquee__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-animation:scroll-marquee 90s linear infinite;animation:scroll-marquee 90s linear infinite;will-change:transform;-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction)}.marquee__content:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.marquee__track{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.marquee .img-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:5.6rem}.marquee .img-content img{width:100%;max-width:var(--width-max);height:100%;max-height:var(--height-max);opacity:.5;-o-object-fit:contain;object-fit:contain}.marquee__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.marquee__link:hover{opacity:.8}@-webkit-keyframes scroll-marquee{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-50%);transform:translate(-50%)}}@keyframes scroll-marquee{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-50%);transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-marquee.css.map */