.collection-image-showcase{position:relative}.collection-image-showcase__wrapper{display:flex;justify-content:center;align-items:center;position:relative}.collection-image-showcase__images-container{display:flex;width:100%;min-height:64.2rem;justify-content:space-between}.layout-one .collection-image-showcase__images-container{width:100%;aspect-ratio:6.3 / 3;min-height:40rem}.collection-image-showcase__images-group{display:none;width:100%;justify-content:space-between}.collection-image-showcase__images-group.active{display:flex}.collection-image-showcase__center-area{width:54%;min-width:54rem}.collection-image-showcase__left-images{width:24.8%;position:relative}.collection-image-showcase__right-images{width:21.2%;position:relative}.collection-image-showcase__left-images{align-content:flex-start}.collection-image-showcase__right-images{align-content:flex-end}.layout-three .collection-image-showcase__left-images,.collection-image-showcase__images-group.images-count-3 .collection-image-showcase__right-images{width:32%}.collection-image-showcase__images-group.images-count-3 .collection-image-showcase__right-images .is-big-image{height:100%}.layout-three .collection-image-showcase__images-group.images-count-3 .collection-image-showcase__right-images .is-big-image{height:auto}.collection-image-showcase__image-container{position:relative;overflow:hidden;border-radius:0}.collection-image-showcase__image-container .media{padding-block-end:100%}.collection-image-showcase__image-container.is-big-image{height:52rem}.collection-image-showcase__image-wrapper{width:100%;height:100%;display:block;overflow:hidden}.collection-image-showcase__tabs{width:53%;max-width:50.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;padding:0 1.5rem;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.layout-three .collection-image-showcase__tabs{padding:0 1.5rem}.collection-image-showcase__tabs-container{width:100%;display:flex;flex-direction:column;gap:1.5rem}.collection-image-showcase__tab{background:transparent;border:none;font-size:5.2rem;line-height:1;font-weight:500;padding:1rem 0rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;font-family:var(--font-heading-family);display:flex;align-items:center;gap:.8rem;text-decoration:none}.collection-image-showcase__tab:focus-visible{outline:none;box-shadow:none}.collection-image-showcase__tab:nth-child(2n),.collection-image-showcase__tab.indent{justify-content:flex-end}.collection-image-showcase__tab .collection-image-showcase__tab-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:.2rem;background-color:rgba(var(--text-link-hover-color));transition:width .3s ease}.collection-image-showcase__tab:hover .collection-image-showcase__tab-title:after,.collection-image-showcase__tab.active .collection-image-showcase__tab-title:after{width:100%}.collection-image-showcase__tab.active{color:rgba(var(--text-link-hover-color))}.collection-image-showcase__tab-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.collection-image-showcase__tab-count{font-size:1.8rem;margin-block-start:-1.8rem}.rounded--image .custom-media-box,.rounded--image .media__image{border-radius:.5rem}.collection-image-showcase__images-group.images-count-1 .collection-image-showcase__left-images{width:32%}.layout-one .collection-image-showcase__images-group.images-count-1 .collection-image-showcase__left-images{width:73.1%;position:inherit}.collection-image-showcase__images-group.images-count-1 .collection-image-showcase__right-images{width:0}.collection-image-showcase__images-group.images-count-2 .collection-image-showcase__left-images,.collection-image-showcase__images-group.images-count-2 .collection-image-showcase__right-images{width:32%}.collection-image-showcase__content-container{text-align:center}.collection-image-showcase__content{display:none}.collection-image-showcase__content.active{display:block}@media screen and (min-width: 990px){.collection-image-showcase__image-container{height:auto}.collection-image-showcase__image-container.image-one .media,.collection-image-showcase__image-container.image-one.placeholder-image .media{max-width:27.7rem;max-height:32.4rem}.layout-one .collection-image-showcase__image-container.image-one .media,.layout-one .collection-image-showcase__image-container.image-one.placeholder-image .media{max-width:100%;max-height:100%}.collection-image-showcase__tab{font-size:5.2rem;line-height:1}}@media screen and (max-width: 749px){.collection-image-showcase__wrapper{flex-direction:column;gap:2rem;padding:2rem 0}.layout-one .collection-image-showcase__wrapper{flex-direction:column;gap:4rem;padding:0}.layout-one .collection-image-showcase__images-container{width:100%;aspect-ratio:inherit;min-height:100%}.layout-one .collection-image-showcase__images-group.active{gap:0rem}.layout-one .collection-image-showcase__images-group.images-count-1 .collection-image-showcase__left-images{width:100%;position:inherit}.layout-one .collection-image-showcase__tabs{width:100%;margin-inline-end:0;padding:3rem 1.5rem}.collection-image-showcase__images-container{min-height:100%;justify-content:space-between}.collection-image-showcase__left-images,.collection-image-showcase__right-images{display:flex;flex-direction:column;gap:1rem}.collection-image-showcase__images-group.active{display:flex;gap:1rem}.collection-image-showcase__left-images,.collection-image-showcase__right-images,.collection-image-showcase__images-group.images-count-1 .collection-image-showcase__left-images,.collection-image-showcase__images-group.images-count-2 .collection-image-showcase__left-images,.collection-image-showcase__images-group.images-count-2 .collection-image-showcase__right-images,.collection-image-showcase__images-group.images-count-3 .collection-image-showcase__right-images{width:100%;margin:0}.collection-image-showcase__center-area{display:none}.collection-image-showcase__tabs{width:90%;max-width:none;position:relative;top:auto;left:auto;transform:none;margin-block-end:2rem;background-color:transparent;padding:0}.collection-image-showcase__tabs-container{flex-wrap:wrap;gap:1.5rem;align-items:center}.collection-image-showcase__tab{font-size:2.5rem;padding:0}.collection-image-showcase__image-container,.collection-image-showcase__image-container.is-big-image{width:100%;height:100%}.collection-image-showcase__left-images,.collection-image-showcase__right-images{flex-direction:row;display:flex;gap:1rem}.collection-image-showcase__tab:nth-child(2n),.collection-image-showcase__tab.indent{justify-content:inherit}.collection-image-showcase__tab-count{font-size:1.6rem;margin-block-start:-1.2rem}.collection-image-showcase__tab{gap:.2rem}.collection-image-showcase__tab-title{white-space:normal}.layout-three .collection-image-showcase__left-images{width:67%}.layout-three .collection-image-showcase__images-group.images-count-3 .collection-image-showcase__right-images{width:33%}}@media screen and (min-width: 750px){.image-one{max-width:27.7rem;max-height:32.4rem;width:100%;height:100%;position:absolute;top:6rem}.layout-three .image-one{max-width:20.7rem;max-height:24.4rem;position:absolute;top:6rem;left:0}.layout-three .image-one .media.custom-media-box{padding-bottom:calc((24.4 / 20.7) * 100%)}.layout-two .image-one{top:6.8rem}.layout-one .image-one{max-width:61.4%;max-height:63rem;width:100%;height:100%;position:absolute;top:0;z-index:9;right:0}.layout-one .image-one .media.custom-media-box{padding-bottom:69%}.image-one .media.custom-media-box{position:relative;width:100%;height:0;padding-bottom:calc((32.4 / 27.7) * 100%);overflow:hidden}.image-one .media__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-two{max-width:23.2rem;max-height:16.6rem;width:100%;position:absolute;bottom:0;right:0}.image-two .media.custom-media-box{position:relative;width:100%;height:0;padding-bottom:calc((23.5 / 16.6) * 51%);overflow:hidden}.image-two .media__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.layout-three .image-two{max-width:38.2rem;max-height:44.6rem;width:100%;position:absolute;bottom:0;left:0}.layout-three .media.custom-media-box{padding-bottom:calc((38.2 / 44.6) * 51%)}.image-three{max-width:23.7rem;max-height:22.4rem;width:100%;height:100%;position:absolute;top:0;left:0}.layout-three .image-three{max-width:inherit;max-height:inherit;width:100%;height:100%;position:absolute;top:21%;right:0}.image-three .media.custom-media-box{position:relative;width:100%;height:0;padding-bottom:calc((23.7 / 25.4) * 100%);overflow:hidden}.image-three .media__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.layout-two .image-three{max-width:27.7rem;max-height:32.4rem;width:100%;height:100%;position:absolute;bottom:6.8rem;right:0;top:inherit;left:inherit}.layout-two .image-three .media.custom-media-box{position:relative;width:100%;height:0;padding-bottom:calc((32.4 / 27.7) * 100%);overflow:hidden}.image-four{max-width:25.2rem;max-height:30.8rem;width:100%;position:absolute;bottom:0;right:0}.image-four .media.custom-media-box{position:relative;width:100%;height:0;padding-bottom:calc((25.2 / 30.8) * 149%);overflow:hidden}.image-four .media__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.layout-one .collection-image-showcase__wrapper{display:flex;justify-content:flex-end;position:relative}.layout-one .collection-image-showcase__tabs{width:58%;max-width:85rem;aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:54%;left:0%;transform:translateY(-50%);z-index:5;padding:7.5% 25.2% 8% 6%;max-height:63rem}.rounded--image .collection-image-showcase__tabs{border-radius:.5rem}.collection-image-showcase__images-group{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .5s ease,visibility .5s ease}.collection-image-showcase__images-group.active{display:flex;opacity:1}.collection-image-showcase__image-container{transition:transform .4s cubic-bezier(.25,.46,.45,.94);transform:scale(.9)}.collection-image-showcase__images-group.active .collection-image-showcase__image-container{transform:scale(1)}.layout-one .collection-image-showcase__images-group{position:inherit;transition:opacity 0s ease,visibility 0s ease}@media screen and (min-width: 990px){.collection-image-showcase__tab{font-size:4.8rem;line-height:1}}}@media screen and (min-width: 750px) and (max-width: 990px){.collection-image-showcase__images-container{min-height:56.2rem}.collection-image-showcase__center-area{width:45%;min-width:45rem}.collection-image-showcase__tabs{width:47%;max-width:47rem;transform:translate(-46%,-50%)}.layout-three .collection-image-showcase__tabs{width:45%;max-width:45rem;transform:translate(-50%,-50%)}.collection-image-showcase__tab{font-size:3.5rem}.collection-image-showcase__image-container.is-big-image{height:42rem}.layout-two .collection-image-showcase__tabs{width:42%;max-width:42rem;transform:translate(-50%,-50%)}.layout-one .collection-image-showcase__images-container{min-height:37rem}.layout-one .image-one{max-width:55%}.layout-one .collection-image-showcase__tabs{width:69%;max-height:35rem;padding:.5% 25.2% 2% 2%}.layout-one .collection-image-showcase__tabs-container{gap:.5rem}.layout-one .collection-image-showcase__tab{font-size:3.5rem}}@media screen and (min-width: 991px) and (max-width: 1220px){.collection-image-showcase__tabs{width:48%;max-width:46.8rem;transform:translate(-47%,-50%)}}@media screen and (min-width: 991px) and (max-width: 1169px){.layout-one .collection-image-showcase__images-container{min-height:37rem}.layout-one .image-one{max-width:55%}.layout-one .collection-image-showcase__tabs{width:69%;max-height:38rem;padding:1.5% 25.2% 2% 2%}.layout-one .collection-image-showcase__tabs-container{gap:.5rem}.layout-one .collection-image-showcase__tab{font-size:4rem}}@media screen and (min-width: 1170px) and (max-width: 1500px){.layout-one .collection-image-showcase__images-container{min-height:37rem}.layout-one .image-one{max-width:55%}.layout-one .collection-image-showcase__tabs{width:69%;max-height:45rem;padding:1.5% 25.2% 2% 3%}.layout-one .collection-image-showcase__tabs-container{gap:.5rem}.layout-one .collection-image-showcase__tab{font-size:5.2rem}}
/*# sourceMappingURL=/cdn/shop/t/207/assets/collection-image-showcase.css.map */