.collection-showcase__wrapper{display:block}.collection-showcase__content{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:990px){.collection-showcase__content{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.collection-showcase__content--image_right .collection-showcase__image-container{order:2}.collection-showcase__content--image_right .collection-showcase__collections{order:1}}.collection-showcase__image-container{position:relative;overflow:hidden;border-radius:8px;background-color:var(--color-base-background-2)}.collection-showcase__image-container--adapt{aspect-ratio:auto;position:relative}.collection-showcase__image-container--adapt .collection-showcase__image{position:relative;display:none}.collection-showcase__image-container--adapt .collection-showcase__image.active{display:block}.collection-showcase__image-container--adapt img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.collection-showcase__image-container--square{padding-bottom:100%}.collection-showcase__image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out}.collection-showcase__image.active{opacity:1}.collection-showcase__image img{width:100%;height:100%;object-fit:cover;display:block}.collection-showcase__placeholder{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background-color:var(--color-base-background-2)}.collection-showcase__placeholder svg{width:100%;height:100%;max-width:670px;max-height:670px;color:var(--color-base-text);opacity:1}@media screen and (min-width:750px){.collection-showcase__placeholder{min-height:500px}.collection-showcase__placeholder svg{max-width:670px;max-height:670px}}.collection-showcase__collections{display:flex;flex-direction:column;justify-content:center}.collection-showcase__list{list-style:none;margin:0;padding:0}.collection-showcase__item{border-bottom:1px solid var(--color-border);transition:all .2s ease}.collection-showcase__item:last-child{border-bottom:none}.collection-showcase__item:hover,.collection-showcase__item.active{background-color:var(--color-base-background-2)}.collection-showcase__link{display:flex;align-items:center;justify-content:space-between;padding:2rem 1.5rem;text-decoration:none;color:var(--color-base-text);transition:all .2s ease;cursor:pointer}@media screen and (min-width:750px){.collection-showcase__link{padding:2.5rem 2rem}}.collection-showcase__item:hover .collection-showcase__link{transform:translate(.5rem)}.collection-showcase__title{font-weight:var(--font-heading-weight);font-family:var(--font-heading-family);font-style:var(--font-heading-style);letter-spacing:calc(var(--font-heading-scale) * .06rem);color:var(--color-base-text);margin:0;flex-grow:1;text-align:left}.collection-showcase__count{font-size:1.2rem;font-weight:500;color:var(--color-base-text);opacity:.7;letter-spacing:.1rem;margin:0 1rem}.collection-showcase__arrow{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background-color:var(--color-base-background-1);border:1px solid var(--color-border);color:var(--color-base-text);transition:all .2s ease;flex-shrink:0}.collection-showcase__item:hover .collection-showcase__arrow{background-color:var(--color-base-text);color:var(--color-base-background-1);transform:translate(.5rem)}@media screen and (max-width:989px){.collection-showcase__image-container{order:2;margin-top:2rem}.collection-showcase__collections{order:1}.collection-showcase__link{padding:1.5rem 1rem}.collection-showcase__title{font-size:1.8rem}.collection-showcase__count{font-size:1.1rem}.collection-showcase__arrow{width:2rem;height:2rem}}@media(prefers-reduced-motion:reduce){.collection-showcase__image,.collection-showcase__item,.collection-showcase__link,.collection-showcase__arrow{transition:none}}.collection-showcase__link:focus{outline:2px solid var(--color-outline);outline-offset:2px}.collection-showcase__link:focus:not(:focus-visible){outline:none}@media(prefers-contrast:high){.collection-showcase__item{border-bottom-color:var(--color-base-text)}.collection-showcase__arrow{border-color:var(--color-base-text)}}.collection-showcase__image img[loading=lazy]{background-color:var(--color-base-background-2)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-showcase.css.map */