.scroll-zoom{position:relative}.scroll-zoom__pin{position:relative;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);min-height:var(--scroll-zoom-static-height, 70svh);overflow:hidden;overflow:clip;isolation:isolate}.scroll-zoom__media,.scroll-zoom__content{grid-area:1 / 1}.scroll-zoom__media{position:relative;z-index:0;min-height:0;overflow:hidden;overflow:clip}.scroll-zoom__frame{position:absolute;top:0;right:0;bottom:0;left:0}.scroll-zoom__picture{display:contents}.scroll-zoom__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--scroll-zoom-focal, 50% 50%)}.scroll-zoom__frame>.video-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scroll-zoom__image.placeholder-svg{background-color:rgba(var(--color-foreground),.06);fill:rgba(var(--color-foreground),.35)}.scroll-zoom__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--scroll-zoom-overlay, #000);opacity:var(--scroll-zoom-overlay-opacity, 0);pointer-events:none}.scroll-zoom .scroll-zoom__content{position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:var(--scroll-zoom-justify, center);align-items:var(--scroll-zoom-align, center);min-width:0;padding:var(--scroll-zoom-padding, 2rem);background:none;pointer-events:none}.scroll-zoom__blocks{box-sizing:border-box;display:flex;flex-direction:column;align-items:var(--scroll-zoom-align, center);gap:var(--scroll-zoom-gap, 1.6rem);width:100%;max-width:var(--scroll-zoom-content-width, 64rem);pointer-events:auto}.scroll-zoom__blocks>*{--group-child-flex: 0 0 auto;--group-child-width: auto;--group-child-width-fill: 100%;--group-parent-gap: 0px;--group-child-align-fit: var(--scroll-zoom-align, center)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.scroll-zoom:not(.scroll-zoom--preview){height:calc(100svh + var(--scroll-zoom-length, 150) * 1svh);view-timeline:--scroll-zoom block}.scroll-zoom:not(.scroll-zoom--preview) .scroll-zoom__pin{position:sticky;top:0;height:100svh;min-height:0}.scroll-zoom:not(.scroll-zoom--preview) :is(.scroll-zoom__media,.scroll-zoom__frame),.scroll-zoom--text-fade_in:not(.scroll-zoom--preview) .scroll-zoom__content,.scroll-zoom--text-fade_out:not(.scroll-zoom--preview) .scroll-zoom__content{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--scroll-zoom}.scroll-zoom:not(.scroll-zoom--preview) .scroll-zoom__media{animation-name:scroll-zoom-open;animation-range:contain 0% contain 75%}.scroll-zoom:not(.scroll-zoom--preview) .scroll-zoom__frame{animation-name:scroll-zoom-settle;animation-range:contain 0% contain 75%}.scroll-zoom--text-fade_in:not(.scroll-zoom--preview) .scroll-zoom__content{animation-name:scroll-zoom-text-in;animation-range:contain 45% contain 80%}.scroll-zoom--text-fade_out:not(.scroll-zoom--preview) .scroll-zoom__content{animation-name:scroll-zoom-text-out;animation-range:contain 0% contain 35%}}}.scroll-zoom--preview .scroll-zoom__pin{min-height:600px}.scroll-zoom--preview .scroll-zoom__media{clip-path:inset(calc(var(--scroll-zoom-inset, 20%) / 2) round var(--scroll-zoom-radius, 0px))}@keyframes scroll-zoom-open{0%{clip-path:inset(var(--scroll-zoom-inset, 20%) round var(--scroll-zoom-radius, 0px))}to{clip-path:inset(0% round 0px)}}@keyframes scroll-zoom-settle{0%{transform:scale(1.12)}to{transform:none}}@keyframes scroll-zoom-text-in{0%{opacity:0;transform:translate3d(0,3rem,0)}}@keyframes scroll-zoom-text-out{to{opacity:0;transform:translate3d(0,-3rem,0)}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/scroll-zoom.css.map */