"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7760],{8619:(e,t,n)=>{n.d(t,{d:()=>s});var r=n(12128),o=n(12115),i=n(51508),l=n(82885);function s(e){let t=(0,l.M)(()=>(0,r.OQ)(e)),{isStatic:n}=(0,o.useContext)(i.Q);if(n){let[,n]=(0,o.useState)(e);(0,o.useEffect)(()=>t.on("change",n),[])}return t}},70881:(e,t,n)=>{n.d(t,{G:()=>a});var r=n(97846);let o=e=>e&&"object"==typeof e&&e.mix,i=e=>o(e)?e.mix:void 0;var l=n(82885),s=n(12128),f=n(97494),u=n(8619);function c(e,t){let n=(0,u.d)(t()),r=()=>n.set(t());return r(),(0,f.E)(()=>{let t=()=>s.Gt.preRender(r,!1,!0),n=e.map(e=>e.on("change",t));return()=>{n.forEach(e=>e()),(0,s.WG)(r)}}),n}function a(e,t,n,o){if("function"==typeof e)return function(e){s.bt.current=[],e();let t=c(s.bt.current,e);return s.bt.current=void 0,t}(e);let l="function"==typeof t?t:function(...e){let t=!Array.isArray(e[0]),n=t?0:-1,o=e[0+n],l=e[1+n],s=e[2+n],f=e[3+n],u=(0,r.G)(l,s,{mixer:i(s[0]),...f});return t?u(o):u}(t,n,o);return Array.isArray(e)?d(e,l):d([e],([e])=>l(e))}function d(e,t){let n=(0,l.M)(()=>[]);return c(e,()=>{n.length=0;let r=e.length;for(let t=0;t<r;t++)n[t]=e[t].get();return t(n)})}},71780:(e,t,n)=>{let r,o;n.d(t,{L:()=>P});var i=n(12128),l=n(4331),s=n(12115);function f(e,t){let n;let r=()=>{let{currentTime:r}=t,o=(null===r?0:r.value)/100;n!==o&&e(o),n=o};return i.Gt.update(r,!0),()=>(0,i.WG)(r)}let u=new WeakMap;function c({target:e,contentRect:t,borderBoxSize:n}){var r;null===(r=u.get(e))||void 0===r||r.forEach(r=>{r({target:e,contentSize:t,get size(){return function(e,t){if(t){let{inlineSize:e,blockSize:n}=t[0];return{width:e,height:n}}return e instanceof SVGElement&&"getBBox"in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}(e,n)}})})}function a(e){e.forEach(c)}let d=new Set,g=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),h=()=>({time:0,x:g(),y:g()}),p={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function m(e,t,n,r){let o=n[t],{length:i,position:s}=p[t],f=o.current,u=n.time;o.current=e[`scroll${s}`],o.scrollLength=e[`scroll${i}`]-e[`client${i}`],o.offset.length=0,o.offset[0]=0,o.offset[1]=o.scrollLength,o.progress=(0,l.qB)(0,o.scrollLength,o.current);let c=r-u;o.velocity=c>50?0:(0,l.fj)(o.current-f,c)}var v=n(77782),y=n(97846),w=n(96185);let E={start:0,center:.5,end:1};function x(e,t,n=0){let r=0;if(e in E&&(e=E[e]),"string"==typeof e){let t=parseFloat(e);e.endsWith("px")?r=t:e.endsWith("%")?e=t/100:e.endsWith("vw")?r=t/100*document.documentElement.clientWidth:e.endsWith("vh")?r=t/100*document.documentElement.clientHeight:e=t}return"number"==typeof e&&(r=t*e),n+r}let W=[0,0],L={All:[[0,0],[1,1]]},b={x:0,y:0},G=new WeakMap,O=new WeakMap,B=new WeakMap,z=e=>e===document.documentElement?window:e;function H(e,{container:t=document.documentElement,...n}={}){let l=B.get(t);l||(l=new Set,B.set(t,l));let s=function(e,t,n,r={}){return{measure:()=>(function(e,t=e,n){if(n.x.targetOffset=0,n.y.targetOffset=0,t!==e){let r=t;for(;r&&r!==e;)n.x.targetOffset+=r.offsetLeft,n.y.targetOffset+=r.offsetTop,r=r.offsetParent}n.x.targetLength=t===e?t.scrollWidth:t.clientWidth,n.y.targetLength=t===e?t.scrollHeight:t.clientHeight,n.x.containerLength=e.clientWidth,n.y.containerLength=e.clientHeight})(e,r.target,n),update:t=>{m(e,"x",n,t),m(e,"y",n,t),n.time=t,(r.offset||r.target)&&function(e,t,n){let{offset:r=L.All}=n,{target:o=e,axis:i="y"}=n,l="y"===i?"height":"width",s=o!==e?function(e,t){let n={x:0,y:0},r=e;for(;r&&r!==t;)if(r instanceof HTMLElement)n.x+=r.offsetLeft,n.y+=r.offsetTop,r=r.offsetParent;else if("svg"===r.tagName){let e=r.getBoundingClientRect(),t=(r=r.parentElement).getBoundingClientRect();n.x+=e.left-t.left,n.y+=e.top-t.top}else if(r instanceof SVGGraphicsElement){let{x:e,y:t}=r.getBBox();n.x+=e,n.y+=t;let o=null,i=r.parentNode;for(;!o;)"svg"===i.tagName&&(o=i),i=r.parentNode;r=o}else break;return n}(o,e):b,f=o===e?{width:e.scrollWidth,height:e.scrollHeight}:"getBBox"in o&&"svg"!==o.tagName?o.getBBox():{width:o.clientWidth,height:o.clientHeight},u={width:e.clientWidth,height:e.clientHeight};t[i].offset.length=0;let c=!t[i].interpolate,a=r.length;for(let e=0;e<a;e++){let n=function(e,t,n,r){let o=Array.isArray(e)?e:W,i=0,l=0;return"number"==typeof e?o=[e,e]:"string"==typeof e&&(o=(e=e.trim()).includes(" ")?e.split(" "):[e,E[e]?e:"0"]),(i=x(o[0],n,r))-x(o[1],t)}(r[e],u[l],f[l],s[i]);c||n===t[i].interpolatorOffsets[e]||(c=!0),t[i].offset[e]=n}c&&(t[i].interpolate=(0,y.G)(t[i].offset,(0,w.Z)(r),{clamp:!1}),t[i].interpolatorOffsets=[...t[i].offset]),t[i].progress=(0,v.q)(0,1,t[i].interpolate(t[i].current))}(e,n,r)},notify:()=>t(n)}}(t,e,h(),n);if(l.add(s),!G.has(t)){let e=()=>{for(let e of l)e.measure()},n=()=>{for(let e of l)e.update(i.uv.timestamp)},s=()=>{for(let e of l)e.notify()},f=()=>{i.Gt.read(e,!1,!0),i.Gt.read(n,!1,!0),i.Gt.update(s,!1,!0)};G.set(t,f);let c=z(t);if(window.addEventListener("resize",f,{passive:!0}),t!==document.documentElement)O.set(t,"function"==typeof t?(d.add(t),o||(o=()=>{let e={width:window.innerWidth,height:window.innerHeight},t={target:window,size:e,contentSize:e};d.forEach(e=>e(t))},window.addEventListener("resize",o)),()=>{d.delete(t),!d.size&&o&&(o=void 0)}):function(e,t){r||"undefined"==typeof ResizeObserver||(r=new ResizeObserver(a));let n=(0,i.KJ)(e);return n.forEach(e=>{let n=u.get(e);n||(n=new Set,u.set(e,n)),n.add(t),null==r||r.observe(e)}),()=>{n.forEach(e=>{let n=u.get(e);null==n||n.delete(t),(null==n?void 0:n.size)||null==r||r.unobserve(e)})}}(t,f));c.addEventListener("scroll",f,{passive:!0})}let f=G.get(t);return i.Gt.read(f,!1,!0),()=>{var e;(0,i.WG)(f);let n=B.get(t);if(!n||(n.delete(s),n.size))return;let r=G.get(t);G.delete(t),r&&(z(t).removeEventListener("scroll",r),null===(e=O.get(t))||void 0===e||e(),window.removeEventListener("resize",r))}}let S=new Map;function k({source:e,container:t=document.documentElement,axis:n="y"}={}){e&&(t=e),S.has(t)||S.set(t,{});let r=S.get(t);return r[n]||(r[n]=(0,i.Jb)()?new ScrollTimeline({source:t,axis:n}):function({source:e,container:t,axis:n="y"}){e&&(t=e);let r={value:0},o=H(e=>{r.value=100*e[n].progress},{container:t,axis:n});return{currentTime:r,cancel:o}}({source:t,axis:n})),r[n]}function M(e){return e&&(e.target||e.offset)}var A=n(82885),N=n(97494);function T(e,t){(0,l.$e)(!!(!t||t.current),`You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref, or setting its \`layoutEffect: false\` option.`)}let Q=()=>({scrollX:(0,i.OQ)(0),scrollY:(0,i.OQ)(0),scrollXProgress:(0,i.OQ)(0),scrollYProgress:(0,i.OQ)(0)});function P({container:e,target:t,layoutEffect:n=!0,...r}={}){let o=(0,A.M)(Q);return(n?N.E:s.useEffect)(()=>(T("target",t),T("container",e),function(e,{axis:t="y",...n}={}){var r,o;let i={axis:t,...n};return"function"==typeof e?(r=e,o=i,2===r.length||M(o)?H(e=>{r(e[o.axis].progress,e)},o):f(r,k(o))):function(e,t){if(e.flatten(),M(t))return e.pause(),H(n=>{e.time=e.duration*n[t.axis].progress},t);{let n=k(t);return e.attachTimeline?e.attachTimeline(n,e=>(e.pause(),f(t=>{e.time=e.duration*t},n))):l.lQ}}(e,i)}((e,{x:t,y:n})=>{o.scrollX.set(t.current),o.scrollXProgress.set(t.progress),o.scrollY.set(n.current),o.scrollYProgress.set(n.progress)},{...r,container:(null==e?void 0:e.current)||void 0,target:(null==t?void 0:t.current)||void 0})),[e,t,JSON.stringify(r.offset)]),o}}}]);