.marquee-images-section{padding:2rem 0;overflow:hidden;position:relative}.marquee-images-section.full-width{width:100%;max-width:100%}.section-header{margin-bottom:2rem}.section-heading{margin:0 0 .5rem}.section-subheading{font-size:1rem;opacity:.8}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.marquee-images-container{background-color:var(--background-color);padding:2rem 0;position:relative;overflow:hidden}.marquee-images-content{position:relative;width:100%;overflow:hidden}.marquee-images-content.gradient:before,.marquee-images-content.gradient:after{content:"";position:absolute;top:0;width:15%;height:100%;z-index:2;pointer-events:none}.marquee-images-content.gradient:before{left:0;background:linear-gradient(to right,var(--background-color),transparent)}.marquee-images-content.gradient:after{right:0;background:linear-gradient(to left,var(--background-color),transparent)}.marquee-images-track{display:flex;width:fit-content}.marquee-images-items{display:flex;animation:marquee-scroll var(--marquee-duration) linear infinite;will-change:transform}.marquee-image-item{padding:0 calc(var(--gap) / 2);position:relative}.marquee-image-wrapper{position:relative;height:var(--image-height);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.marquee-image-wrapper:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.marquee-image{height:100%;width:auto;object-fit:cover;display:block}.marquee-image-caption{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:.5rem;font-size:.875rem;text-align:center;opacity:0;transition:opacity .3s ease}.marquee-image-wrapper:hover .marquee-image-caption{opacity:1}.placeholder-svg{height:var(--image-height);width:auto}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion){.marquee-images-items{animation-play-state:paused}}@media screen and (max-width: 749px){.marquee-images-container{padding:1rem 0}.section-header{margin-bottom:1.5rem}.marquee-image-wrapper{height:calc(var(--image-height) * .8)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/marquee-images.css.map */