.image-marquee{display:flex;width:100%;overflow:hidden;overflow-x:clip;overflow-y:visible;--item-width: calc(100vw / var(--items-per-view-mobile, 2) - var(--marquee-gap, 2rem))}@media screen and (min-width:768px){.image-marquee{--item-width: calc(100vw / var(--items-per-view, 4) - var(--marquee-gap, 2rem))}}.image-marquee__track{display:flex;width:max-content;flex-wrap:nowrap;animation:image-marquee-scroll var(--marquee-duration, 40s) linear infinite;will-change:transform}.image-marquee__track--reverse{animation-direction:reverse}.image-marquee--pausable:hover .image-marquee__track,.image-marquee--pausable:focus-within .image-marquee__track{animation-play-state:paused}.image-marquee__group{display:flex;align-items:stretch;flex-shrink:0;gap:var(--marquee-gap, 2rem);padding-right:var(--marquee-gap, 2rem)}.image-marquee__item{position:relative;flex-shrink:0;width:var(--item-width);transition:transform var(--duration-default, .2s) ease}.image-marquee__item:hover,.image-marquee__item:focus-within{transform:scale(var(--hover-scale, 1.2));z-index:6}.image-marquee__media{position:relative;display:block;overflow:hidden;width:100%;z-index:5}.image-marquee__media img,.image-marquee__media svg{display:block;width:100%;height:100%;object-fit:cover}.image-marquee__media--square{aspect-ratio:1 / 1}.image-marquee__media--portrait{aspect-ratio:3 / 4}.image-marquee__media--landscape{aspect-ratio:4 / 3}.image-marquee__caption{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-default, .2s) ease;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;padding:1.5rem;color:var(--caption-color, #ffffff);pointer-events:none;word-break:break-word}.image-marquee__item:hover .image-marquee__caption,.image-marquee__item:focus-within .image-marquee__caption{opacity:1}.image-marquee--js .image-marquee__track{animation:none}.image-marquee--js{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.image-marquee--dragging{cursor:grabbing}.image-marquee--js img{-webkit-user-drag:none;user-drag:none;pointer-events:none}@keyframes image-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.image-marquee__track{animation:none;transform:none}.image-marquee{overflow-x:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-image-marquee.css.map */