.column-spacing--small,.column-spacing--medium,.column-spacing--large{--gap: 10px}.featured-collection-list--inner{display:grid;gap:var(--gap);grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr))}.featured-collection-list--item{gap:24px;padding:24px;position:relative;scroll-snap-align:center;background:var(--Surface-grey);border-radius:6px}.featured-collection-list--item-bg{display:block;position:relative;height:0;overflow:hidden;padding-bottom:100%}.featured-collection-list--item-bg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.featured-collection-list--item-content .button{margin-top:auto}.featured-collection-list--item-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:30}.featured-collection-list--item-counts{display:flex;color:var(--Content-Hyperlink-Text);font-size:14px;align-items:center}.featured-collection-list--item-counts path{stroke:var(--Content-Hyperlink-Text)}span.featured-collection-list--item-counts svg{width:20px;height:20px}.featured-collection-list--item-heading{padding-bottom:6px}.featured-collection-list--item:hover svg,.featured-collection-list--item:hover img{transform:scale(1.05)}.featured-collection-list--item-bg svg,.featured-collection-list--item-bg img{transition:transform 1s cubic-bezier(.104,.204,.492,1)}@media (min-width:1340px){.featured-collection-list--inner{--columns-size: var(--column-size-desktop);grid-template-columns:unset;grid-auto-columns:calc((100% - (var(--columns-size) - 1) * var(--gap)) / var(--columns-size))}}@media (max-width: 1339px) and (min-width: 992px){.featured-collection-list--inner{--columns-size:4;grid-template-columns:unset;grid-auto-columns:calc((100% - (var(--columns-size) - 1) * var(--gap)) / var(--columns-size))}}@media (max-width: 991px) and (min-width: 768px){.featured-collection-list--inner{--columns-size:3;grid-template-columns:unset;grid-auto-columns:calc((100% - (var(--columns-size) - 1) * var(--gap)) / var(--columns-size))}}@media only screen and (min-width:992px){.column-spacing--medium{--gap: 20px}.column-spacing--large{--gap: 30px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/featured-collection-list.css.map */