.marquee{position:relative;overflow:hidden;white-space:nowrap;--marquee-duration: 20s;--marquee-img-scale: 2.2}@media(min-width:768px){.new-hero-banner__text{max-width:600px}.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(#A9B502),to(transparent));background:linear-gradient(to right,#A9B502,transparent)}.marquee .page-width:after{right:0;background:-webkit-gradient(linear,right top,left top,from(#A9B502),to(transparent));background:linear-gradient(to left,#A9B502,transparent)}}.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 var(--marquee-duration) linear infinite;animation:scroll-marquee var(--marquee-duration) 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__title{font-family:var(--font-heading-family);color:#46220e;font-size:20px;font-weight:900;text-transform:uppercase;display:flex;align-items:center;height:100%;line-height:0;margin-top:4px}@media(min-width:768px){.marquee__title{margin-top:5px;margin-left:5px;font-size:2.5rem}}.marquee__track{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.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:1.8rem;height:100%;gap:.25rem}.marquee .img-content img{-o-object-fit:contain;object-fit:contain;max-width:58px;height:27px}@media(min-width:768px){.marquee .img-content{margin-right:4.8rem}.marquee .img-content img{max-width:58px;height:40px}}@-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/2/assets/section-marquee.css.map */