.collection-hero-banner{position:relative;isolation:isolate;overflow:hidden;height:var(--mobile-height, 450px);display:flex;align-items:center;justify-content:center}@media screen and (min-width:750px){.collection-hero-banner{height:var(--desktop-height, 450px)}}.collection-hero-banner:not(.collection-hero-banner--with-image){height:auto;min-height:12rem;padding:4rem 0;background:var(--gradient-background, rgb(var(--color-background)))}.collection-hero-banner__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:rgb(var(--overlay-rgb, 0, 0, 0))}.collection-hero-banner__image,.collection-hero-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:var(--overlay-alpha, 1)}.collection-hero-banner__image--mobile{display:block}.collection-hero-banner__image--desktop{display:none}@media screen and (min-width:750px){.collection-hero-banner__image--mobile{display:none}.collection-hero-banner__image--desktop{display:block}}.collection-hero-banner__overlay{display:none}.collection-hero-banner__content{position:relative;z-index:2;width:100%;padding-top:3rem;padding-bottom:3rem;display:flex;justify-content:center}.collection-hero-banner__text-wrapper{max-width:60rem;text-align:center;width:100%}.collection-hero-banner--with-image .collection-hero-banner__text-wrapper,.collection-hero-banner--with-image .collection-hero-banner__title,.collection-hero-banner--with-image .collection-hero-banner__description,.collection-hero-banner--with-image .collection-hero-banner__description *{color:#fff}.collection-hero-banner--with-image .collection-hero-banner__title,.collection-hero-banner--with-image .collection-hero-banner__description{text-shadow:0 1px 18px rgba(0,0,0,.28)}.collection-hero-banner__logo{margin-bottom:1.2rem;display:flex;justify-content:center}.collection-hero-banner__logo img{display:block;height:auto}.collection-hero-banner__title{margin:0 0 1rem}.collection-hero-banner__description{margin-top:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width:750px){.collection-hero-banner__description{font-size:1.8rem;margin-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-collection-hero.css.map */