.collection-hero{margin-bottom:.8rem}.collection-hero__wrapper{position:relative;display:flex}.collection-hero__wrapper--with-image{border-radius:var(--border-radius-block);overflow:hidden}.collection-hero__wrapper--with-image:after{content:"";display:block;width:0;padding-bottom:var(--padding-bottom)}.collection-hero__wrapper--with-image .breadcrumb{margin:0 0 auto}.collection-hero__wrapper--with-image .collection-hero__text-wrapper{padding:2.4rem}@media screen and (min-width:1200px){.collection-hero__wrapper--with-image .collection-hero__text-wrapper{padding:3.2rem}}.collection-hero__text-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;z-index:3}.collection-hero__title-row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%}.collection-hero__title-row .page-header{min-width:0}.collection-hero__title{width:100%;max-width:91rem;margin-block:0;font-size:calc(var(--font-heading-h2-scale) * 2.8rem);line-height:1;text-align:left}.collection-hero__filter-trigger{position:relative;display:flex;flex:0 0 4.4rem;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;color:rgb(var(--color-foreground));background:transparent;border:.2rem solid currentColor;border-radius:50%;cursor:pointer;transition:color .15s ease,background-color .15s ease}.collection-hero__filter-trigger .icon{width:2rem;height:2rem}.collection-hero__filter-label{display:none}.collection-hero__filter-status{position:absolute;top:-.1rem;right:-.1rem;width:.8rem;height:.8rem;background-color:rgb(var(--color-button-secondary));border-radius:50%}@media screen and (hover:hover)and (pointer:fine){.collection-hero__filter-trigger:hover{color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}}@media screen and (min-width:750px){.collection-hero__title-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:2.4rem}.collection-hero__title-row .page-header{grid-column:2}.collection-hero__title{font-size:calc(var(--font-heading-h2-scale) * 4.8rem);text-align:center}.collection-hero__filter-trigger{grid-column:3;justify-self:end;flex-basis:auto;gap:1rem;width:auto;height:4.8rem;padding-inline:2.2rem;border-radius:999px;font-family:var(--font-button-family);font-size:calc(var(--font-button-scale) * 1rem);font-weight:var(--font-button-weight)}.collection-hero__filter-label{display:inline}}.collection-hero__description{width:100%;max-width:67.6rem;color:rgb(var(--color-foreground));margin-top:1.2rem;overflow:hidden;text-align:center}.collection-hero__description.rte img,.collection-hero__description.rte video{max-width:100%}.collection-hero__description.rte table,.collection-hero__description.rte table.table-gallery{max-width:100%}.collection-hero__image-wrapper{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius-block);overflow:hidden}.collection-hero__overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius-block);overflow:hidden;background-color:rgb(var(--color-overlay))}.collection-hero__featured-collections{width:100%;display:flex;align-items:center;justify-content:safe center;gap:2rem;margin-top:1.6rem;padding:.4rem 0 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;border-bottom:.1rem solid rgba(var(--color-foreground),.08);-webkit-overflow-scrolling:touch}.collection-hero__featured-collections::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.collection-hero__featured-collections{margin-top:2.4rem;gap:3.2rem}}.collection-hero-featured-collection{position:relative;flex:0 0 auto;padding:.4rem 0 1rem;color:rgba(var(--color-foreground),.55);font-size:1.5rem;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;white-space:nowrap;scroll-snap-align:start;transition:opacity var(--duration-default) ease}.collection-hero-featured-collection:after{content:"";position:absolute;right:0;bottom:0;left:0;height:.1rem;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-default) ease}.collection-hero-featured-collection--active{color:rgb(var(--color-foreground))}.collection-hero-featured-collection--active:after{transform:scaleX(1);transform-origin:left}@media screen and (hover:hover)and (pointer:fine){.collection-hero-featured-collection:hover{opacity:.65}}@media screen and (min-width:750px){.collection-hero-featured-collection{padding-bottom:1.2rem;font-size:1.6rem}}.collection-hero-featured-collection:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-collection-hero.css.map */