.marquee-image{background-color:var(--marquee-image-top-bg);overflow:hidden;margin-bottom:-1px}@media screen and (max-width:990px){.marquee-image--visibility-desktop-only{display:none}}@media screen and (min-width:991px){.marquee-image--visibility-mobile-only{display:none}}.marquee-image__viewport{background:linear-gradient(var(--marquee-image-angle-mobile, 180deg),transparent 0 calc(100% - var(--marquee-image-bg-height-mobile)),var(--marquee-image-bottom-bg) calc(100% - var(--marquee-image-bg-height-mobile)) 100%);display:block;overflow:hidden;padding:1px 0;-webkit-user-select:none;user-select:none;-webkit-perspective:1000;perspective:1000;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.marquee-image__track{display:flex;width:max-content;-webkit-backface-visibility:hidden;backface-visibility:hidden}.marquee-image--anim-track.marquee-image--direction-left .marquee-image__track{animation:marquee-image-scroll-left var(--marquee-image-duration-mobile) linear infinite}.marquee-image--anim-track.marquee-image--direction-right .marquee-image__track{animation:marquee-image-scroll-right var(--marquee-image-duration-mobile) linear infinite}.marquee-image__group{display:flex;flex:0 0 auto;gap:var(--marquee-image-gap-mobile);padding-right:var(--marquee-image-gap-mobile);list-style:none;margin:0;padding-left:0;padding-top:0;padding-bottom:0}.marquee-image--anim-group.marquee-image--direction-left .marquee-image__group{animation:marquee-image-scroll-group-left var(--marquee-image-duration-mobile) linear infinite}.marquee-image--anim-group.marquee-image--direction-right .marquee-image__group{animation:marquee-image-scroll-group-right var(--marquee-image-duration-mobile) linear infinite}.marquee-image__slide{align-items:flex-end;display:flex;height:var(--marquee-image-slide-height-mobile);justify-content:center;min-width:0;width:auto}.marquee-image__slide img,.marquee-image__placeholder{display:block;height:var(--marquee-image-slide-height-mobile);max-width:none;object-fit:contain;width:auto}.marquee-image__placeholder{aspect-ratio:1.35;background:transparent;color:var(--color-yellow)}@media screen and (min-width:1024px){.marquee-image__viewport{background:linear-gradient(var(--marquee-image-angle-desktop, 180deg),transparent 0 calc(100% - var(--marquee-image-bg-height-desktop)),var(--marquee-image-bottom-bg) calc(100% - var(--marquee-image-bg-height-desktop)) 100%)}.marquee-image--anim-track.marquee-image--direction-left .marquee-image__track,.marquee-image--anim-track.marquee-image--direction-right .marquee-image__track,.marquee-image--anim-group.marquee-image--direction-left .marquee-image__group,.marquee-image--anim-group.marquee-image--direction-right .marquee-image__group{animation-duration:var(--marquee-image-duration-desktop)}.marquee-image__group{gap:var(--marquee-image-gap-desktop);padding-right:var(--marquee-image-gap-desktop)}.marquee-image__slide,.marquee-image__slide img,.marquee-image__placeholder{height:var(--marquee-image-slide-height-desktop)}}@media screen and (prefers-reduced-motion:reduce){.marquee-image--anim-track.marquee-image--direction-left .marquee-image__track,.marquee-image--anim-track.marquee-image--direction-right .marquee-image__track,.marquee-image--anim-group.marquee-image--direction-left .marquee-image__group,.marquee-image--anim-group.marquee-image--direction-right .marquee-image__group{animation-play-state:paused}}@keyframes marquee-image-scroll-left{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@-webkit-keyframes marquee-image-scroll-left{0%{-webkit-transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0)}}@keyframes marquee-image-scroll-right{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}@-webkit-keyframes marquee-image-scroll-right{0%{-webkit-transform:translate3d(-50%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@keyframes marquee-image-scroll-group-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@-webkit-keyframes marquee-image-scroll-group-left{0%{-webkit-transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0)}}@keyframes marquee-image-scroll-group-right{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@-webkit-keyframes marquee-image-scroll-group-right{0%{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/marquee-image.css.map */