.collection__banner{margin:8px;position:relative}.collection__banner-image--desktop{display:none}.collection__banner-image--mobile{display:block}.collection__banner-image{position:relative;width:100%}.collection__banner-image:not(.collection__banner-no-image){overflow:hidden;padding-bottom:79.5%}.collection__banner-image:not(.collection__banner-no-image) img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.collection__banner-title{color:var(--banner-text-color);font-size:24px;font-weight:400;line-height:30px;margin:8px 0}.collection__banner-description{color:var(--banner-text-color);font-size:12px;font-weight:400;line-height:22.4px;letter-spacing:.6px}.collection__banner-description p{margin:0}.collection__banner-content{padding:24px 0;max-width:375px;width:100%}.collection__banner-content:not(.collection__banner-no-image){padding:24px 14px}.collection__banner-content.is-show{display:block}.collection__banner-content.is-hidden{display:none}.collection__banner-content span{text-decoration:underline;padding-left:6px}.collection__banner-description p.is-hidden,.collection__banner-description.is-desktop-only{display:none}.collection__banner-description.is-mobile-only{display:block}.collection__banner-description p.is-hidden{display:none}@media screen and (max-width: 389px){.collection__banner-content{max-width:358px}}@media screen and (max-width: 1023px){.collection__banner-description[data-description-truncated]{height:46px;overflow:hidden}}@media screen and (min-width: 1024px){.collection__banner-image:not(.collection__banner-no-image){padding-bottom:26.8%}.collection__banner-image--desktop{display:block}.collection__banner-image--mobile{display:none}.collection__banner-content{max-width:720px;padding:32px}.collection__banner-content.collection__banner-no-image{max-width:100%}.collection__banner-content:not(.collection__banner-no-image){padding:24px 32px}.collection__banner-title{font-size:42px;margin:16px 0}.collection__banner-description{font-size:16px}.collection__banner-description.is-desktop-only{display:block}.collection__banner-description.is-mobile-only{display:none}}@media screen and (min-width: 1440px){.collection__banner-image:not(.collection__banner-no-image){padding-bottom:17%}}@media screen and (min-width: 1900px){.collection__banner-image:not(.collection__banner-no-image){padding-bottom:15.8%}}@media screen and (max-width: 900px){.collection__banner-title,.collection__banner-description{color:var(--banner-text-color-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/template-collection-banner.css.map */