.image-with-text__content:has(.interactive-treat-wrapper)>.col-6:first-child{display:flex;align-items:center;justify-content:center}.interactive-treat-wrapper{position:relative;width:100%;overflow:visible;--scroll-progress: 0}.interactive-treat-half{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;will-change:transform;transition:transform .1s linear}.interactive-treat-half img{width:100%;height:auto;display:block}.interactive-treat-crumbs{position:absolute;top:50%;left:50%;width:0;height:0;z-index:1}.interactive-treat-crumb{position:absolute;width:8px;height:8px;background-color:var(--bg);border-radius:40% 60% 70% 30%/40% 50% 60%;opacity:var(--scroll-progress);transform:translate(-50%,-50%) translate(calc(var(--tx) * var(--scroll-progress)),calc(var(--ty) * var(--scroll-progress))) rotate(calc(var(--rot) * var(--scroll-progress))) scale(var(--scale, 1));will-change:transform,opacity;transition:transform .1s linear,opacity .1s linear}.interactive-treat-crumb:nth-child(2n){border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.interactive-treat-crumb:nth-child(3n){border-radius:50%}.interactive-treat-top{position:relative;clip-path:polygon(0% 0%,100% 0%,100% 50%,95% 50.5%,90% 48.8%,85% 51.2%,80% 49.5%,75% 50.3%,70% 47.7%,65% 52%,60% 49.3%,55% 50.2%,50% 48.5%,45% 51.8%,40% 49.2%,35% 50%,30% 48.3%,25% 51.7%,20% 49%,15% 50.8%,10% 48.2%,5% 51.5%,0% 50%);transform:translate(calc(-10px * var(--scroll-progress)),calc(-40px * var(--scroll-progress))) rotate(calc(-10deg * var(--scroll-progress)));transform-origin:bottom center}.interactive-treat-bottom{clip-path:polygon(0% 50%,5% 51.5%,10% 48.2%,15% 50.8%,20% 49%,25% 51.7%,30% 48.3%,35% 50%,40% 49.2%,45% 51.8%,50% 48.5%,55% 50.2%,60% 49.3%,65% 52%,70% 47.7%,75% 50.3%,80% 49.5%,85% 51.2%,90% 48.8%,95% 50.5%,100% 50%,100% 100%,0% 100%);transform:translate(calc(10px * var(--scroll-progress)),calc(40px * var(--scroll-progress))) rotate(calc(10deg * var(--scroll-progress)));transform-origin:top center}@media screen and (max-width:768px){.interactive-treat-top{transform:translate(calc(-5px * var(--scroll-progress)),calc(-20px * var(--scroll-progress))) rotate(calc(-10deg * var(--scroll-progress)))}.interactive-treat-bottom{transform:translate(calc(5px * var(--scroll-progress)),calc(20px * var(--scroll-progress))) rotate(calc(10deg * var(--scroll-progress)))}.interactive-treat-crumb{transform:translate(-50%,-50%) translate(calc(var(--tx) * .6 * var(--scroll-progress)),calc(var(--ty) * .6 * var(--scroll-progress))) rotate(calc(var(--rot) * var(--scroll-progress))) scale(calc(var(--scale, 1) * .8))}}
/*# sourceMappingURL=/cdn/shop/t/374/assets/interactive-treat.css.map */