.shop-by-collection{display:block;overflow:hidden;padding-top:var(--section-padding-top, 0px);padding-bottom:var(--section-padding-bottom, 0px)}.shop-by-collection__layout{display:grid;grid-template-columns:1fr;margin:60px 0 0}@media screen and (min-width:750px){.shop-by-collection__layout{grid-template-columns:1fr 1fr}}@media screen and (min-width:990px){.shop-by-collection__layout{grid-template-columns:1fr 1fr;height:900px}}.shop-by-collection__image-panel{position:relative;overflow:hidden;background-color:rgba(var(--color-foreground),.04);order:1}@media screen and (max-width:749px){.shop-by-collection__image-panel{aspect-ratio:4 / 3}}.shop-by-collection__image-stack{position:relative;width:100%;height:100%}.shop-by-collection__image-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s cubic-bezier(.4,0,.2,1);pointer-events:none;height:900px}.shop-by-collection__image-slide.is-active{opacity:1;pointer-events:auto}.shop-by-collection__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.shop-by-collection__image-slide .placeholder-svg{width:100%;height:100%;fill:rgba(var(--color-foreground),.06)}.shop-by-collection__image-label{position:absolute;bottom:2.4rem;left:2.4rem;z-index:2}.shop-by-collection__image-label span{display:inline-block;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.1rem;font-weight:600;letter-spacing:.12rem;text-transform:uppercase;padding:.6rem 1.4rem}.shop-by-collection__content-panel{display:flex;align-items:center;justify-content:center;padding:4rem 3.2rem;order:2}@media screen and (min-width:750px){.shop-by-collection__content-panel{padding:20px}}@media screen and (min-width:990px){.shop-by-collection__content-panel{padding:0rem 3rem}}@media screen and (min-width:1200px){.shop-by-collection__content-panel{padding:0rem 8.1rem}}.shop-by-collection__content-inner{width:100%;max-width:52rem;display:flex;flex-direction:column;gap:3.2rem}.shop-by-collection__headings{display:flex;flex-direction:column;gap:.6rem;text-align:center}.shop-by-collection__subheading{margin:0;color:rgba(var(--color-foreground));letter-spacing:.18rem;font-size:14px}.shop-by-collection__heading{margin:0;color:rgb(var(--color-foreground));line-height:1.1}.shop-by-collection__tabs{display:flex;align-items:center;justify-content:center;gap:2.4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12);padding-bottom:0}.shop-by-collection__tab{background:none;border:none;cursor:pointer;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.2rem;font-weight:600;letter-spacing:.12rem;text-transform:uppercase;color:rgba(var(--color-foreground),.45);padding:0 0 1.2rem;position:relative;transition:color .2s ease}.shop-by-collection__tab:after{content:"";position:absolute;bottom:-.1rem;left:0;right:0;height:.2rem;background:rgb(var(--color-foreground));transform:scaleX(0);transition:transform .25s ease}.shop-by-collection__tab.is-active{color:rgb(var(--color-foreground))}.shop-by-collection__tab.is-active:after{transform:scaleX(1)}.shop-by-collection__tab:hover:not(.is-active){color:rgba(var(--color-foreground),.7)}.shop-by-collection__grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 2),1fr);gap:2rem 7rem;margin:0;padding:0}@media screen and (max-width:1150px){.shop-by-collection__grid{gap:2rem}}@media screen and (max-width:749px){.shop-by-collection__grid{grid-template-columns:repeat(2,1fr);gap:1rem}.shop-by-collection__subheading{margin-bottom:8px}}.shop-by-collection__item{list-style:none}.shop-by-collection__item-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;padding:0;transition:border-color .2s ease,background-color .2s ease;background-color:rgb(var(--color-background));position:relative;overflow:hidden}.shop-by-collection__pattern-wrap{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-by-collection__pattern-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .35s cubic-bezier(.4,0,.2,1)}.shop-by-collection__item-link:hover .shop-by-collection__pattern-img{transform:scale(1.03)}.shop-by-collection__item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),0);transition:background .25s ease;pointer-events:none}.shop-by-collection__item-link:hover .shop-by-collection__item-overlay{background:rgba(var(--color-foreground),.03)}.shop-by-collection__pattern-placeholder{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04)}.shop-by-collection__pattern-placeholder .placeholder-svg{width:60%;height:60%;fill:rgba(var(--color-foreground),.15)}.shop-by-collection__item-title{display:block;font-size:14px;font-weight:100;letter-spacing:2.16px;text-transform:uppercase;color:rgb(var(--color-foreground));text-align:center;line-height:1.7;transition:opacity .2s ease;margin:10px 0 20px}.shop-by-collection__item.is-active .shop-by-collection__item-title{opacity:1}.shop-by-collection__cta{display:flex;justify-content:center;margin-top:.8rem}@media screen and (max-width:749px){.shop-by-collection__layout{grid-template-rows:auto auto}.shop-by-collection__image-panel{order:1}.shop-by-collection__content-panel{order:2;padding:3.2rem 2rem 2rem}.shop-by-collection__content-inner{gap:2.4rem}}@media screen and (min-width:750px)and (max-width:989px){.shop-by-collection__content-panel{padding:3.6rem 3.2rem}.shop-by-collection__content-inner{gap:2.8rem}}.shop-by-collection-title{display:flex;justify-content:center;gap:2rem}.shop-by-collection__group-title{color:rgb(var(--color-foreground),.55);font-size:1.2rem;letter-spacing:2.16px}.shop-by-collection__group-title.is-active{color:rgb(var(--color-foreground));text-decoration:underline}@media screen and (max-width:769px){.shop-by-collection__layout{grid-template-columns:auto}.shop-by-collection__content-inner{width:100%;max-width:100%}.shop-by-collection__image-panel{display:none}.shop-by-collection__layout{margin-bottom:0;margin-top:20px}.shop-by-collection__pattern-wrap{max-width:150px}}section.shop-by-collection{padding-top:0}
/*# sourceMappingURL=/cdn/shop/t/130/assets/section-shop-by-collection.css.map */