.infinite-scroll-wrapper{width:100%;padding:40px 0 20px}.infinite-scroll-container{position:relative;width:100%}.infinite-scroll-track{display:flex;width:fit-content;gap:24px}.infinite-scroll-track[data-paused=true]{animation-play-state:paused!important}.infinite-scroll-set{display:flex;gap:24px;flex-shrink:0}.scroll-item{flex-shrink:0;width:calc((100vw - (var(--visible-count) - 1) * 130px) / var(--visible-count));max-width:1400px}.scroll-item-inner{position:relative;width:100%;height:100%}.scroll-item-image-wrapper{position:relative;width:100%;aspect-ratio:var(--aspect-ratio);overflow:hidden;border-radius:8px;background-color:#f5f5f5}.scroll-item-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .5s ease}.scroll-item-image.hover-image{position:absolute;top:0;left:0;opacity:0}.scroll-item-image-wrapper:hover .scroll-item-image.default-image{opacity:0}.scroll-item-image-wrapper:hover .scroll-item-image.hover-image{opacity:1}.scroll-item-image-wrapper:hover .scroll-item-image{transform:scale(1.05)}.scroll-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .3s ease}.scroll-item-image-wrapper:hover .scroll-item-overlay{opacity:1}.scroll-item-button{padding:12px 28px;background-color:#fff;color:#000;text-decoration:none;border-radius:4px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:transform .2s ease,background-color .2s ease;box-shadow:0 4px 12px #00000026}.scroll-item-button:hover{transform:translateY(-2px);background-color:#f0f0f0;box-shadow:0 6px 16px #0003}.scroll-item-placeholder{width:100%;aspect-ratio:var(--aspect-ratio);background-color:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center}.scroll-item-placeholder svg{width:40%;height:40%;opacity:.3}.infinite-scroll-track[data-direction=left]{animation:scroll-left var(--scroll-speed, .5s) linear infinite}.infinite-scroll-track[data-direction=right]{animation:scroll-right var(--scroll-speed, .5s) linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media screen and (max-width: 989px){.scroll-item{width:calc((100vw - (var(--visible-count) - 1) * 16px) / var(--visible-count))}.infinite-scroll-track,.infinite-scroll-set{gap:16px}.infinite-scroll-wrapper{padding:18px 0}}@media screen and (max-width: 749px){.scroll-item{width:calc((100vw - 32px)/2);max-width:300px}.infinite-scroll-container{--visible-count: 2}.scroll-item-button{padding:10px 20px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/infinite-scroll-gallery.css.map */