.scrolling-collections-wrapper{display:flex;flex-wrap:wrap;gap:var(--marquee_gap);overflow:hidden;justify-content:center}.scrolling-collections-wrapper.has-marquee{flex-wrap:nowrap}.scrolling-collections-node{display:flex;gap:var(--marquee_gap)}.scrolling-collections-wrapper.has-marquee .scrolling-collections-node{animation-iteration-count:infinite;animation-timing-function:linear;animation-name:text-marque;animation-duration:var(--marquee_speed)}.rtl-direction .scrolling-collections-node{animation-direction:normal}.ltr-direction .scrolling-collections-node{animation-direction:reverse}.scrolling-collections-wrapper:hover .scrolling-collections-node{animation-play-state:paused}@keyframes text-marque{0%{transform:translate(0);visibility:visible}to{transform:translate(-100%)}}.scrolling-collections-item{width:100%}.scrolling-collection-card{display:block;width:100%;overflow:hidden;border-radius:var(--card_radius);position:relative}.scrolling-collection--content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:25px;max-height:100%;overflow:auto}.scrolling-collection--title{display:flex;justify-content:flex-end;text-align:right;gap:5px;width:100%}.collection-hover-content{background:rgba(var(--collection_hover_bg));color:var(--collection_hover_text);opacity:0;visibility:hidden;pointer-events:none;transition:.4s ease}.collection-hover-content .scrolling-collection--title{justify-content:space-between;color:var(--collection_hover_text);text-align:left;margin-top:auto;margin-bottom:auto;align-items:center}.scrolling-collection--count{white-space:nowrap}@media (min-width: 768px){.scrolling-collections-item,.has-marquee.column-count-4 .scrolling-collections-item{width:calc(22vw - var(--marquee_gap))}.has-marquee.column-count-3 .scrolling-collections-item{width:calc(31vw - var(--marquee_gap))}.has-marquee.column-count-2 .scrolling-collections-item{width:calc(45vw - var(--marquee_gap))}}@media (min-width: 1025px){.scrolling-collection-card:hover>.scrolling-collection--content{opacity:0;visibility:hidden}.scrolling-collection-card:hover .collection-hover-content{opacity:1;visibility:visible;pointer-events:auto;display:flex}}@media (max-width: 767px){.scrolling-collections-item{width:calc(46vw - var(--marquee_gap))}.has-marquee .scrolling-collections-item{width:calc(85vw - var(--marquee_gap))}.scrolling-collection--content{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/scrolling-collections.css.map */
