.collection-hero--with-image{background-color:rgba(var(--color-foreground),.04);height:60vh;overflow:hidden;position:relative}.collection-hero--with-image svg{position:absolute;display:inline-block;width:100%;bottom:0}.collection-hero__inner{display:flex;flex-direction:column;margin-bottom:2rem}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}.collection-hero--with-image .collection-hero__inner{position:relative;align-items:center;justify-content:center;height:100%;padding-bottom:0;margin-bottom:0;text-align:center}.collection-hero--with-image .collection-hero__inner h1,.collection-hero--with-image .collection-hero__inner h2,.collection-hero--with-image .collection-hero__inner h3,.collection-hero--with-image .collection-hero__inner h4,.collection-hero--with-image .collection-hero__inner h5,.collection-hero--with-image .collection-hero__inner .h0,.collection-hero--with-image .collection-hero__inner .h1,.collection-hero--with-image .collection-hero__inner .h2,.collection-hero--with-image .collection-hero__inner .h3,.collection-hero--with-image .collection-hero__inner .h4,.collection-hero--with-image .collection-hero__inner .h5,.collection-hero--with-image .collection-hero__inner p{color:#fff!important}.collection-hero__image-container{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}.collection-hero__image-container img{height:100%;object-fit:cover;width:100%}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%;z-index:1;flex-direction:column;align-items:center}@media screen and (min-width: 750px){.collection-hero{padding:0}.collection-hero__inner{flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:1rem 0}.collection-hero--with-image .collection-hero__text-wrapper{padding:1rem 0}@media screen and (max-width: 749px){.collection-hero--with-image,.collection-hero__image-container{height:40rem}.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/component-collection-hero.css.map */