.image-marquee{padding-top:var(--section-padding-top, 0);padding-bottom:var(--section-padding-bottom, 0)}.image-marquee__heading{margin:0 0 32px;text-align:center;font-size:clamp(24px,4vw,42px);font-weight:500;line-height:1.2}.image-marquee__viewport{position:relative;height:clamp(300px,50vh,400px);overflow:hidden;display:flex;align-items:center;width:100%}.image-marquee__scroller{display:flex;align-items:center;gap:var(--gap-desktop, 24px);width:100%;height:100%}.image-marquee__content{display:flex;align-items:center;gap:var(--gap-desktop, 24px);height:100%;flex-shrink:0;min-width:100%;animation:scroll-left var(--marquee-duration, 30s) linear infinite}.image-marquee__item{flex:0 0 calc((100vw - (var(--items-in-view, 7) - 1) * var(--gap-desktop, 24px)) / var(--items-in-view, 7));height:100%;display:flex;align-items:center;justify-content:center}.image-marquee__item img,.image-marquee__item svg{height:85%;width:100%;object-fit:contain;display:block;border-radius:16px}.image-marquee__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:2}.image-marquee__overlay-img,.image-marquee__overlay-placeholder{max-height:90%;max-width:500px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.image-marquee__viewport:hover .image-marquee__content{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap-desktop, 24px)))}}@media (max-width: 990px){.image-marquee__item{flex:0 0 calc((100vw - (var(--items-in-view-tablet, 3) - 1) * var(--gap-desktop, 24px)) / var(--items-in-view-tablet, 3))}}@media (max-width: 749px){.image-marquee__heading{margin-bottom:24px}.image-marquee__viewport{height:clamp(300px,40vh,450px)}.image-marquee__scroller{gap:var(--gap-mobile, 16px)}.image-marquee__overlay{top:-45%}.image-marquee__overlay-img{max-width:90%!important;max-height:75%!important;width:80%!important}.image-marquee__content{gap:var(--gap-mobile, 16px);margin-top:45%}.image-marquee__item{flex:0 0 calc((100vw - (var(--items-in-view-mobile, 1.5) - 1) * var(--gap-mobile, 16px)) / var(--items-in-view-mobile, 1.5))}.image-marquee__overlay-img,.image-marquee__overlay-placeholder{max-width:75%;max-height:60%}.image-marquee__item img,.image-marquee__item svg{height:80%;border-radius:12px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap-mobile, 16px)))}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/product-with-marquee-image.css.map */