.collection-hero-banner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}.collection-hero-banner--small{min-height:28rem}.collection-hero-banner--medium{min-height:34rem}.collection-hero-banner--large{min-height:39rem}@media screen and (min-width:750px){.collection-hero-banner--small{min-height:42rem}.collection-hero-banner--medium{min-height:56rem}.collection-hero-banner--large{min-height:72rem}}@media screen and (max-width:749px){.collection-hero-banner--desktop-only,.collection-hero-banner__media--desktop{display:none}}@media screen and (min-width:750px){.collection-hero-banner--mobile-only,.collection-hero-banner__media--mobile{display:none}}.collection-hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.collection-hero-banner__image,.collection-hero-banner__video,.collection-hero-banner__media video,.collection-hero-banner__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.collection-hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--hero-overlay-opacity, 0);z-index:1;pointer-events:none}.collection-hero-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:72rem;padding:2.4rem 2rem;text-align:center}.collection-hero-banner__title,.collection-hero-banner__subtitle{color:#fff;margin:0}.collection-hero-banner__title{text-wrap:balance}.collection-hero-banner__subtitle{margin-top:1.2rem;font-size:1.5rem;line-height:calc(1 + .5 / var(--font-body-scale));max-width:54rem}@media screen and (min-width:750px){.collection-hero-banner__subtitle{margin-top:1.6rem;font-size:1.8rem}}.collection-hero-banner--placeholder{min-height:20rem;align-items:center;justify-content:center;background:rgb(var(--color-foreground),.04);border:.1rem dashed rgba(var(--color-foreground),.2)}.collection-hero-banner--placeholder .collection-hero-banner__content{color:rgb(var(--color-foreground))}.collection-hero-banner--placeholder:after{content:none}
/*# sourceMappingURL=/cdn/shop/t/27/assets/collection-hero-banner.css.map */