.collage-banner{background:var(--collage-bg, #ffffff);padding-top:var(--collage-section-padding-top, 36px);padding-bottom:var(--collage-section-padding-bottom, 36px)}.collage-banner__header{margin-bottom:20px;text-align:left}.collage-banner__heading{margin:0 0 6px;font-weight:700;line-height:1.2}.collage-banner__subheading{margin:0;opacity:.75}.collage-banner__track-wrapper{position:relative;width:100%}.collage-banner__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--collage-columns-mobile, 2) - 1) * var(--collage-gap, 8px)) / var(--collage-columns-mobile, 2));gap:var(--collage-gap, 8px);list-style:none;margin:0;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collage-banner__track::-webkit-scrollbar{display:none}.collage-banner[data-mobile-layout=grid] .collage-banner__track{grid-auto-flow:row;grid-template-columns:repeat(var(--collage-columns-mobile, 2),1fr);overflow-x:visible}.collage-banner__item{scroll-snap-align:start;min-width:0}.collage-banner__link{display:block;text-decoration:none;color:inherit;height:100%}.collage-banner__link--nolink{cursor:default}.collage-banner__media{position:relative;width:100%;overflow:hidden;border-radius:var(--collage-radius, 0px);background:#f2f2f2}.collage-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.collage-banner__link:hover .collage-banner__image{transform:scale(1.04)}.collage-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#e8e8e8}.collage-banner__placeholder-svg{width:100%;height:100%;opacity:.5}.collage-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.collage-banner__pill{position:absolute;padding:10px 20px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #0000001f;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.collage-banner__pill--bottom-left{left:12px;bottom:12px}.collage-banner__pill--bottom-center{left:50%;bottom:12px;transform:translate(-50%)}.collage-banner__pill--bottom-right{right:12px;bottom:12px}.collage-banner__pill--top-left{left:12px;top:12px}.collage-banner__pill--top-center{left:50%;top:12px;transform:translate(-50%)}.collage-banner__pill--top-right{right:12px;top:12px}.collage-banner__pill--center{left:50%;top:50%;transform:translate(-50%,-50%)}.collage-banner__scrollbar{display:none}@media screen and (max-width:749px){.collage-banner[data-mobile-layout=scroll] .collage-banner__scrollbar{display:block;position:relative;height:4px;margin:14px 16px 0;background:#00000014;border-radius:2px;overflow:hidden}.collage-banner__scrollbar-thumb{position:absolute;top:0;left:0;height:100%;background:#00000059;border-radius:2px;transition:transform .1s linear}}@media screen and (min-width:750px){.collage-banner__header{display:flex;align-items:flex-end;justify-content:space-between}.collage-banner__track{grid-auto-columns:calc((100% - (var(--collage-columns-desktop, 4) - 1) * var(--collage-gap, 8px)) / var(--collage-columns-desktop, 4));padding:0}.collage-banner[data-mobile-layout=grid] .collage-banner__track{grid-template-columns:repeat(var(--collage-columns-desktop, 4),1fr)}.collage-banner__pill{padding:12px 24px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-image-collage-banner.css.map */