.zoom-gallery{--zoom-gallery-active-item: 0;--zoom-gallery-timeline-id: --zoom-scroll;--zoom-gallery-unit-height: 200vh;--zoom-gallery-units: 1;--zoom-gallery-last-item-offset: .25;--zoom-gallery-items-count: 3;--zoom-gallery-units: calc(var(--zoom-gallery-items-count) / 2 + var(--zoom-gallery-last-item-offset));height:calc(var(--zoom-gallery-units) * var(--zoom-gallery-unit-height));view-timeline-name:var(--zoom-gallery-timeline-id);view-timeline-axis:block;position:relative;overflow:clip;display:block}@supports not (animation-timeline: view()){.zoom-gallery{height:auto;padding-bottom:10vh}}@media(max-width:991px){.zoom-gallery{height:auto;padding-bottom:10vh}}.zoom-gallery__stage{top:0;width:100%;z-index:2;position:relative}@supports (animation-timeline: view()){@media(min-width:992px){.zoom-gallery__stage{position:sticky;height:100vh}}}.zoom-gallery__text{padding-top:min(10vh,10rem);width:100%}@supports (animation-timeline: view()){@media(min-width:992px){.zoom-gallery__text{animation:linear text-hide both;animation-timeline:var(--zoom-gallery-timeline-id);animation-range:entry 0 cover 150vh;position:absolute}}}.zoom-gallery__bg{pointer-events:none;z-index:1;position:sticky;top:0;width:100%}.zoom-gallery__bg-inner{position:absolute;height:100vh;width:100%;top:0;filter:grayscale(.4) blur(20px);transform:translateZ(0) scale(1.2);backface-visibility:hidden;contain:paint}@keyframes text-hide{0%{opacity:1}50%{opacity:1;filter:blur(0)}80%{opacity:0}to{filter:blur(20px);opacity:0}}.zoom-gallery__item{--zoom-gallery-item-spacer: 2rem;--zoom-gallery-item-container-align: start;--zoom-gallery-item-origin: right center;--zoom-gallery-item-direction: -1;--zoom-gallery-item-offset: -.25;--zoom-gallery-item-index: 0;top:0;right:0;bottom:0;left:0;padding-inline:var(--zoom-gallery-item-spacer);display:flex;align-items:center;width:var(--zoom-gallery-item-item-width);transform:translateZ(0);transform-origin:var(--zoom-gallery-item-origin);justify-content:var(--zoom-gallery-item-container-align);--zoom-gallery-item-item-width: min(80vw, 1200px);--zoom-gallery-item-media-width: min(450px, 33vw);height:auto;padding-block:7.5vh}@supports (animation-timeline: view()){@media(min-width:992px){.zoom-gallery__item{--zoom-gallery-item-media-width: min(600px, 33vw);--zoom-gallery-item-item-width: 50vw;padding-block:0;height:100%;position:absolute;animation:linear reveal-zoom both;animation-timeline:var(--zoom-gallery-timeline-id);animation-range-start:contain calc((var(--zoom-gallery-item-index) + var(--zoom-gallery-item-offset)) * var(--zoom-gallery-unit-height));animation-range-end:contain calc((var(--zoom-gallery-item-index) + var(--zoom-gallery-item-offset) + 1) * var(--zoom-gallery-unit-height))}}}@supports not (animation-timeline: view()){@media(min-width:992px){.zoom-gallery__item{margin-inline:auto}}}@media(max-width:991px){.zoom-gallery__item{--zoom-gallery-item-media-width: 75vw;--zoom-gallery-item-item-width: 100%;--zoom-gallery-item-spacer: 5vw}}.zoom-gallery__item--is-right{--zoom-gallery-item-direction: 1;--zoom-gallery-item-offset: .25;--zoom-gallery-item-origin: left center;left:auto;--zoom-gallery-item-container-align: end}.zoom-gallery__item__container{display:flex;flex-direction:column;align-items:center}.zoom-gallery__item__image{width:var(--zoom-gallery-item-media-width)}.zoom-gallery__item__image-caption{width:var(--zoom-gallery-item-media-width);padding:var(--zoom-gallery-item-spacer);flex-shrink:0}@keyframes reveal-zoom{0%{scale:1;opacity:0;filter:none;pointer-events:none}1%{scale:1;opacity:1;filter:none;pointer-events:auto}90%{scale:1;opacity:1;filter:none;pointer-events:auto}to{scale:1;opacity:0;filter:none;pointer-events:none}}.zoom-gallery__bg-item{--zoom-gallery-bg-item-index: 0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:calc(var(--zoom-gallery-bg-item-index) * -1);overflow:hidden;--zoom-gallery-bg-item-active: clamp(0, calc(var(--zoom-gallery-bg-item-index) + 1 - var(--zoom-gallery-active-item)), 1);backface-visibility:hidden}@supports (animation-timeline: view()){@media(min-width:992px){.zoom-gallery__bg-item:not(:last-child){animation:linear fade-out both;animation-timeline:var(--zoom-gallery-timeline-id);animation-range-start:contain calc(var(--zoom-gallery-bg-item-index) * var(--zoom-gallery-unit-height) / 2);animation-range-end:contain calc((var(--zoom-gallery-bg-item-index) + 1) * var(--zoom-gallery-unit-height) / 2)}}}@supports not (animation-timeline: view()){.zoom-gallery__bg-item{opacity:var(--zoom-gallery-bg-item-active);transition:opacity .5s ease-in-out}}@media(max-width:991px){.zoom-gallery__bg-item{opacity:var(--zoom-gallery-bg-item-active);transition:opacity .5s ease-in-out}}.zoom-gallery__bg-item__placeholder{background-color:var(--color-scheme-background);fill:var(--color-scheme-text)}.zoom-gallery__bg-item__image img,.zoom-gallery__bg-item__video,.zoom-gallery__bg-item__placeholder{position:absolute;height:100%;width:100%;object-fit:cover}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@supports (animation-timeline: view()){@media(min-width:992px){.zoom-gallery{--zoom-gallery-unit-height: 70vh;height:calc(100vh + var(--zoom-gallery-items-count) * 35vh)}.zoom-gallery__text{animation:none;position:relative;padding-top:3vh;z-index:3}.zoom-gallery__item{padding-top:22vh;box-sizing:border-box;animation-name:gm-product-show;animation-range-start:contain calc(var(--zoom-gallery-item-index) * 70vh);animation-range-end:contain calc((var(--zoom-gallery-item-index) + 1) * 70vh)}.zoom-gallery__item--is-right{animation-range-start:contain calc(var(--zoom-gallery-item-index) * 70vh + 35vh);animation-range-end:contain calc((var(--zoom-gallery-item-index) + 1) * 70vh + 35vh)}.zoom-gallery__item[data-scroll-item="0"]{animation-name:gm-product-first}.zoom-gallery__item:last-child{animation-name:gm-product-last}}}@keyframes gm-product-show{0%{scale:1;opacity:0;filter:none;pointer-events:none}1%,90%{scale:1;opacity:1;filter:none;pointer-events:auto}to{scale:1;opacity:0;filter:none;pointer-events:none}}@keyframes gm-product-first{0%,90%{scale:1;opacity:1;filter:none;pointer-events:auto}to{scale:1;opacity:0;filter:none;pointer-events:none}}@keyframes gm-product-last{0%{scale:1;opacity:0;filter:none;pointer-events:none}1%,to{scale:1;opacity:1;filter:none;pointer-events:auto}}@media(max-width:991px){.zoom-gallery{height:auto;padding-bottom:24px}.zoom-gallery__stage{position:relative;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding:24px 16px 0;box-sizing:border-box}.zoom-gallery__text{grid-column:1 / -1;position:relative;padding-top:0;animation:none;opacity:1;filter:none}.zoom-gallery__item{--zoom-gallery-item-media-width: 100%;--zoom-gallery-item-spacer: 0;position:relative;inset:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;display:block;animation:none;transform:none;scale:1;opacity:1;filter:none;pointer-events:auto}.zoom-gallery__item__container,.zoom-gallery__item__image,.zoom-gallery__item__image-caption,.zoom-gallery__item .block-link{width:100%;min-width:0}.zoom-gallery__item__image-caption{padding:12px 0 0;text-align:center}.zoom-gallery__item__image-caption h2{font-size:16px;line-height:1.3}.zoom-gallery__item__image-caption p{font-size:13px;line-height:1.4}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-zoom-gallery.css.map */