https://www.cantref.com/app/brands/default/2720.9b5d2f3587f55d07c186.js

1(globalThis.webpackChunkloop_web=globalThis.webpackChunkloop_web||[]).push([[2720],{8418(e,t,s){"use strict";s.d(t,{Mc:()=>c,R9:()=>d,YB:()=>u,fs:()=>o,ss:()=>h});const i=window.matchMedia("(prefers-reduced-motion: reduce)");let n=!1,a=null,l=!1;try{var r=Object.defineProperty({},"passive",{get:function(){l=!0}});window.addEventListener("testPassive",null,r),window.removeEventListener("testPassive",null,r)}catch(e){}const o={supportsPassive:l,reducedMotionPref:i.matches,desktopSideHeaderLayout:null!=document.querySelector("body.site-layout.side-header-layout"),fx:[],fxAdd:(e,t,s=null)=>{let i=!1;if(o.fx.forEach(t=>{t.type==e&&(i=!0)}),!i){o.fx.push({type:e,enabled:t,callback:s,controller:document.createElement("div")});let i=o.fx.length-1,n=o.fx[i];n.controller.setAttribute("class","form-check form-switch");let a=document.createElement("input");a.setAttribute("id",`site-settings--fx--${i}`),a.setAttribute("class","form-check-input"),a.setAttribute("type","checkbox"),a.setAttribute("role","switch"),t&&a.setAttribute("checked",!0),a.addEventListener("click",()=>{o.fxToggle(n.type,a.checked)}),n.controller.appendChild(a);let l=document.createElement("label");l.setAttribute("for",`site-settings--fx--${i}`),l.setAttribute("class","form-check-label"),l.innerHTML=n.type,n.controller.appendChild(l)}s&&s(t),n||(()=>{if(null!=document.body.querySelector("#top-utility-bar")){let e=document.body.querySelector("#top-utility-bar--icon-links ul");if(null!=e){let t=document.createElement("li");t.classList.add("list-inline-item"),t.innerHTML='<button class="btn btn-link p-0" data-bs-toggle="modal" data-bs-target="#site-settings"><i class="fa-solid fa-cog" aria-hidden="true" title="Site settings"></i><span class="sr-only">Site settings</span></button>',e.appendChild(t)}else{let e=document.body.querySelector("#top-utility-bar--content"),t=document.createElement("div");t.setAttribute("id","top-utility-bar--icon-links"),t.innerHTML='<ul class="list-inline m-0"><li class="list-inline-item"><button class="btn btn-link p-0" data-bs-toggle="modal" data-bs-target="#site-settings"><i class="fa-solid fa-cog" aria-hidden="true" title="Site settings"></i><span class="sr-only">Site settings</span></button></li></ul>',e.appendChild(t)}}else{let e=document.body.querySelector("#main-header--content");if(null!=e){let t=document.createElement("button");t.setAttribute("id","main-header--content--site-settings-btn"),t.setAttribute("class","btn btn-link"),t.setAttribute("data-bs-toggle","modal"),t.setAttribute("data-bs-target","#site-settings"),t.innerHTML='<i class="fa-solid fa-cog" aria-hidden="true" title="Site settings"></i><span class="side-menu-layout--label">Site settings</span>',e.appendChild(t)}}let e=document.body.querySelector("#main-footer--mid-section--links ul");if(null!=e){let t=document.createElement("li");t.innerHTML='<a href="#site-settings" data-bs-toggle="modal" data-bs-target="#site-settings">Site settings</a>',e.appendChild(t)}n=!0})(),(()=>{if(!a){let e=document.createElement("div");e.setAttribute("id","site-settings"),e.setAttribute("class","modal fade"),e.setAttribute("data-bs-backdrop","static"),e.setAttribute("data-bs-keyboard","false"),e.setAttribute("tabindex","-1"),e.setAttribute("aria-hidden","true"),e.innerHTML='<div class="modal-dialog"><div class="modal-content theme--default"><div class="modal-header"><h1 class="modal-title h5 m-0">Site Settings</h1><button type="button" class="btn btn-link p-0" data-bs-dismiss="modal" aria-label="Close"><i class="fa-regular fa-times" aria-hidden="true" title="Close"></i></button></div><div class="modal-body"></div></div>',document.body.appendChild(e),a=document.body.querySelector("#site-settings .modal-body")}o.fx.length>0&&(a.innerHTML="<p>Manage the visual effects on this site:</p>",o.fx.forEach(e=>{a.appendChild(e.controller)}))})()},fxToggle:(e,t)=>{o.fx.forEach(s=>{s.type==e&&(s.enabled=t,s.callback&&s.callback(t))})}},d={vw:0,vh:0,setVw:e=>{d.vw=e},setVh:e=>{d.vh=e}},h={active:!1,setActive:e=>{h.active=e}},c={mobileActive:!1,setMobileActive:e=>{c.mobileActive=e},desktopActive:!1,setDesktopActive:e=>{c.desktopActive=e}},u={active:!1,setActive:e=>{u.active=e}}},2720(e,t,s){"use strict";

1s.r(t),s.d(t,{createFrom:()=>r});var i=s(7819),n=s.n(i),a=s(8418);class l{constructor(e){a.fs.reducedMotionPref?e.classList.remove("heading-fx"):(this.el=e,this.main=this.el.querySelector("main"),null==this.main&&(this.main=document.querySelector("main")),null!=this.main&&(this.fxType=this.el.dataset.headingFx,this.delayIncrement=500,this.headings=[],this.headingsIndex=0,this.revealQueue=[],this.queueActive=!1,this.queueTimeout=null,this.requestAddHeadings=null,this.addHeadings(),this.mo=new MutationObserver(e=>{let t=!1;for(const s of e)"childList"===s.type&&(t=!0);t&&(clearTimeout(this.requestAddHeadings),this.requestAddHeadings=setTimeout(()=>{this.addHeadings(),this.requestAddHeadings=null},200))}),this.mo.observe(this.main,{attributes:!1,childList:!0,subtree:!0})))}addHeadings(){let e=this.el.querySelectorAll("main h1:not(.h3):not(.h4):not(.h5):not(.h6):not([data-parsed--heading-fx]), main h2:not(.h3):not(.h4):not(.h5):not(.h6):not([data-parsed--heading-fx]), main .h1:not([data-parsed--heading-fx]), main .h2:not([data-parsed--heading-fx]), main .heading-fx-item:not([data-parsed--heading-fx])");null!=e&&(e.forEach(e=>{let t=this.headingsIndex;this.headings[t]={obj:e,queued:!1,revealed:!1},e.setAttribute("data-parsed--heading-fx",!0),e.style.opacity="0";let s=e.querySelector("a");this.headings[t].wrapper=s??e,this.setup(t);let i={enter:()=>{this.headings[t].revealed||this.headings[t].queued||(this.headings[t].queued=!0,this.revealQueue.push(t),this.processQueue())},leave:()=>{if(!this.headings[t].revealed&&this.headings[t].queued){this.headings[t].queued=!1;let e=this.revealQueue.indexOf(t);-1!==e&&this.revealQueue.splice(e,1)}},persist:!0};new(n())(e,i),this.headingsIndex++}),window.dispatchEvent(new Event("scroll")))}setup(e){let t=this.headings[e].wrapper.innerText.trim(),s=`<span class="visually-hidden">${this.headings[e].wrapper.innerHTML}</span><span aria-hidden="true">`;switch(this.fxType){case"char-writer":s=this.addSpans(t,!0),s+="</span>",this.headings[e].wrapper.innerHTML=s;break;case"line-reveal-up":case"word-reveal-up":s=this.addSpans(t,!1),s+="</span>",this.headings[e].wrapper.innerHTML=s}}addSpans(e,t=!1){let s=0,i="",n=e.split(" ");for(let e=0,a=n.length;e<a;e++){if(i+=`<span class="word"><span class="word-inner" style="--inner-index: ${e}">`,t)for(let t=0,a=n[e].length;t<a;t++)i+=`<span class="letter" style="--index: ${s}">${n[e].charAt(t)}</span>`,s++;else i+=n[e];i+="</span></span> "}return i}processRows(e){let t=-1,s=-1;this.headings[e].obj.querySelectorAll(".word").forEach(e=>{e.offsetTop>t&&(s++,t=e.offsetTop),e.style=`--row: ${s};`})}processQueue(){this.queueActive||0===this.revealQueue.length||(this.queueActive=!0,this.revealNext())}revealNext(){if(0===this.revealQueue.length)return void(this.queueActive=!1);let e=this.revealQueue.shift();this.headings[e].queued=!1,this.processRows(e),this.reveal(e),this.queueTimeout=setTimeout(()=>{this.revealNext()},this.delayIncrement)}reveal(e){switch(this.headings[e].revealed=!0,this.headings[e].obj.style.opacity="1",this.headings[e].obj.classList.add("reveal"),this.fxType){case"char-writer":let t=this.headings[e].wrapper.querySelector(".word:last-child .letter:last-child");t.ontransitionend=()=>{this.headings[e].obj.classList.add("revealed"),t.ontransitionend=null};break;case"line-reveal-up":case"word-reveal-up":let s=this.headings[e].wrapper.querySelector(".word:last-child");s.ontransitionend=()=>{this.headings[e].obj.classList.add("revealed"),s.ontransitionend=null}}}}function r(e){e.forEach(e=>{1===e.nodeType&&new l(e)})}},7819(e){e.exports=function(){var e=function(){},t=100;function s(e,s){var i,n,a;return void 0===s&&(s=t),function(){!0===i?(clearTimeout(n),n=setTimeout(function(){Date.now()-a>=s&&(e.apply(this,arguments),a=Date.now())},s-(Date.now()-a))):(e.apply(this,arguments),a=Date.now(),i=!0)}}var i=function(e,t){for(var s in this.element=e,this.visible=!1,t)Object.hasOwnProperty.call(t,s)&&(this[s]=t[s]);if(void 0!==e.dataset){if(void 0!==e.dataset.huntPersist)try{this.persist=JSON.parse(e.dataset.huntPersist)}catch(e){}if(void 0!==e.dataset.huntOffset)try{this.offset=JSON.parse(e.dataset.huntOffset)}catch(e){}}};i.prototype.offset=0,i.prototype.persist=!1,i.prototype.enter=e,i.prototype.leave=e;var n=function(e,t){if(!(e&&1===e.nodeType||"number"==typeof e.length))throw new TypeError("hunt: observer first argument should be a node or a list of nodes");if("object"!=typeof t)throw new TypeError("hunt: observer second argument should be an object");

1if(1===e.nodeType)this.__huntedElements__=[new i(e,t)];else{var s=[].slice.call(e);this.__huntedElements__=s.map(function(e){return new i(e,t)})}this.__viewportHeight__=window.innerHeight,this.__connect__(t.throttleInterval)};return n.prototype.__connect__=function(e){this.__throttledHuntElements__=s(this.__huntElements__.bind(this),e),this.__throttledUpdateMetrics__=s(this.__updateMetrics__.bind(this),e),window.addEventListener("scroll",this.__throttledHuntElements__),window.addEventListener("resize",this.__throttledUpdateMetrics__),this.__huntElements__()},n.prototype.__huntElements__=function(){for(var t=this.__huntedElements__.length;t;){var s=this.__huntedElements__[--t],i=s.element.getBoundingClientRect(),n=i.top-s.offset<this.__viewportHeight__&&i.top>=-(i.height+s.offset);!1===s.visible&&!0===n&&(s.enter.call(null,s.element),s.visible=!0,s.leave===e&&!0!==s.persist&&(this.__huntedElements__.splice(t,1),0===this.__huntedElements__.length&&this.disconnect())),!0===s.visible&&!1===n&&(s.leave.call(null,s.element),s.visible=!1,!0!==s.persist&&(this.__huntedElements__.splice(t,1),0===this.__huntedElements__.length&&this.disconnect()))}},n.prototype.__updateMetrics__=function(){this.__viewportHeight__=window.innerHeight,this.__huntElements__()},n.prototype.disconnect=function(){window.removeEventListener("scroll",this.__throttledHuntElements__),window.removeEventListener("resize",this.__throttledUpdateMetrics__)},n.prototype.trigger=function(){this.__huntElements__()},n}()}}]);