const SCROLL_ANIMATION_TRIGGER_CLASSNAME="m-scroll-trigger",SCROLL_ANIMATION_OFFSCREEN_CLASSNAME="m-scroll-trigger--offscreen",SCROLL_ANIMATION_CANCEL_CLASSNAME="m-scroll-trigger--cancel";function onIntersection(e,t){e.forEach(((e,i)=>{if(e.isIntersecting){const n=e.target;n.classList.contains(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME)&&(n.classList.remove(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME),n.hasAttribute("data-cascade")&&n.setAttribute("style",`--animation-order: ${i};`)),t.unobserve(n)}else e.target.classList.add(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME),e.target.classList.remove(SCROLL_ANIMATION_CANCEL_CLASSNAME);e.target.classList.contains("m-sidebar")&&((MinimogTheme.config.mqlMobile||"fixed"===e.target.dataset.type)&&e.target.classList.remove(SCROLL_ANIMATION_TRIGGER_CLASSNAME),document.addEventListener("matchMobile",(()=>{e.target.classList.remove(SCROLL_ANIMATION_TRIGGER_CLASSNAME)})),document.addEventListener("unmatchMobile",(()=>{e.target.classList.remove(SCROLL_ANIMATION_TRIGGER_CLASSNAME)})))}))}function initializeScrollAnimationTrigger(e=document,t=!1){const i=Array.from(e.getElementsByClassName(SCROLL_ANIMATION_TRIGGER_CLASSNAME));if(0===i.length)return;if(t)return void i.forEach((e=>{}));const n=new IntersectionObserver(onIntersection,{rootMargin:"0px 0px -50px 0px"});i.forEach((e=>n.observe(e)))}window.addEventListener("DOMContentLoaded",(()=>initializeScrollAnimationTrigger())),Shopify.designMode&&(document.addEventListener("shopify:section:load",(e=>initializeScrollAnimationTrigger(e.target,!0))),document.addEventListener("shopify:section:reorder",(()=>initializeScrollAnimationTrigger(document,!0))));