.collection-hero.container .collection-hero__wrapper{border-radius:var(--border-radius-main)}.collection-hero .breadcrumb{margin-top:0;margin-bottom:1rem}.collection-hero .breadcrumb:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){margin-bottom:.75rem}@media screen and (min-width:1100px){.collection-hero .breadcrumb{margin-bottom:1.5rem}.collection-hero .breadcrumb:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){margin-bottom:1.125rem}}.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:flex-end}.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)))}.collection-hero__inner{position:relative;z-index:2;padding-top:1.25rem;padding-bottom:1.25rem}.collection-hero__inner:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){padding-top:.9375rem;padding-bottom:.9375rem}@media screen and (min-width:1100px){.collection-hero__inner{padding-top:2.5rem;padding-bottom:2.5rem}.collection-hero__inner:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){padding-top:1.875rem;padding-bottom:1.875rem}}.collection-hero__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.collection-hero__text-wrapper:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){gap:.375rem}.collection-hero__title{margin:0}.collection-hero__description{max-width:32.6875rem;color:rgb(var(--color-foreground-secondary))!important;font-size:calc(var(--font-body-scale) * .625rem)!important;line-height:120%!important}.collection-hero__description:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){max-width:24.515625rem;font-size:calc(var(--font-body-scale) * .46875rem)!important}@media screen and (min-width:1360px){.collection-hero__description{font-size:calc(var(--font-body-scale) * .8333333333125rem)!important}.collection-hero__description:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){font-size:calc(var(--font-body-scale) * .625rem)!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%}.collection-hero[data-header-overlay=true] .collection-hero__inner{padding-top:calc(1.25rem + var(--header-height))}.collection-hero[data-header-overlay=true] .collection-hero__inner:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){padding-top:calc(.9375rem + var(--header-height))}@media screen and (min-width:1100px){.collection-hero[data-header-overlay=true] .collection-hero__inner{padding-top:calc(2.5rem + var(--header-height))}.collection-hero[data-header-overlay=true] .collection-hero__inner:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){padding-top:calc(1.875rem + var(--header-height))}}.type-filter__list{margin-top:1.75rem;display:flex;align-items:center;list-style:none;overflow-x:auto;overflow-y:hidden;max-width:31.25rem;gap:1.5rem;padding:0}.type-filter__list:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *)){margin-top:1.3125rem;max-width:23.4375rem;gap:1.125rem}.type-filter__list .type-filter__label{opacity:.6;flex:none}.type-filter__list .active_opacity{opacity:1}.type-filter__list .h4{margin:0}.type-filter__list::-webkit-scrollbar{width:3px;height:3px}.type-filter__list:where(.yap-native-sizes *):not(:where(.yap-switch,.yap-switch *))::-webkit-scrollbar{width:2.25px;height:2.25px}.type-filter__list::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.7)}.type-filter__list li{flex:none}.type-filter__label:hover{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-hero.css.map */