.banner_wrapper{position:relative}.banner__list--media{pointer-events:none}.banner__list--media.media--adapt.placeholder{padding-bottom:100%}.banner__list--media.video,.banner__list--media.media>img,.banner__list--media img,.banner__list--media video{object-fit:cover;object-position:center center;width:100%;height:100%;transition:all .7s ease}.banner__list--media.media>img:hover{transform:scale(1.05)}.banner__list--media.media:before,.banner__list--media.placeholder:before{position:absolute;content:"";background:#000;left:0;top:0;width:100%;height:100%;z-index:1;opacity:var(--banner-list-media-overlay-opacity, .3)}.banner__list--media.placeholder>svg.placeholder-svg{max-width:38rem}.banner__list--media.rounded--image{overflow:hidden}.banner__list .media--portrait{padding-bottom:129.5%}.banner__list--item-content:not(.show__content--image-below){position:absolute;z-index:5;top:2rem;right:2rem;bottom:2rem;left:2rem}.banner__list--item-content-inner{display:flex;flex-direction:column;gap:1rem;width:100%}.banner__list--item-content-inner>*{align-self:var(--content-align-self)}.banner__list--item-content-inner .link.with--icon,.banner__list--item-content-inner button.link{padding:0;text-decoration:underline}.banner__list--item-content:not(.show__content--image-below) .banner--list-text{color:rgba(var(--color-foreground));margin-bottom:1.5rem}.banner--list-text{color:rgba(var(--color-foreground),.75)}.show__content--image-below .banner__list--item-content-inner{margin-block:2rem 3rem;margin-inline:1.5rem}.banner__list--item-overlay{position:relative;overflow:hidden;height:100%}.banner__list--item-overlay.rounded--image{border-radius:.5rem}.banner__list--caption{margin:0}.banner__list--caption.caption-with-letter-spacing{text-transform:uppercase}.banner__heading--space{margin-bottom:1rem}.banner__list--collage{display:grid;gap:3rem;width:100%;grid-template-columns:repeat(12,1fr);grid-auto-rows:73px;grid-auto-flow:row dense}.banner__list--collage .banner__list--item{position:relative;display:flex;flex-direction:column;height:100%;min-height:calc(var(--row-span, 1) * 73px + (var(--row-span, 1) - 1) * 20px)}.banner__list--collage .banner__list--media{height:100%;width:100%;position:relative}@media (max-width: 749px){.banner__list--collage{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-rows:auto;gap:15px;height:auto}.banner__list--collage .collage__item,.banner__list--collage .banner__list--item{grid-column:1!important;grid-row:auto;min-height:25rem}.banner__list--collage .banner__list--item-overlay{min-height:250px}.banner__list--collage.mobile-swipe,.grid.mobile-swipe{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding-block-end:1.5rem;padding-inline-end:1.5rem;scrollbar-width:thin;scrollbar-color:#ddd transparent}.banner__list--collage.mobile-swipe .banner__list--item,.grid.mobile-swipe .banner__list--item{flex:0 0 85%;scroll-snap-align:start;min-width:280px}.banner__list--collage.mobile-swipe .banner__list--item-content,.grid.mobile-swipe .banner__list--item-content{flex-direction:column}.banner__list--collage.mobile-swipe::-webkit-scrollbar,.grid.mobile-swipe::-webkit-scrollbar{height:8px;display:block}.banner__list--collage.mobile-swipe::-webkit-scrollbar-track,.grid.mobile-swipe::-webkit-scrollbar-track{background:transparent}.banner__list--collage.mobile-swipe::-webkit-scrollbar-thumb,.grid.mobile-swipe::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.banner__list *,.banner__list :focus,.banner__list :focus-visible,.banner__list :hover{outline:0;-webkit-tap-highlight-color:transparent}.media>.banner--card-desktop-image{display:none}}@media (min-width: 750px){.banner__list--content-position--medium:not(.show__content--image-below){top:3rem;right:3rem;bottom:3rem;left:3rem}.banner__list--content-position--large:not(.show__content--image-below){top:4rem;right:4rem;bottom:4rem;left:4rem}.banner__list--content-position--extra-large:not(.show__content--image-below){top:5rem;right:5rem;bottom:5rem;left:5rem}}@media (min-width: 750px) and (max-width: 991px){.banner__list--content-position--extra-large:not(.show__content--image-below){top:2rem;right:2rem;bottom:2rem;left:2rem}}@media (min-width: 992px) and (max-width: 1199px){.banner__list--content-position--extra-large:not(.show__content--image-below){top:3rem;right:3rem;bottom:3rem;left:3rem}}
/*# sourceMappingURL=/cdn/shop/t/193/assets/banner-list.css.map */