.collection-promo-banner{display:block;padding:0 12px;margin:0 0 30px}.collection-promo-banner--1{width:33.333%}.collection-promo-banner--group.collection-promo-banner--1{padding:0 6px}.collection-promo-banner--featured.collection-promo-banner--1 .collection-promo-banner__image [style*=--aspect-ratio]:before{--aspect-ratio: .6666666666;padding-top:calc((100% / var(--aspect-ratio)))}.collection-promo-banner--2{width:66.6666%}.collection-promo-banner--group.collection-promo-banner--2{padding:0 12px}.collection-promo-banner--featured.collection-promo-banner--2 .collection-promo-banner__image [style*=--aspect-ratio]:before{--aspect-ratio: 1.636;padding-top:calc(120% / (.0001 + var(--aspect-ratio, 16 / 9)))}.collection-promo-banner--3{width:100%}.collection-promo-banner--featured.collection-promo-banner--3 .collection-promo-banner__image [style*=--aspect-ratio]:before{--aspect-ratio: 2;padding-top:calc((100% / var(--aspect-ratio)) - 15px)}.collection-promo-banner__image [style*=--aspect-ratio]:before{padding-top:calc((100% / var(--aspect-ratio)) - 12px)}.collection-promo-banner--fit-cover .collection-promo-banner__image img{object-fit:cover}.collection-promo-banner--fit-contain .collection-promo-banner__image img{object-fit:contain}.collection-promo-banner--fit-fill .collection-promo-banner__image img{object-fit:fill}.collection-promo-banner__title{font-weight:900;font-size:18px;font-family:var(--font-stack-body);color:var(--product-title-color, #000);line-height:1.5;display:block;transition:color var(--m-duration-default, .25s);overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--product-title-line-clamp, unset);-webkit-box-orient:vertical;margin-top:20px}.collection-promo-banner--group .collection-promo-banner__image [style*=--aspect-ratio]:before{padding-top:calc(120% / (.0001 + var(--aspect-ratio, 16 / 9)))}.m-featured-collection__promo-banner--1{grid-column:span 1}.m-featured-collection__promo-banner--2{grid-column:span 2}.m-featured-collection__promo-banner--3{grid-column:span 3}.m-featured-collection__promo-banner .collection-promo-banner--featured{width:100%;padding:0;margin:0}@media screen and (max-width:768px){.collection-promo-banner{padding:0 8px}.collection-promo-banner--1{width:50%}.collection-promo-banner--2,.collection-promo-banner--3{width:100%}.collection-promo-banner__image [style*=--aspect-ratio]:before{padding-top:100%}.collection-promo-banner--2 .collection-promo-banner__image [style*=--aspect-ratio]:before,.collection-promo-banner--3 .collection-promo-banner__image [style*=--aspect-ratio]:before{padding-top:50%}.collection-promo-banner--group.collection-promo-banner--1{padding:0 4px}.m-featured-collection__promo-banner--3{grid-column:span 2}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/component-collection-promo-banner.css.map */