https://www.renault.nl/client/renault-edito-3d-35ac7d7111e78150.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[12283],{25756(e,t,r){var n=r(91987),s=r(71763);r.d(t,{},{R:({bClassName:e,content:t="",supportReturnCarriage:r=!1,tag:i="div",className:a})=>{let o=(0,s.useMemo)(()=>{let n=t.replace(/<[^>]+>/gi,"");return n=n.replace(/\[(\/?[bi])\]/gi,"<$1>"),e&&(n=n.replace(/<b>/gi,`<b class="${e}">`)),r&&(n=n.replace(/\r?\n/g,"<br>")),{__html:n}},[t,e,r]);return(0,n.jsx)(i,{dangerouslySetInnerHTML:o,className:a})}})},52357(e,t,r){var n=r(25756);r.d(t,{R:()=>n.R})},45706(e,t,r){r.d(t,{M:()=>s});var n=r(91987);let s=({anchor:e,className:t})=>(0,n.jsx)("div",{id:e,className:t})},99638(e,t,r){r.r(t),r.d(t,{default:()=>W});var n=r(91987),s=r(71763),i=r(20496),a=r(97500),o=r.n(a),l=r(45706),u=r(93196),c=r(22500),d=r(35813),f=r(5839),h=r(20409),p=r(10194),g=r(16383);let m=({className:e,progress:t,threeDAsset:r,threeDAssetCover:i,animation:a})=>{let{ref:l,isVisible:u}=(0,h.A)({role:"lazyload",stayVisible:!1}),[c,d]=(0,s.useState)(!1),f=(0,s.useRef)(!1);u&&(f.current=!0);let m=f.current?(0,p.A)("intra/3darea"):null,v=(0,s.useCallback)(()=>d(!0),[]);return(0,n.jsxs)("div",{ref:l,className:o()("ThreeDArea",e,{"is-loaded":c}),children:[!c&&i&&i.src&&(0,n.jsx)(g._,{src:i.src,alt:i.alt||"",objectFit:"cover",aspectRatio:"1/1",width:"100%"}),r&&f.current&&m&&(0,n.jsx)(m,{active:u,progress:t,threeDAsset:r,onLoad:v,className:o()("ThreeDArea__canvas"),animation:a},r)]})};var v=r(32739);let y=({hasThreeDAsset:e,cards:t})=>(0,n.jsx)("div",{className:"Edito3d__cards",children:(0,v.AZ)(t,e=>({...e}),t=>({...t,hasThreeDAsset:e}))});var b=r(84122),w=r(97534),x=r(15957),E=r(52357),A=r(75457);let M=({title:e,strapline:t,titleSize:r,imageBackground:i}

1)=>{let a=(0,s.useRef)(null),{scrollYProgress:l}=(0,b.L)({target:a,offset:["start start","end end"]}),u=(0,w.G)(l,[0,.9],[0,1]),c=(0,x.W)(a,{once:!0})&&"regular"===r;return(0,n.jsx)("div",{className:o()("Edito3d__header",{"is-visible":c,"is-small":"regular"===r}),ref:a,"data-title":"regular"!==r&&e||void 0,children:(0,n.jsxs)("div",{className:"Edito3d__cont",children:[(0,n.jsx)(A.FW,{children:(0,n.jsxs)("div",{className:"Edito3d__hero",children:[t&&(0,n.jsx)(A.PY.div,{className:"Edito3d__heroStrapline",children:t}),e&&(0,n.jsx)(A.PY.div,{className:o()("Edito3d__heroTitle",{"is-small":"regular"===r}),"data-title":e,style:{"--Edito3d-progress":u},children:(0,n.jsx)(E.R,{className:"Edito3d__heroTitleWrap",content:e,tag:"p",bClassName:"Edito3d__heroTitleWrapB"})})]})}),i?.src&&(0,n.jsx)("div",{className:"Edito3d__background",children:(0,n.jsx)(g._,{src:i?.src,objectFit:"cover",width:"100vw",height:"100%",alt:""})})]})})},W=(0,i.Ng)(({app:e})=>({isBrowserEngine:e?.isBrowserEngine,threshold:e.threshold||f.qN}))(({editContext:e,imageBackground:t,strapline:r,title:i,titleSize:a,alternativeMode:f,isBrowserEngine:h,threeDAsset:p,threeDAssetCover:g,threshold:v,anchorId:b,...w})=>{let[x,E]=(0,s.useState)(-1),A=1===Object.values({...w}).filter(e=>e?.["sling:resourceType"]==="one/components/edito/componentD52v0").length,W=(0,s.useCallback)(e=>(0,c.N5)({unit:"percent",start:"bottom",end:"bottom",floatPrecision:1})(e)/100,[]),{ref:k,value:V}=(0,c.Ay)({transfo:W,activateOnPreferedReducedMotion:!0,defaultValue:-1}),{ref:j,value:S}=(0,c.Ay)({transfo:W,activateOnPreferedReducedMotion:!0,defaultValue:-1}),N=(0,s.useMemo)(()=>Math.min(100,1e3*V),[V]),O=(0,s.useMemo)(()=>"regular"===a?S<0?0:-300+3*Math.min(100,100*S):S<0?0:-300+3*Math.min(100,100*S/.4),[S,a]),_=(0,s.useMemo)(()=>{let e="medium"!==v?40:25,t=Math.min(100,100*V/.2);return V<0?60:60-t*(60-e)/100},[V,v]);return(0,d.A)(()=>{let e=[],t=document.querySelector(".Edito3d__hero");t&&e.push(t);let r=document.querySelectorAll(".Edito3dCard");e.push(...Array.from(r));let n=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&E(Array.from(e).indexOf(t.target))})},{root:null,rootMargin:"0px",threshold:.1});e.forEach(e=>n.observe(e))},[]),(0,n.jsxs)("section",{className:o()("Edito3d",{"is-edit-mode":(0,u.Q)(e),"is-alternative-mode":f,"is-disable-full-height":A&&!p&&!i}),children:[b&&(0,n.jsx)(l.M,{anchor:b}),p&&(0,n.jsx)("div",{className:"Edito3d__threeWrap",children:(0,n.jsx)("div",{className:"Edito3d__three",style:{"--Edito3d-decalY":O},children:(0,n.jsx)("div",{className:o()("Edito3d__threeCont",{"is-hidden":-1===S&&-1===V}),style:{"--Edito3d-size":_,"--Edito3d-translateY":V<0?15:15-65*N/100},children:(0,n.jsx)(m,{threeDAsset:p,threeDAssetCover:g,progress:V,animation:x,className:"Edito3d__threeDAsset"},p)})})}),i&&(0,n.jsx)("div",{ref:j,children:(0,n.jsx)(M,{title:i,strapline:r,titleSize:a,imageBackground:t})}),(0,n.jsx)(u.Cq,{editContext:e}),(0,n.jsx)("div",{ref:A?void 0:k,children:(0,n.jsx)(y,{hasThreeDAsset:!!p,cards:w})})]})})},44496(e,t,r){var n=r(71763);let s="(prefers-reduced-motion: no-preference)";r.d(t,{},{A:()=>{let[e,t]=(0,n.useState)(!0);return(0,n.useEffect)(()=>{let e=window.matchMedia(s);t(!window.matchMedia(s)?.matches);let r=e=>{t(!e.matches)};return e?.addEventListener?.("change",r),()=>{e?.removeEventListener?.("change",r)}},[]),e}})}

1,22500(e,t,r){var n=r(71763),s=r(20496),i=r(5839),a=r(3252),o=r(44496),l=r(20409);let u=({innerHeight:e,start:t,end:r,rect:n})=>{let s=e;"center"===t?s=e/2:"top"===t&&(s=0);let i=0;return"center"===r?i=e/2:"top"===r&&(i=e),{elapsed:Math.round(s-n.top),total:Math.round(n.bottom-n.top-(e-s)+i)||1}};r.d(t,{},{Ay:({transfo:e,defaultValue:t=-1,activateOnMobile:r=!0,activateOnPreferedReducedMotion:u=!0,activate:c=!0,ignoreVisibility:d=!1})=>{let[f,h]=(0,n.useState)(t),p=(0,s.d4)(({app:e})=>e.threshold||i.qN),g=(0,o.A)(),m=(0,n.useRef)(!1),v=(0,n.useRef)(null),{ref:y,isVisible:b}=(0,l.A)({role:"technical",stayVisible:!1}),w=d||b,x=(r||p!==i.qN)&&(u||!g)&&c,E=(0,n.useCallback)(e=>{v.current=e,y(e)},[y]),A=(0,n.useCallback)(()=>{x&&h(v.current?e({rect:v.current.getBoundingClientRect(),innerHeight:window.innerHeight,defaultValue:t}):t)},[e,h,v,t,x]);return(0,n.useEffect)(()=>(w&&!m.current&&(a.f.addListener(A),A(),m.current=!0),()=>{m.current&&(a.f.removeListener(A),m.current=!1)}),[A,w,x]),{ref:E,value:w&&x?f:t,isVisible:w,isActive:x}},N5:({start:e="bottom",end:t="bottom",unit:r="percent",floatPrecision:n=0,debug:s=!1})=>({rect:i,innerHeight:a,defaultValue:o})=>{let{elapsed:l,total:c}=u({innerHeight:a,start:e,end:t,rect:i});if(l<0)return o;if("px"===r)return s&&console.log(l),l;let d=100*Math.min(l/c,1);if(n>=0){let e=10**(0|n);d=(d*e|0)/e}return s&&console.log(l,c,d),d},iG:({totalItems:e,start:t="bottom",end:r="bottom",debug:n=!1})=>({rect:s,innerHeight:i,defaultValue:a})=>{let{elapsed:o,total:l}=u({innerHeight:i,start:t,end:r,rect:s}),c=o/l;if(c<0)return a;if(c>=1)return e-1;let d=(e-1)*c|0;return n&&console.log(o,l,d),d}})},20409(e,t,r){var n=r(71763),s=r(24948),i=r(5839);r.d(t,{},{A:e=>{let t=(0,n.useMemo)(()=>(e=>{let t="u">typeof window&&i.LO.large&&window.innerWidth>=i.LO.large,{role:r,options:n={},stayVisible:s=!0}=e;return"lazyload"===r?n.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===r?n.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===r&&(n.rootMargin="0px -10px 0px 0px"),{...n,triggerOnce:s}})(e),[e]),{ref:r,inView:a=!1,entry:o}=(0,s.Wx)(t);return{ref:r,isVisible:a,entry:o}}})},23052(e,t,r){let n=(0,r(71763).createContext)({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});r.d(t,{},{Q:n})},88911(e,t,r){var n=r(71763);function s(e){let t=(0,n.useRef)(null);return null===t.current&&(t.current=e()),t.current}r.d(t,{M:()=>s})},15957(e,t,r){r.d(t,{W:()=>a});var n=r(71763),s=r(92922);let i={some:0,all:1};function a(e,{root:t,margin:r,amount:o,once:l=!1,initial:u=!1}={}){let[c,d]=(0,n.useState)(u);return(0,n.useEffect)(()=>{if(!e.current||l&&c)return;let n={root:t&&t.current||void 0,margin:r,amount:o};return function(e,t,{root:r,margin:n,amount:a="some"}={}){let o=(0,s.K)(e),l=new WeakMap,u=new IntersectionObserver(e=>{e.forEach(e=>{let r=l.get(e.target);if(!!r!==e.isIntersecting)if(e.isIntersecting){let r=t(e.target,e);"function"==typeof r?l.set(e.target,r):u.unobserve(e.target)}else"function"==typeof r&&(r(e),l.delete(e.target))})},{root:r,rootMargin:n,threshold:"number"==typeof a?a:i[a]});return o.forEach(e=>u.observe(e)),()=>u.disconnect()}(e.current,()=>(d(!0),l?void 0:()=>d(!1)),n)},[t,e,r,l,o]),c}},96329(e,t,r){r.d(t,{E:()=>s});var n=r(71763);let s="u">typeof window?n.useLayoutEffect:n.useEffect},2077(e,t,r){var n=r(53921),s=r(96329),i=r(13969);function a(e,t){let r=(0,i.d)(t()),a=()=>r.set(t());return a(),(0,s.E)(()=>{let t=()=>n.Gt.preRender(a,!1,!0),r=e.map(e=>e.on("change",t));return()=>{r.forEach(e=>e()),(0,n.WG)(a)}}),r}r.d(t,{j:()=>a})},13969(e,t,r){var n=r(46960),s=r(71763),i=r(23052),a=r(88911);function o(e){let t=(0,a.M)(()=>(0,n.OQ)(e)),{isStatic:r}=(0,s.useContext)(i.Q);if(r){let[,r]=(0,s.useState)(e);(0,s.useEffect)(()=>t.on("change",r),[])}return t}r.d(t,{d:()=>o})},84122(e,t,r){let n,s;r.d(t,{L:()=>er});var i=r(46960),a=r(69525),o=r(19540),l=r(14419),u=r(71763),c=r(3158),d=r(53921);function f(e,t){let r,n=()=>{let{currentTime:n}=t,s=(null===n?0:n.value)/100;r!==s&&e(s),r=s};return d.Gt.preUpdate(n,!0),()=>(0,d.WG)(n)}function h(e){return!("u"<typeof window)&&(e?(0,o.d)():(0,o.J)())}var p=r(6986),g=r(92922);let m=new WeakMap,v=(e,t,r)=>(n,s)=>s&&s[0]?s[0][e+"Size"]:(0,p.G)(n)&&"ownerSVGElement"in n&&"getBBox"in n?n.getBBox()[t]:n[r],y=v("inl

1ine","width","offsetWidth"),b=v("block","height","offsetHeight");function w({target:e,borderBoxSize:t}){m.get(e)?.forEach(r=>{r(e,{get width(){return y(e,t)},get height(){return b(e,t)}})})}function x(e){e.forEach(w)}let E=new Set;var A=r(41487),M=r(44558);let W=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),k={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function V(e,t,r,n){let s=r[t],{length:i,position:a}=k[t],o=s.current,l=r.time;s.current=Math.abs(e[`scroll${a}`]),s.scrollLength=e[`scroll${i}`]-e[`client${i}`],s.offset.length=0,s.offset[0]=0,s.offset[1]=s.scrollLength,s.progress=(0,A.q)(0,s.scrollLength,s.current);let u=n-l;s.velocity=u>50?0:(0,M.f)(s.current-o,u)}var j=r(87205),S=r(13326),N=r(67059),O=r(5129);let _={start:0,center:.5,end:1};function L(e,t,r=0){let n=0;if(e in _&&(e=_[e]),"string"==typeof e){let t=parseFloat(e);e.endsWith("px")?n=t:e.endsWith("%")?e=t/100:e.endsWith("vw")?n=t/100*document.documentElement.clientWidth:e.endsWith("vh")?n=t/100*document.documentElement.clientHeight:e=t}return"number"==typeof e&&(n=t*e),r+n}let P=[0,0],C=[[0,0],[1,1]],R={x:0,y:0},T=new WeakMap,B=new WeakMap,G=new WeakMap,F=new WeakMap,$=new WeakMap,q=e=>e===document.scrollingElement?window:e;function I(e,{container:t=document.scrollingElement,trackContentSize:r=!1,...i}={}){if(!t)return c.l;let a=G.get(t);a||(a=new Set,G.set(t,a));let o=function(e,t,r,n={}){return{measure:t=>{!function(e,t=e,r){if(r.x.targetOffset=0,r.y.targetOffset=0,t!==e){let n=t;for(;n&&n!==e;)r.x.targetOffset+=n.offsetLeft,r.y.targetOffset+=n.offsetTop,n=n.offsetParent}r.x.targetLength=t===e?t.scrollWidth:t.clientWidth,r.y.targetLength=t===e?t.scrollHeight:t.clientHeight,r.x.containerLength=e.clientWidth,r.y.containerLength=e.clientHeight}(e,n.target,r),V(e,"x",r,t),V(e,"y",r,t),r.time=t,(n.offset||n.target)&&function(e,t,r){let{offset:n=C}=r,{target:s=e,axis:i="y"}=r,a="y"===i?"height":"width",o=s!==e?function(e,t){let r={x:0,y:0},n=e;for(;n&&n!==t;)if((0,O.s)(n))r.x+=n.offsetLeft,r.y+=n.offsetTop,n=n.offsetParent;else if("svg"===n.tagName){let e=n.getBoundingClientRect(),t=(n=n.parentElement).getBoundingClientRect();r.x+=e.left-t.left,r.y+=e.top-t.top}else if(n instanceof SVGGraphicsElement){let{x:e,y:t}=n.getBBox();r.x+=e,r.y+=t;let s=null,i=n.parentNode;for(;!s;)"svg"===i.tagName&&(s=i),i=n.parentNode;n=s}else break;return r}(s,e):R,l=s===e?{width:e.scrollWidth,height:e.scrollHeight}:"getBBox"in s&&"svg"!==s.tagName?s.getBBox():{width:s.clientWidth,height:s.clientHeight},u={width:e.clientWidth,height:e.clientHeight};t[i].offset.length=0;let c=!t[i].interpolate,d=n.length;for(let e=0;e<d;e++){let r=function(e,t,r,n){let s=Array.isArray(e)?e:P,i=0;return"number"==typeof e?s=[e,e]:"string"==typeof e&&(s=(e=e.trim()).includes(" ")?e.split(" "):[e,_[e]?e:"0"]),(i=L(s[0],r,n))-L(s[1],t)}(n[e],u[a],l[a],o[i]);c||r===t[i].interpolatorOffsets[e]||(c=!0),t[i].offset[e]=r}c&&(t[i].interpolate=(0,j.G)(t[i].offset,(0,S.Z)(n),{clamp:!1}),t[i].interpolatorOffsets=[...t[i].offset]),t[i].progress=(0,N.q)(0,1,t[i].interpolate(t[i].current))}(e,r,n)},notify:()=>t(r)}}(t,e,{time:0,x:W(),y:W()},i);if(a.add(o),!T.has(t)){let e,r=()=>{for(let e of a)e.measure(d.uv.timestamp);d.Gt.preUpdate(i)},i=()=>{for(let e of a)e.notify()},o=()=>d.Gt.read(r);T.set(t,o);let l=q(t);window.addEventListener("resize",o),t!==document.documentElement&&B.set(t,"function"==typeof t?(E.add(t),s||(s=()=>{let e={get width(){return window.innerWidth},get height(){return window.innerHeight}};E.forEach(t=>t(e))},window.addEventListener("resize",s)),()=>{E.delete(t),E.size||"function"!=typeof s||(window.removeEventListener("resize",s),s=void 0)}):(!n&&"u">typeof ResizeObserver&&(n=new ResizeObserver(x)),(e=(0,g.K)(t)).forEach(e=>{let t=m.get(e);t||(t=new Set,m.set(e,t)),t.add(o),n?.observe(e)}),()=>{e.forEach(e=>{let t=m.get(e);t?.delete(o),t?.size||n?.unobserve(e)})})),l.addEventListener("scroll",o),o()}if(r&&!$.has(t)){let e=T.get(t),r={width:t.scrollWidth,height:t.scrollHeight};F.set(t,r);let n=d.Gt.read(()=>{let n=t.scrollWidth,s=t.scrollHeight;

1(r.width!==n||r.height!==s)&&(e(),r.width=n,r.height=s)},!0);$.set(t,n)}let l=T.get(t);return d.Gt.read(l,!1,!0),()=>{(0,d.WG)(l);let e=G.get(t);if(!e||(e.delete(o),e.size))return;let r=T.get(t);T.delete(t),r&&(q(t).removeEventListener("scroll",r),B.get(t)?.(),window.removeEventListener("resize",r));let n=$.get(t);n&&((0,d.WG)(n),$.delete(t)),F.delete(t)}}let z=[[[[0,1],[1,1]],"entry"],[[[0,0],[1,0]],"exit"],[[[1,0],[0,1]],"cover"],[C,"contain"]],H={start:0,end:1};function D(e){if(!e)return{rangeStart:"contain 0%",rangeEnd:"contain 100%"};for(let[t,r]of z)if(function(e,t){let r=function(e){if(2!==e.length)return;let t=[];for(let r of e)if(Array.isArray(r))t.push(r);else{if("string"!=typeof r)return;let e=function(e){let t=e.trim().split(/\s+/);if(2!==t.length)return;let r=H[t[0]],n=H[t[1]];if(void 0!==r&&void 0!==n)return[r,n]}(r);if(!e)return;t.push(e)}return t}(e);if(!r)return!1;for(let e=0;e<2;e++){let n=r[e],s=t[e];if(n[0]!==s[0]||n[1]!==s[1])return!1}return!0}(e,t))return{rangeStart:`${r} 0%`,rangeEnd:`${r} 100%`}}let Q=new Map;function Y(e){let t={value:0},r=I(r=>{t.value=100*r[e.axis].progress},e);return{currentTime:t,cancel:r}}function U({source:e,container:t,...r}){let{axis:n}=r;e&&(t=e);let s=Q.get(t);s||(s=new Map,Q.set(t,s));let i=r.target??"self",a=s.get(i);a||(a={},s.set(i,a));let o=n+(r.offset??[]).join(",");return a[o]||(r.target&&h(r.target)?D(r.offset)?a[o]=new ViewTimeline({subject:r.target,axis:n}):a[o]=Y({container:t,...r}):h()?a[o]=new ScrollTimeline({source:t,axis:n}):a[o]=Y({container:t,...r})),a[o]}function X(e,{axis:t="y",container:r=document.scrollingElement,...n}={}){let s,i,a;if(!r)return c.l;let o={axis:t,container:r,...n};return"function"==typeof e?function(e,t){return 2===e.length||t&&(t.target||t.offset)?I(r=>{e(r[t.axis].progress,r)},t):f(e,U(t))}(e,o):(s=U(o),i=o.target?D(o.offset):void 0,a=o.target?h(o.target)&&!!i:h(),e.attachTimeline({timeline:a?s:void 0,...i&&a&&{rangeStart:i.rangeStart,rangeEnd:i.rangeEnd},observe:e=>(e.pause(),f(t=>{e.time=e.iterationDuration*t},s))}))}var J=r(88911),K=r(96329);let Z=()=>({scrollX:(0,i.OQ)(0),scrollY:(0,i.OQ)(0),scrollXProgress:(0,i.OQ)(0),scrollYProgress:(0,i.OQ)(0)}),ee=e=>!!e&&!e.current;function et(e,t,r,n){return{factory:s=>{let i,o=()=>{ee(r)||ee(n)?a.k.read(o):i=X(s,{...t,axis:e,container:r?.current||void 0,target:n?.current||void 0})};return a.k.read(o),()=>{(0,a.c)(o),i?.()}},times:[0,1],keyframes:[0,1],ease:e=>e,duration:1}}function er({container:e,target:t,...r}={}){var n;let s=(0,J.M)(Z);n=r.offset,!("u"<typeof window)&&(t?(0,o.d)()&&!!D(n):(0,o.J)())&&(s.scrollXProgress.accelerate=et("x",r,e,t),s.scrollYProgress.accelerate=et("y",r,e,t));let i=(0,u.useRef)(null),c=(0,u.useRef)(!1),d=(0,u.useCallback)(()=>(i.current=X((e,{x:t,y:r})=>{s.scrollX.set(t.current),s.scrollXProgress.set(t.progress),s.scrollY.set(r.current),s.scrollYProgress.set(r.progress)},{...r,container:e?.current||void 0,target:t?.current||void 0}),()=>{i.current?.()}),[e,t,JSON.stringify(r.offset)]);return(0,K.E)(()=>{if(c.current=!1,!(ee(e)||ee(t)))return d();c.current=!0},[d]),(0,u.useEffect)(()=>{let r;if(!c.current)return;let n=()=>{let n=ee(e),s=ee(t);(0,l.V)(!n,"Container ref is defined but not hydrated","use-scroll-ref"),(0,l.V)(!s,"Target ref is defined but not hydrated","use-scroll-ref"),n||s||(r=d())};return a.k.read(n),()=>{(0,a.c)(n),r?.()}},[d]),s}},97534(e,t,r){r.d(t,{G:()=>function e(t,r,l,u){if("function"==typeof t){let e;return a.bt.current=[],t(),e=(0,i.j)(a.bt.current,t),a.bt.current=void 0,e}if(void 0!==l&&!Array.isArray(l)&&"function"!=typeof r){var c=t,d=r,f=l,h=u;let n=(0,s.M)(()=>Object.keys(f)),i=(0,s.M)(()=>({}));for(let t of n)i[t]=e(c,d,f[t],h);return i}let p="function"==typeof r?r:function(...e){let t=!Array.isArray(e[0]),r=t?0:-1,s=e[0+r],i=e[1+r],a=e[2+r],o=e[3+r],l=(0,n.G)(i,a,o);return t?l(s):l}(r,l,u),g=Array.isArray(t)?o(t,p):o([t],([e])=>p(e)),m=Array.isArray(t)?void 0:t.accelerate;return m&&!m.isTransformed&&"function"!=typeof r&&Array.isArray(l)&&u?.clamp!==!1&&(g.accelerate={...m,times:r,keyframes:l,isTransformed:!0,...u?.ease?{ease:u.ease}:{}}),g}});var n=r(87205),s=r(88911),i=r(2077),a=r(46960);function o(e,t){let r=(0,s.M)(()=>[]);return(0,i.j)(e,()=>{r.length=0;let n=e.length;for(let t=0;t<n;t++)r[t]=e[t].get();return t(r)})}},13326(e,t,r){r.d(t,{Z:()=>i});var n=r(41487),s=r(86826);function i(e){let t=[0];return!function(e,t){let r=e[e.length-1];for(let i=1;i<=t;i++){let a=(0,n.q)(0,t,i);e.push((0,s.k)(r,1,a))}}(t,e.length-1),t}},14160(e,t,r){let n=e=>t=>"string"==typeof t&&t.startsWith(e),s=n("--"),i=n("var(--"),a=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function o(e){return"string"==typeof e&&e.split("/*")[0].includes("var(--")}r.d(t,{rm:()=>o},{j4:s,pG:e=>!!i(e)&&a.test(e.split("/*")[0].trim())})},50984(e,t,r){r.d(t,{I:()=>i});var n=r(78958);let s=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function i(e,t){let r=!1,i=!0,a={delta:0,timestamp:0,isProcessing:!1},o=()=>r=!0,l=s.reduce((e,t)=>

1(e[t]=function(e){let t=new Set,r=new Set,n=!1,s=!1,i=new WeakSet,a={delta:0,timestamp:0,isProcessing:!1};function o(t){i.has(t)&&(l.schedule(t),e()),t(a)}let l={schedule:(e,s=!1,a=!1)=>{let o=a&&n?t:r;return s&&i.add(e),o.add(e),e},cancel:e=>{r.delete(e),i.delete(e)},process:e=>{if(a=e,n){s=!0;return}n=!0;let i=t;t=r,r=i,t.forEach(o),t.clear(),n=!1,s&&(s=!1,l.process(e))}};return l}(o),e),{}),{setup:u,read:c,resolveKeyframes:d,preUpdate:f,update:h,preRender:p,render:g,postRender:m}=l,v=()=>{let s=n.W.useManualTiming,o=s?a.timestamp:performance.now();r=!1,s||(a.delta=i?1e3/60:Math.max(Math.min(o-a.timestamp,40),1)),a.timestamp=o,a.isProcessing=!0,u.process(a),c.process(a),d.process(a),f.process(a),h.process(a),p.process(a),g.process(a),m.process(a),a.isProcessing=!1,r&&t&&(i=!1,e(v))};return{schedule:s.reduce((t,n)=>{let s=l[n];return t[n]=(t,n=!1,o=!1)=>(!r&&(r=!0,i=!0,a.isProcessing||e(v)),s.schedule(t,n,o)),t},{}),cancel:e=>{for(let t=0;t<s.length;t++)l[s[t]].cancel(e)},state:a,steps:l}}},53921(e,t,r){var n=r(3158);let{schedule:s,cancel:i,state:a}=(0,r(50984).I)("u">typeof requestAnimationFrame?requestAnimationFrame:n.l,!0);r.d(t,{},{Gt:s,WG:i,uv:a})},69525(e,t,r){let{schedule:n,cancel:s}=(0,r(50984).I)(queueMicrotask,!1);r.d(t,{},{c:s,k:n})},3871(e,t,r){let n;var s=r(78958),i=r(53921);function a(){n=void 0}let o={now:()=>(void 0===n&&o.set(i.uv.isProcessing||s.W.useManualTiming?i.uv.timestamp:performance.now()),n),set:e=>{n=e,queueMicrotask(a)}};r.d(t,{},{k:o})},87205(e,t,r){var n=r(78958),s=r(3158),i=r(53258),a=r(14419),o=r(41487),l=r(67059),u=r(67462);function c(e,t,{clamp:r=!0,ease:d,mixer:f}={}){let h=e.length;if((0,a.V)(h===t.length,"Both input and output ranges must be the same length","range-length"),1===h)return()=>t[0];if(2===h&&t[0]===t[1])return()=>t[1];let p=e[0]===e[1];e[0]>e[h-1]&&(e=[...e].reverse(),t=[...t].reverse());let g=function(e,t,r){let a=[],o=r||n.W.mix||u.j,l=e.length-1;for(let r=0;r<l;r++){let n=o(e[r],e[r+1]);if(t){let e=Array.isArray(t)?t[r]||s.l:t;n=(0,i.F)(e,n)}a.push(n)}return a}(t,d,f),m=g.length,v=r=>{if(p&&r<e[0])return t[0];let n=0;if(m>1)for(;n<e.length-2&&!(r<e[n+1]);n++);let s=(0,o.q)(e[n],e[n+1],r);return g[n](s)};return r?t=>v((0,l.q)(e[0],e[h-1],t)):v}r.d(t,{G:()=>c})},5129(e,t,r){var n=r(6986);function s(e){return(0,n.G)(e)&&"offsetHeight"in e&&!("ownerSVGElement"in e)}r.d(t,{s:()=>s})},67462(e,t,r){r.d(t,{j:()=>M});var n=r(53258),s=r(14419),i=r(14160),a=r(3218),o=r(40706),l=r(96985),u=r(2512);function c(e,t,r){return(r<0&&(r+=1),r>1&&(r-=1),r<1/6)?e+(t-e)*6*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}var d=r(60892);function f(e,t){return r=>r>0?t:e}var h=r(86826);let p=(e,t,r)=>{let n=e*e,s=r*(t*t-n)+n;return s<0?0:Math.sqrt(s)},g=[l.u,d.B,u.V];function m(e){let t=g.find(t=>t.test(e));if((0,s.$)(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!t)return!1;let r=t.parse(e);return t===u.V&&(r=function({hue:e,saturation:t,lightness:r,alpha:n}){e/=360,r/=100;let s=0,i=0,a=0;if(t/=100){let n=r<.5?r*(1+t):r+t-r*t,o=2*r-n;s=c(o,n,e+1/3),i=c(o,n,e),a=c(o,n,e-1/3)}else s=i=a=r;return{red:Math.round(255*s),green:Math.round(255*i),blue:Math.round(255*a),alpha:n}}(r)),r}let v=(e,t)=>{let r=m(e),n=m(t);if(!r||!n)return f(e,t);let s={...r};return e=>(s.red=p(r.red,n.red,e),s.green=p(r.green,n.green,e),s.blue=p(r.blue,n.blue,e),s.alpha=(0,h.k)(r.alpha,n.alpha,e),d.B.transform(s))},y=new Set(["none","hidden"]);function b(e,t){return r=>(0,h.k)(e,t,r)}function w(e){return"number"==typeof e?b:"string"==typeof e?(0,i.pG)(e)?f:a.y.test(e)?v:A:Array.isArray(e)?x:"object"==typeof e?a.y.test(e)?v:E:f}function x(e,t){let r=[...e],n=r.length,s=e.map((e,r)=>w(e)(e,t[r]));return e=>{for(let t=0;t<n;t++)r[t]=s[t](e);return r}}function E(e,t){let r={...e,...t},n={};for(let s in r)void 0!==e[s]&&void 0!==t[s]&&(n[s]=w(e[s])(e[s],t[s]));return e=>{for(let t in n)r[t]=n[t](e);return r}}let A=(e,t)=>{let r=o.f.createTransformer(t),i=(0,o.V)(e),a=(0,o.V)(t);if(!(i.indexes.var.length===a.indexes.var.length&&i.indexes.color.length===a.indexes.color.length&&i.indexes.number.length>=a.indexes.number.length))return(0,s.$)(!0,`Complex values '${e}' and '${t}

1' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,"complex-values-different"),f(e,t);if(y.has(e)&&!a.values.length||y.has(t)&&!i.values.length)return y.has(e)?r=>r<=0?e:t:r=>r>=1?t:e;return(0,n.F)(x(function(e,t){let r=[],n={color:0,var:0,number:0};for(let s=0;s<t.values.length;s++){let i=t.types[s],a=e.indexes[i][n[i]],o=e.values[a]??0;r[s]=o,n[i]++}return r}(i,a),a.values),r)};function M(e,t,r){return"number"==typeof e&&"number"==typeof t&&"number"==typeof r?(0,h.k)(e,t,r):w(e)(e,t)}},86826(e,t,r){r.d(t,{},{k:(e,t,r)=>e+(t-e)*r})},92922(e,t,r){function n(e,t,r){if(null==e)return[];if(e instanceof EventTarget)return[e];if("string"==typeof e){let n=document;t&&(n=t.current);let s=r?.[e]??n.querySelectorAll(e);return s?Array.from(s):[]}return Array.from(e).filter(e=>null!=e)}r.d(t,{K:()=>n})},21184(e,t,r){r.d(t,{J:()=>i});var n=r(7616);let s={};function i(e,t){let r=(0,n.p)(e);return()=>s[t]??r()}},19540(e,t,r){var n=r(21184);let s=(0,n.J)(()=>void 0!==window.ScrollTimeline,"scrollTimeline"),i=(0,n.J)(()=>void 0!==window.ViewTimeline,"viewTimeline");r.d(t,{},{J:s,d:i})},46960(e,t,r){var n=r(60191),s=r(44558),i=r(3871),a=r(53921);let o={current:void 0};class l{constructor(e,t={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=e=>{let t=i.k.now();if(this.updatedAt!==t&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(e),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(let e of this.dependents)e.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=t.owner}setCurrent(e){this.current=e,this.updatedAt=i.k.now(),null===this.canTrackVelocity&&void 0!==e&&(this.canTrackVelocity=!isNaN(parseFloat(this.current)))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,t){this.events[e]||(this.events[e]=new n.v);let r=this.events[e].add(t);return"change"===e?()=>{r(),a.Gt.read(()=>{this.events.change.getSize()||this.stop()})}:r}clearListeners(){for(let e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,t,r){this.set(t),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-r}jump(e,t=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,t&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return o.current&&o.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){let e=i.k.now();if(!this.canTrackVelocity||void 0===this.prevFrameValue||e-this.updatedAt>30)return 0;let t=Math.min(this.updatedAt-this.prevUpdatedAt,30);return(0,s.f)(parseFloat(this.current)-parseFloat(this.prevFrameValue),t)}start(e){return this.stop(),new Promise(t=>{this.hasAnimated=!0,this.animation=e(t),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function u(e,t){return new l(e,t)}r.d(t,{OQ:()=>u},{bt:o})},96985(e,t,r){var n=r(60892);let s={test:(0,r(87356).$)("#"),parse:function(e){let t="",r="",n="",s="";return e.length>5?(t=e.substring(1,3),r=e.substring(3,5),n=e.substring(5,7),s=e.substring(7,9)):(t=e.substring(1,2),r=e.substring(2,3),n=e.substring(3,4),s=e.substring(4,5),t+=t,r+=r,n+=n,s+=s),{red:parseInt(t,16),green:parseInt(r,16),blue:parseInt(n,16),alph

1a:s?parseInt(s,16)/255:1}},transform:n.B.transform};r.d(t,{},{u:s})},2512(e,t,r){var n=r(39021),s=r(36788),i=r(99525),a=r(87356);let o={test:(0,a.$)("hsl","hue"),parse:(0,a.q)("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:r,alpha:a=1})=>"hsla("+Math.round(e)+", "+s.KN.transform((0,i.a)(t))+", "+s.KN.transform((0,i.a)(r))+", "+(0,i.a)(n.X4.transform(a))+")"};r.d(t,{},{V:o})},3218(e,t,r){var n=r(96985),s=r(2512),i=r(60892);let a={test:e=>i.B.test(e)||n.u.test(e)||s.V.test(e),parse:e=>i.B.test(e)?i.B.parse(e):s.V.test(e)?s.V.parse(e):n.u.parse(e),transform:e=>"string"==typeof e?e:e.hasOwnProperty("red")?i.B.transform(e):s.V.transform(e),getAnimatableNone:e=>{let t=a.parse(e);return t.alpha=0,a.transform(t)}};r.d(t,{},{y:a})},60892(e,t,r){var n=r(67059),s=r(39021),i=r(99525),a=r(87356);let o={...s.ai,transform:e=>Math.round((0,n.q)(0,255,e))},l={test:(0,a.$)("rgb","red"),parse:(0,a.q)("red","green","blue"),transform:({red:e,green:t,blue:r,alpha:n=1})=>"rgba("+o.transform(e)+", "+o.transform(t)+", "+o.transform(r)+", "+(0,i.a)(s.X4.transform(n))+")"};r.d(t,{},{B:l})},87356(e,t,r){r.d(t,{$:()=>i,q:()=>a});var n=r(86280);let s=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,i=(e,t)=>r=>!!("string"==typeof r&&s.test(r)&&r.startsWith(e)||t&&null!=r&&Object.prototype.hasOwnProperty.call(r,t)),a=(e,t,r)=>s=>{if("string"!=typeof s)return s;let[i,a,o,l]=s.match(n.S);return{[e]:parseFloat(i),[t]:parseFloat(a),[r]:parseFloat(o),alpha:void 0!==l?parseFloat(l):1}}},40706(e,t,r){r.d(t,{V:()=>c,f:()=>f});var n=r(3218);let s=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;var i=r(86280),a=r(99525);let o="number",l="color",u=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function c(e){let t=e.toString(),r=[],s={color:[],number:[],var:[]},i=[],a=0,c=t.replace(u,e=>(n.y.test(e)?(s.color.push(a),i.push(l),r.push(n.y.parse(e))):e.startsWith("var(")?(s.var.push(a),i.push("var"),r.push(e)):(s.number.push(a),i.push(o),r.push(parseFloat(e))),++a,"${}")).split("${}");return{values:r,split:c,indexes:s,types:i}}function d({split:e,types:t}){let r=e.length;return s=>{let i="";for(let u=0;u<r;u++)if(i+=e[u],void 0!==s[u]){let e=t[u];e===o?i+=(0,a.a)(s[u]):e===l?i+=n.y.transform(s[u]):i+=s[u]}return i}}let f={test:function(e){return isNaN(e)&&"string"==typeof e&&(e.match(i.S)?.length||0)+(e.match(s)?.length||0)>0},parse:function(e){return c(e).values},createTransformer:function(e){return d(c(e))},getAnimatableNone:function(e){let t=c(e);return d(t)(t.values.map((e,r)=>((e,t)=>"number"==typeof e?t?.trim().endsWith("/")?e:0:"number"==typeof e?0:n.y.test(e)?n.y.getAnimatableNone(e):e)(e,t.split[r])))}}},39021(e,t,r){var n=r(67059);let s={test:e=>"number"==typeof e,parse:parseFloat,transform:e=>e},i={...s,transform:e=>(0,n.q)(0,1,e)},a={...s,default:1};r.d(t,{},{X4:i,ai:s,hs:a})},36788(e,t,r){let n=e=>({test:t=>"string"==typeof t&&t.endsWith(e)&&1===t.split(" ").length,parse:parseFloat,transform:t=>`${t}${e}`}),s=n("deg"),i=n("%"),a=n("px"),o=n("vh"),l=n("vw"),u={...i,parse:e=>i.parse(e)/100,transform:e=>i.transform(100*e)};r.d(t,{},{KN:i,gQ:u,px:a,uj:s,vh:o,vw:l})},86280(e,t,r){r.d(t,{},{S:/-?(?:\d+(?:\.\d+)?|\.\d+)/gu})},99525(e,t,r){r.d(t,{},{a:e=>Math.round(1e5*e)/1e5})},67059(e,t,r){r.d(t,{},{q:(e,t,r)=>r>t?t:r<e?e:r})},14419(e,t,r){let n=()=>{},s=()=>{};r.d(t,{$:()=>n,V:()=>s})},78958(e,t,r){r.d(t,{},{W:{}})},6986(e,t,r){r.d(t,{},{G:e=>"object"==typeof e&&null!==e})},7616(e,t,r){function n(e){let t;return()=>(void 0===t&&(t=e()),t)}r.d(t,{p:()=>n})},3158(e,t,r){r.d(t,{},{l:e=>e})},53258(e,t,r){r.d(t,{},{F:(...e)=>e.reduce((e,t)=>r=>t(e(r)))})},41487(e,t,r){r.d(t,{},{q:(e,t,r)=>{let n=t-e;return n?(r-e)/n:1}})},60191(e,t,r){r.d(t,{v:()=>n});class n{constructor(){this.subscriptions=[]}add(e){var t;return t=this.subscriptions,-1===t.indexOf(e)&&t.push(e),()=>{var t;let r;return t=this.subscriptions,void((r=t.indexOf(e))>-1&&t.splice(r,1))}}notify(e,t,r){let n=this.subscriptions.length;if(n)if(1===n)this.subscriptions[0](e,t,r);else for(let s=0;s<n;s++){let n=this.subscriptions[s];n&&n(e,t,r)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}},44558(e,t,r){r.d(t,{},{f:(e,t)=>t?1e3/t*e:0})},24948(e,t,r){var n,s,i=r(71763),a=Object.defineProperty,o=new Map,l=new WeakMap,u=0;function c({threshold:e,delay:t,trackVisibility:r,rootMargin:s,scrollMargin:a,root:d,triggerOnce:f,skip:h,initialInView:p,fallbackInView:g,onChange:m}={}){var v;let[y,b]=i.useState(null),w=i.useRef(m),x=i.useRef(p),[E,A]=i.useState({inView:!!p,entry:void 0});w.current=m,i.useEffect(()=>{let i;if(void 0===x.current&&(x.current=p),!h&&y)return i=function(e,t,r={},s=n){if(void 0===window.IntersectionObserver&&void 0!==s){let n=e.getBoundingClientRect();return t(s,{isIntersecting:s,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}

1),()=>{}}let{id:i,observer:a,elements:c}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var r;return`${t}_${"root"===t?!(r=e.root)?"0":(l.has(r)||(u+=1,l.set(r,u.toString())),l.get(r)):e[t]}`}).toString(),r=o.get(t);if(!r){let n,s=new Map,i=new IntersectionObserver(t=>{t.forEach(t=>{var r;let i=t.isIntersecting&&n.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=i),[...null!=(r=s.get(t.target))?r:[]].forEach(e=>{e(i,t)})})},e);n=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:i,elements:s},o.set(t,r)}return r}(r),d=c.get(e)||[];return c.has(e)||c.set(e,d),d.push(t),a.observe(e),function(){d.splice(d.indexOf(t),1),0===d.length&&(c.delete(e),a.unobserve(e)),0===c.size&&(a.disconnect(),o.delete(i))}}(y,(e,t)=>{let r=x.current;x.current=e,(void 0!==r||e)&&(A({inView:e,entry:t}),w.current&&w.current(e,t),t.isIntersecting&&f&&i&&(i(),i=void 0))},{root:d,rootMargin:s,scrollMargin:a,threshold:e,trackVisibility:r,delay:t},g),()=>{i&&i()}},[Array.isArray(e)?e.toString():e,y,d,s,a,f,h,r,g,t]);let M=null==(v=E.entry)?void 0:v.target,W=i.useRef(void 0);y||!M||f||h||W.current===M||(W.current=M,A({inView:!!p,entry:void 0}),x.current=p);let k=[b,E.inView,E.entry];return k.ref=k[0],k.inView=k[1],k.entry=k[2],k}i.Component,null!=(null!=(s=i.useInsertionEffect)?s:i.useLayoutEffect)||i.useEffect,r.d(t,{Wx:()=>c})}}]);