1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="d40f52e2-5d0e-4e9c-9ddf-b03de24d0e70",e._sentryDebugIdIdentifier="sentry-dbid-d40f52e2-5d0e-4e9c-9ddf-b03de24d0e70")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[712],{23493:function(e,n,i){var t=i(23279),s=i(13218);e.exports=function(e,n,i){var l=!0,d=!0;if("function"!=typeof e)throw TypeError("Expected a function");return s(i)&&(l="leading"in i?!!i.leading:l,d="trailing"in i?!!i.trailing:d),t(e,n,{leading:l,maxWait:n,trailing:d})}},712:function(e,n,i){"use strict";i.r(n);var t=i(85893),s=i(67294),l=i(34446),d=i(23493),o=i.n(d),a=i(93967),r=i.n(a),c=i(29421),u=i(11472),v=i(81550),_=i(3289),p=i.n(_);n.default=e=>{let{data:{videoUrl:n,percent:i,attribute:d,desc:a,subTitle:_,mobVideoUrl:f,posterUrl:g}}=e,[m,b]=(0,s.useState)(!1),h=(0,s.useRef)(null),C=o()(()=>{b(768>=(document.body.offsetWidth||0))},300);return(0,s.useEffect)(()=>{var e,n,i;l.gsap.registerPlugin(c.ScrollTrigger);let t=document.documentElement.clientHeight||window.innerHeight,s=(null===(n=document)||void 0===n?void 0:null===(e=n.querySelector("body"))||void 0===e?void 0:e.offsetWidth)||0,d=(null===(i=document.getElementById("subscribeBox"))||void 0===i?void 0:i.clientHeight)||0;return s<768?h.current=l.gsap.timeline({scrollTrigger:{trigger:"#cleanlinessWrap",start:"top top",end:"+=".concat(1800," bottom"),scrub:1,pin:!0}}).to("#videoText",{opacity:0,duration:3}).to("#cleanlinessVideo",{width:"90%",height:"auto",duration:3}):h.current=l.gsap.timeline({scrollTrigger:{trigger:"#cleanlinessWrap",start:"top ".concat(d),end:"+=".concat(1.8*t," bottom"),scrub:1,pin:!0}}).to("#videoText",{opacity:0,duration:3}).to("#cleanlinessVideo",{width:"60%",height:"60%",paddingTop:"10%",duration:3}),()=>{var e;h.current&&(null===(e=h.current)||void 0===e||e.kill())}},[m]),(0,s.useEffect)(()=>(window.addEventListener("resize",C),()=>{window.removeEventListener("resize",C)}),[]),(0,t.jsxs)("div",{className:p().cleanlinessWrap,id:"cleanlinessWrap",children:[(0,t.jsx)("div",{className:p().videoCon,id:"cleanlinessVideo",children:(0,t.jsxs)("div",{className:p().videoContent,children:[(0,t.jsx)("video",{className:p().videoArea,poster:g,src:m?f:n,autoPlay:!0,playsInline:!0,muted:!0,loop:!0}),(0,t.jsxs)("div",{className:p().videoText,id:"videoText",children:[(0,t.jsx)(u.Z,{html:i,className:p().percent}),(0,t.jsx)(u.Z,{html:d,className:p().attribute})]})]})}),(0,t.jsx)(v.E.div,{initial:{opacity:0,y:50},transition:{duration:1,ease:"easeIn"},whileInView:{opacity:1,y:0},className:r()("md:mb-[calc(-180/390*100vw)]"),children:(0,t.jsxs)("div",{className:p().cleanlinessCon,children:[(0,t.jsx)(u.Z,{html:_,className:p().subTitle}),(0,t.jsx)(u.Z,{html:a,className:p().descContent})]})})]})}},3289:function(e){e.exports={cleanlinessWrap:"CleanlinessVideo_cleanlinessWrap__MBzsW",videoCon:"CleanlinessVideo_videoCon__a1VPf",videoContent:"CleanlinessVideo_videoContent__mbcN7",videoArea:"CleanlinessVideo_videoArea__Fi_4q",videoText:"CleanlinessVideo_videoText__GwhsB",percent:"CleanlinessVideo_percent__FDzHR",attribute:"CleanlinessVideo_attribute__WGbaL",cleanlinessCon:"CleanlinessVideo_cleanlinessCon__2dQcK",subTitle:"CleanlinessVideo_subTitle__JafKa",descContent:"CleanlinessVideo_descContent__CtD0K"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.