.collection-hero.container .collection-hero__wrapper{border-radius:var(--border-radius-main)}.collection-hero .breadcrumb{margin-top:0;margin-bottom:1.6rem}@media screen and (min-width:1200px){.collection-hero .breadcrumb{margin-bottom:2.4rem}}.collection-hero__wrapper{position:relative;overflow:hidden;display:flex}.collection-hero__wrapper .container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.collection-hero__wrapper:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;background-color:rgb(var(--color-overlay),var(--opacity-overlay))}.collection-hero__wrapper:after{content:"";display:block;width:0;padding-bottom:calc(100% / (var(--aspect-ratio-mobile)))}@media screen and (min-width:750px){.collection-hero__wrapper:after{padding-bottom:calc(100% / (var(--aspect-ratio)))}}.collection-hero__inner{position:relative;z-index:2;padding-top:2rem;padding-bottom:2rem}@media screen and (min-width:1200px){.collection-hero__inner{padding-top:4rem;padding-bottom:4rem}}.collection-hero__text-wrapper{display:flex;flex-direction:column;align-items:center;gap:.8rem}.collection-banner-section .tab-listed{margin:16px 0 0;padding:0;display:flex;gap:16px;text-align:center;align-items:center;flex-wrap:wrap;justify-content:center}.collection-banner-section .collection-hero[data-header-overlay=true] .collection-hero__inner{padding-bottom:0;padding-top:0}.collection-banner-section .collection-subtitle.subheading{margin-bottom:16px;font-size:calc(var(--font-subtitle-scale) * .9rem);text-align:center;line-height:20px;font-weight:var(--font-body-weight);letter-spacing:calc(var(--font-subtitle-letter-spacing) * .5)}.collection-banner-section .tab-listed .tab-list{list-style-type:none;transition:all .3s linear;font-size:calc(var(--font-subtitle-scale) * .95rem);padding:8px 16px;border:1px solid;line-height:19px;border-radius:var(--border-radius-button);text-decoration:none}.collection-banner-section .collection-hero__title{text-align:center}.collection-banner-section .tab-list.active,.collection-banner-section .tab-list:hover{background-color:rgba(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (max-width:1199px){.collection-banner-section .collection-hero__text-wrapper{margin-top:20px}.collection-banner-section .collection-hero__wrapper:after{padding-bottom:calc(151% / (var(--aspect-ratio)))}}@media screen and (max-width:767px){.collection-banner-section .collection-hero__title{font-size:calc(var(--font-heading-h3-scale) * 4.2rem)}.collection-banner-section .collection-hero__wrapper .container{padding-left:10.5px;padding-right:10.5px}.collection-banner-section .tab-listed{gap:8px;justify-content:center}.collection-banner-section .tab-listed .tab-list{font-size:calc(var(--font-subtitle-scale) * .75rem);letter-spacing:0}.collection-banner-section .collection-hero__wrapper .container{margin-bottom:44px;justify-content:flex-end}.collection-banner-section .collection-hero__wrapper:after{padding-bottom:calc(278% / (var(--aspect-ratio)))}}.collection-banner-section .desktop-image{display:block}.collection-banner-section .mobile-image{display:none}@media(max-width:767px){.collection-banner-section .desktop-image{display:none}.collection-banner-section .mobile-image{display:block}}.collection-hero__title{margin:0}.collection-hero__description{max-width:52.3rem;color:rgb(var(--color-foreground-secondary))!important;font-size:calc(var(--font-body-scale) * 1rem)!important;line-height:120%!important}@media screen and (min-width:1360px){.collection-hero__description{font-size:calc(var(--font-body-scale) * 1.3333333333rem)!important}}.collection-hero__description p{color:rgb(var(--color-foreground-secondary))}.collection-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-hero__image-container{display:flex;background-color:transparent}.collection-hero__image-container:after{content:"";display:block;width:0;padding-bottom:42.8571428571%}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-hero.css.map */
