(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,56305,t=>{"use strict";let e,i,s;var n,r=t.i(43476),o=t.i(71645),a=t.i(70703);let l=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],h=new Set([...l,"pathRotation"]),u=(t,e,i)=>i>e?e:i"number"==typeof t,parse:parseFloat,transform:t=>t},c={...d,transform:t=>u(0,1,t)},p={...d,default:1},m=t=>Math.round(1e5*t)/1e5,f=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu,g=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,y=(t,e)=>i=>!!("string"==typeof i&&g.test(i)&&i.startsWith(t)||e&&null!=i&&Object.prototype.hasOwnProperty.call(i,e)),v=(t,e,i)=>s=>{if("string"!=typeof s)return s;let[n,r,o,a]=s.match(f);return{[t]:parseFloat(n),[e]:parseFloat(r),[i]:parseFloat(o),alpha:void 0!==a?parseFloat(a):1}},x={...d,transform:t=>Math.round(u(0,255,t))},b={test:y("rgb","red"),parse:v("red","green","blue"),transform:({red:t,green:e,blue:i,alpha:s=1})=>"rgba("+x.transform(t)+", "+x.transform(e)+", "+x.transform(i)+", "+m(c.transform(s))+")"},w={test:y("#"),parse:function(t){let e="",i="",s="",n="";return t.length>5?(e=t.substring(1,3),i=t.substring(3,5),s=t.substring(5,7),n=t.substring(7,9)):(e=t.substring(1,2),i=t.substring(2,3),s=t.substring(3,4),n=t.substring(4,5),e+=e,i+=i,s+=s,n+=n),{red:parseInt(e,16),green:parseInt(i,16),blue:parseInt(s,16),alpha:n?parseInt(n,16)/255:1}},transform:b.transform},T=t=>({test:e=>"string"==typeof e&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),S=T("deg"),P=T("%"),k=T("px"),A=T("vh"),E=T("vw"),M={...P,parse:t=>P.parse(t)/100,transform:t=>P.transform(100*t)},V={test:y("hsl","hue"),parse:v("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:i,alpha:s=1})=>"hsla("+Math.round(t)+", "+P.transform(m(e))+", "+P.transform(m(i))+", "+m(c.transform(s))+")"},C={test:t=>b.test(t)||w.test(t)||V.test(t),parse:t=>b.test(t)?b.parse(t):V.test(t)?V.parse(t):w.parse(t),transform:t=>"string"==typeof t?t:t.hasOwnProperty("red")?b.transform(t):V.transform(t),getAnimatableNone:t=>{let e=C.parse(t);return e.alpha=0,C.transform(e)}},j=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu,R="number",D="color",L=/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 _(t){let e=t.toString(),i=[],s={color:[],number:[],var:[]},n=[],r=0,o=e.replace(L,t=>(C.test(t)?(s.color.push(r),n.push(D),i.push(C.parse(t))):t.startsWith("var(")?(s.var.push(r),n.push("var"),i.push(t)):(s.number.push(r),n.push(R),i.push(parseFloat(t))),++r,"${}")).split("${}");return{values:i,split:o,indexes:s,types:n}}function B({split:t,types:e}){let i=t.length;return s=>{let n="";for(let r=0;r0},parse:function(t){return _(t).values},createTransformer:function(t){return B(_(t))},getAnimatableNone:function(t){let e=_(t);return B(e)(e.values.map((t,i)=>((t,e)=>"number"==typeof t?e?.trim().endsWith("/")?t:0:"number"==typeof t?0:C.test(t)?C.getAnimatableNone(t):t)(t,e.split[i])))}},I=new Set(["brightness","contrast","saturate","opacity"]);function N(t){let[e,i]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;let[s]=i.match(f)||[];if(!s)return t;let n=i.replace(s,""),r=+!!I.has(e);return s!==i&&(r*=100),e+"("+r+n+")"}let O=/\b([a-z-]*)\(.*?\)/gu,z={...F,getAnimatableNone:t=>{let e=t.match(O);return e?e.map(N).join(" "):t}},U={...F,getAnimatableNone:t=>{let e=F.parse(t);return F.createTransformer(t)(e.map(t=>"number"==typeof t?0:"object"==typeof t?{...t,alpha:1}:t))}},W={...d,transform:Math.round},$={borderWidth:k,borderTopWidth:k,borderRightWidth:k,borderBottomWidth:k,borderLeftWidth:k,borderRadius:k,borderTopLeftRadius:k,borderTopRightRadius:k,borderBottomRightRadius:k,borderBottomLeftRadius:k,width:k,maxWidth:k,height:k,maxHeight:k,top:k,right:k,bottom:k,left:k,inset:k,insetBlock:k,insetBlockStart:k,insetBlockEnd:k,insetInline:k,insetInlineStart:k,insetInlineEnd:k,padding:k,paddingTop:k,paddingRight:k,paddingBottom:k,paddingLeft:k,paddingBlock:k,paddingBlockStart:k,paddingBlockEnd:k,paddingInline:k,paddingInlineStart:k,paddingInlineEnd:k,margin:k,marginTop:k,marginRight:k,marginBottom:k,marginLeft:k,marginBlock:k,marginBlockStart:k,marginBlockEnd:k,marginInline:k,marginInlineStart:k,marginInlineEnd:k,fontSize:k,backgroundPositionX:k,backgroundPositionY:k,rotate:S,pathRotation:S,rotateX:S,rotateY:S,rotateZ:S,scale:p,scaleX:p,scaleY:p,scaleZ:p,skew:S,skewX:S,skewY:S,distance:k,translateX:k,translateY:k,translateZ:k,x:k,y:k,z:k,perspective:k,transformPerspective:k,opacity:c,originX:M,originY:M,originZ:k,zIndex:W,fillOpacity:c,strokeOpacity:c,numOctaves:W},H={...$,color:C,backgroundColor:C,outlineColor:C,fill:C,stroke:C,borderColor:C,borderTopColor:C,borderRightColor:C,borderBottomColor:C,borderLeftColor:C,filter:z,WebkitFilter:z,mask:U,WebkitMask:U},Y=t=>H[t],X=()=>({translate:0,scale:1,origin:0,originPoint:0}),K=()=>({x:X(),y:X()}),G=()=>({min:0,max:0}),q=()=>({x:G(),y:G()}),Z=t=>!!(t&&t.getVelocity),J=new Set(["width","height","top","left","right","bottom",...l]),Q=t=>e=>e.test(t),tt=[d,k,P,S,E,A,{test:t=>"auto"===t,parse:t=>t}],te=t=>tt.find(Q(t));var ti=t.i(47167);let ts=()=>{},tn=()=>{};ti.default;let tr=t=>e=>"string"==typeof e&&e.startsWith(t),to=tr("--"),ta=tr("var(--"),tl=t=>!!ta(t)&&th.test(t.split("/*")[0].trim()),th=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function tu(t){return"string"==typeof t&&t.split("/*")[0].includes("var(--")}let td=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u,tc=t=>180*t/Math.PI,tp=t=>tf(tc(Math.atan2(t[1],t[0]))),tm={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:t=>(Math.abs(t[0])+Math.abs(t[3]))/2,rotate:tp,rotateZ:tp,skewX:t=>tc(Math.atan(t[1])),skewY:t=>tc(Math.atan(t[2])),skew:t=>(Math.abs(t[1])+Math.abs(t[2]))/2},tf=t=>((t%=360)<0&&(t+=360),t),tg=t=>Math.sqrt(t[0]*t[0]+t[1]*t[1]),ty=t=>Math.sqrt(t[4]*t[4]+t[5]*t[5]),tv={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:tg,scaleY:ty,scale:t=>(tg(t)+ty(t))/2,rotateX:t=>tf(tc(Math.atan2(t[6],t[5]))),rotateY:t=>tf(tc(Math.atan2(-t[2],t[0]))),rotateZ:tp,rotate:tp,skewX:t=>tc(Math.atan(t[4])),skewY:t=>tc(Math.atan(t[1])),skew:t=>(Math.abs(t[1])+Math.abs(t[4]))/2};function tx(t){return+!!t.includes("scale")}function tb(t,e){let i,s;if(!t||"none"===t)return tx(e);let n=t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);if(n)i=tv,s=n;else{let e=t.match(/^matrix\(([-\d.e\s,]+)\)$/u);i=tm,s=e}if(!s)return tx(e);let r=i[e],o=s[1].split(",").map(tw);return"function"==typeof r?r(o):o[r]}function tw(t){return parseFloat(t.trim())}let tT=t=>t===d||t===k,tS=new Set(["x","y","z"]),tP=l.filter(t=>!tS.has(t)),tk={width:({x:t},{paddingLeft:e="0",paddingRight:i="0",boxSizing:s})=>{let n=t.max-t.min;return"border-box"===s?n:n-parseFloat(e)-parseFloat(i)},height:({y:t},{paddingTop:e="0",paddingBottom:i="0",boxSizing:s})=>{let n=t.max-t.min;return"border-box"===s?n:n-parseFloat(e)-parseFloat(i)},top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:(t,{transform:e})=>tb(e,"x"),y:(t,{transform:e})=>tb(e,"y")};tk.translateX=tk.x,tk.translateY=tk.y;let tA=t=>t,tE={},tM=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function tV(t,e){let i=!1,s=!0,n={delta:0,timestamp:0,isProcessing:!1},r=()=>i=!0,o=tM.reduce((t,i)=>(t[i]=function(t,e){let i=new Set,s=new Set,n=!1,r=!1,o=new WeakSet,a={delta:0,timestamp:0,isProcessing:!1},l=0;function h(e){o.has(e)&&(u.schedule(e),t()),l++,e(a)}let u={schedule:(t,e=!1,r=!1)=>{let a=r&&n?i:s;return e&&o.add(t),a.add(t),t},cancel:t=>{s.delete(t),o.delete(t)},process:t=>{if(a=t,n){r=!0;return}n=!0;let o=i;i=s,s=o,i.forEach(h),e,l=0,i.clear(),n=!1,r&&(r=!1,u.process(t))}};return u}(r,e?i:void 0),t),{}),{setup:a,read:l,resolveKeyframes:h,preUpdate:u,update:d,preRender:c,render:p,postRender:m}=o,f=()=>{let r=tE.useManualTiming,o=r?n.timestamp:performance.now();i=!1,r||(n.delta=s?1e3/60:Math.max(Math.min(o-n.timestamp,40),1)),n.timestamp=o,n.isProcessing=!0,a.process(n),l.process(n),h.process(n),u.process(n),d.process(n),c.process(n),p.process(n),m.process(n),n.isProcessing=!1,i&&e&&(s=!1,t(f))};return{schedule:tM.reduce((e,r)=>{let a=o[r];return e[r]=(e,r=!1,o=!1)=>(!i&&(i=!0,s=!0,n.isProcessing||t(f)),a.schedule(e,r,o)),e},{}),cancel:t=>{for(let e=0;etypeof requestAnimationFrame?requestAnimationFrame:tA,!0),tL=new Set,t_=!1,tB=!1,tF=!1;function tI(){if(tB){let t=Array.from(tL).filter(t=>t.needsMeasurement),e=new Set(t.map(t=>t.element)),i=new Map;e.forEach(t=>{let e,s=(e=[],tP.forEach(i=>{let s=t.getValue(i);void 0!==s&&(e.push([i,s.get()]),s.set(+!!i.startsWith("scale")))}),e);s.length&&(i.set(t,s),t.render())}),t.forEach(t=>t.measureInitialState()),e.forEach(t=>{t.render();let e=i.get(t);e&&e.forEach(([e,i])=>{t.getValue(e)?.set(i)})}),t.forEach(t=>t.measureEndState()),t.forEach(t=>{void 0!==t.suspendedScrollY&&window.scrollTo(0,t.suspendedScrollY)})}tB=!1,t_=!1,tL.forEach(t=>t.complete(tF)),tL.clear()}function tN(){tL.forEach(t=>{t.readKeyframes(),t.needsMeasurement&&(tB=!0)})}class tO{constructor(t,e,i,s,n,r=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...t],this.onComplete=e,this.name=i,this.motionValue=s,this.element=n,this.isAsync=r}scheduleResolve(){this.state="scheduled",this.isAsync?(tL.add(this),t_||(t_=!0,tC.read(tN),tC.resolveKeyframes(tI))):(this.readKeyframes(),this.complete())}readKeyframes(){let{unresolvedKeyframes:t,name:e,element:i,motionValue:s}=this;if(null===t[0]){let n=s?.get(),r=t[t.length-1];if(void 0!==n)t[0]=n;else if(i&&e){let s=i.readValue(e,r);null!=s&&(t[0]=s)}void 0===t[0]&&(t[0]=r),s&&void 0===n&&s.set(t[0])}for(let e=1;e{t.getValue(e).set(i)}),this.resolveNoneKeyframes()}}let tH=t=>1e3*t;function tY(t,e){-1===t.indexOf(e)&&t.push(e)}function tX(t,e){let i=t.indexOf(e);i>-1&&t.splice(i,1)}class tK{constructor(){this.subscriptions=[]}add(t){return tY(this.subscriptions,t),()=>tX(this.subscriptions,t)}notify(t,e,i){let s=this.subscriptions.length;if(s)if(1===s)this.subscriptions[0](t,e,i);else for(let n=0;n(void 0===e&&(e=t()),e)}let tZ={};function tJ(t,e){let i=tq(t);return()=>tZ[e]??i()}let tQ=tJ(()=>void 0!==window.ScrollTimeline,"scrollTimeline"),t0=t=>null!==t;function t1(t,{repeat:e,repeatType:i="loop"},s,n=1){let r=t.filter(t0),o=n<0||e&&"loop"!==i&&e%2==1?0:r.length-1;return o&&void 0!==s?s:r[o]}class t2{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(t=>{this.resolve=t})}notifyFinished(){this.resolve()}then(t,e){return this.finished.then(t,e)}}let t5={layout:0,mainThread:0,waapi:0},t3=t=>Array.isArray(t)&&"number"==typeof t[0],t4=tJ(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch(t){return!1}return!0},"linearEasing"),t9=(t,e,i=10)=>{let s="",n=Math.max(Math.round(e/i),2);for(let e=0;e`cubic-bezier(${t}, ${e}, ${i}, ${s})`,t8={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:t6([0,.65,.55,1]),circOut:t6([.55,0,1,.45]),backIn:t6([.31,.01,.66,-.59]),backOut:t6([.33,1.53,.69,.99])};function t7(t){return"function"==typeof t&&"applyToOptions"in t}class et extends t2{constructor(t){if(super(),this.finishedTime=null,this.isStopped=!1,this.manualStartTime=null,!t)return;const{element:e,name:i,keyframes:s,pseudoElement:n,allowFlatten:r=!1,finalKeyframe:o,onComplete:a}=t;this.isPseudoElement=!!n,this.allowFlatten=r,this.options=t,tn("string"!=typeof t.type,'Mini animate() doesn\'t support "type" as a string.',"mini-spring");const l=function({type:t,...e}){return t7(t)&&t4()?t.applyToOptions(e):(e.duration??(e.duration=300),e.ease??(e.ease="easeOut"),e)}(t);this.animation=function(t,e,i,{delay:s=0,duration:n=300,repeat:r=0,repeatType:o="loop",ease:a="easeOut",times:l}={},h){let u={[e]:i};l&&(u.offset=l);let d=function t(e,i){if(e)return"function"==typeof e?t4()?t9(e,i):"ease-out":t3(e)?t6(e):Array.isArray(e)?e.map(e=>t(e,i)||t8.easeOut):t8[e]}(a,n);Array.isArray(d)&&(u.easing=d);let c={delay:s,duration:n,easing:Array.isArray(d)?"linear":d,fill:"both",iterations:r+1,direction:"reverse"===o?"alternate":"normal"};h&&(c.pseudoElement=h);let p=t.animate(u,c);return p}(e,i,s,l,n),!1===l.autoplay&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!n){let t=t1(s,this.options,o,this.speed);this.updateMotionValue&&this.updateMotionValue(t),tG(e,i,t),this.animation.cancel()}a?.(),this.notifyFinished()}}play(){this.isStopped||(this.manualStartTime=null,this.animation.play(),"finished"===this.state&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch(t){}}stop(){if(this.isStopped)return;this.isStopped=!0;let{state:t}=this;"idle"!==t&&"finished"!==t&&(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){let t=this.options?.element;!this.isPseudoElement&&t?.isConnected&&this.animation.commitStyles?.()}get duration(){return Number(this.animation.effect?.getComputedTiming?.().duration||0)/1e3}get iterationDuration(){let{delay:t=0}=this.options||{};return this.duration+t/1e3}get time(){return(Number(this.animation.currentTime)||0)/1e3}set time(t){let e=null!==this.finishedTime;this.manualStartTime=null,this.finishedTime=null,this.animation.currentTime=tH(t),e&&this.animation.pause()}get speed(){return this.animation.playbackRate}set speed(t){t<0&&(this.finishedTime=null),this.animation.playbackRate=t}get state(){return null!==this.finishedTime?"finished":this.animation.playState}get startTime(){return this.manualStartTime??Number(this.animation.startTime)}set startTime(t){this.manualStartTime=this.animation.startTime=t}attachTimeline({timeline:t,rangeStart:e,rangeEnd:i,observe:s}){return(this.allowFlatten&&this.animation.effect?.updateTiming({easing:"linear"}),this.animation.onfinish=null,t&&tQ())?(this.animation.timeline=t,e&&(this.animation.rangeStart=e),i&&(this.animation.rangeEnd=i),tA):s(this)}}let ee=new Set(["opacity","clipPath","filter","transform"]),{schedule:ei}=tV(queueMicrotask,!1);function es(){e=void 0}let en={now:()=>(void 0===e&&en.set(tR.isProcessing||tE.useManualTiming?tR.timestamp:performance.now()),e),set:t=>{e=t,queueMicrotask(es)}},er=(t,e)=>e?1e3/e*t:0,eo={current:void 0};class ea{constructor(t,e={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=t=>{let e=en.now();if(this.updatedAt!==e&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(t),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(let t of this.dependents)t.dirty()},this.hasAnimated=!1,this.setCurrent(t),this.owner=e.owner}setCurrent(t){this.current=t,this.updatedAt=en.now(),null===this.canTrackVelocity&&void 0!==t&&(this.canTrackVelocity=!isNaN(parseFloat(this.current)))}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new tK);let i=this.events[t].add(e);return"change"===t?()=>{i(),tC.read(()=>{this.events.change.getSize()||this.stop()})}:i}clearListeners(){for(let t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t){this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t)}setWithVelocity(t,e,i){this.set(e),this.prev=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-i}jump(t,e=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,e&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(t){this.dependents||(this.dependents=new Set),this.dependents.add(t)}removeDependent(t){this.dependents&&this.dependents.delete(t)}get(){return eo.current&&eo.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){let t=en.now();if(!this.canTrackVelocity||void 0===this.prevFrameValue||t-this.updatedAt>30)return 0;let e=Math.min(this.updatedAt-this.prevUpdatedAt,30);return er(parseFloat(this.current)-parseFloat(this.prevFrameValue),e)}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.animation=t(e),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 el(t,e){return new ea(t,e)}let eh=[...tt,C,F],eu=new WeakMap;function ed(t){return null!==t&&"object"==typeof t&&"function"==typeof t.start}function ec(t){return"string"==typeof t||Array.isArray(t)}let ep=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],em=["initial",...ep];function ef(t){return ed(t.animate)||em.some(e=>ec(t[e]))}function eg(t){return!!(ef(t)||t.variants)}let ey={current:null},ev={current:!1},ex="u">typeof window;function eb(t){let e=[{},{}];return t?.values.forEach((t,i)=>{e[0][i]=t.get(),e[1][i]=t.getVelocity()}),e}function ew(t,e,i,s){if("function"==typeof e){let[n,r]=eb(s);e=e(void 0!==i?i:t.custom,n,r)}if("string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e){let[n,r]=eb(s);e=e(void 0!==i?i:t.custom,n,r)}return e}let eT=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],eS={};class eP{scrapeMotionValuesFromProps(t,e,i){return{}}constructor({parent:t,props:e,presenceContext:i,reducedMotionConfig:s,skipAnimations:n,blockInitialAnimation:r,visualState:o},a={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.shouldSkipAnimations=!1,this.values=new Map,this.KeyframeResolver=tO,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.hasBeenMounted=!1,this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{let t=en.now();this.renderScheduledAtthis.bindToMotionValue(e,t)),"never"===this.reducedMotionConfig?this.shouldReduceMotion=!1:"always"===this.reducedMotionConfig?this.shouldReduceMotion=!0:(ev.current||function(){if(ev.current=!0,ex)if(window.matchMedia){let t=window.matchMedia("(prefers-reduced-motion)"),e=()=>ey.current=t.matches;t.addEventListener("change",e),e()}else ey.current=!1}(),this.shouldReduceMotion=ey.current),this.shouldSkipAnimations=this.skipAnimationsConfig??!1,this.parent?.addChild(this),this.update(this.props,this.presenceContext),this.hasBeenMounted=!0}unmount(){for(let t in this.projection&&this.projection.unmount(),tj(this.notifyUpdate),tj(this.render),this.valueSubscriptions.forEach(t=>t()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent?.removeChild(this),this.events)this.events[t].clear();for(let t in this.features){let e=this.features[t];e&&(e.unmount(),e.isMounted=!1)}this.current=null}addChild(t){this.children.add(t),this.enteringChildren??(this.enteringChildren=new Set),this.enteringChildren.add(t)}removeChild(t){this.children.delete(t),this.enteringChildren&&this.enteringChildren.delete(t)}bindToMotionValue(t,e){let i;if(this.valueSubscriptions.has(t)&&this.valueSubscriptions.get(t)(),e.accelerate&&ee.has(t)&&this.current instanceof HTMLElement){let{factory:i,keyframes:s,times:n,ease:r,duration:o}=e.accelerate,a=new et({element:this.current,name:t,keyframes:s,times:n,ease:r,duration:tH(o)}),l=i(a);this.valueSubscriptions.set(t,()=>{l(),a.cancel()});return}let s=h.has(t);s&&this.onBindTransform&&this.onBindTransform();let n=e.on("change",e=>{this.latestValues[t]=e,this.props.onUpdate&&tC.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});"u">typeof window&&window.MotionCheckAppearSync&&(i=window.MotionCheckAppearSync(this,t,e)),this.valueSubscriptions.set(t,()=>{n(),i&&i()})}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}updateFeatures(){let t="animation";for(t in eS){let e=eS[t];if(!e)continue;let{isEnabled:i,Feature:s}=e;if(!this.features[t]&&s&&i(this.props)&&(this.features[t]=new s(this)),this.features[t]){let e=this.features[t];e.isMounted?e.update():(e.mount(),e.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):q()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}update(t,e){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=e;for(let e=0;ee.variantChildren.delete(t)}addValue(t,e){let i=this.values.get(t);e!==i&&(i&&this.removeValue(t),this.bindToMotionValue(t,e),this.values.set(t,e),this.latestValues[t]=e.get())}removeValue(t){this.values.delete(t);let e=this.valueSubscriptions.get(t);e&&(e(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let i=this.values.get(t);return void 0===i&&void 0!==e&&(i=el(null===e?void 0:e,{owner:this}),this.addValue(t,i)),i}readValue(t,e){let i=void 0===this.latestValues[t]&&this.current?this.getBaseTargetFromProps(this.props,t)??this.readValueFromInstance(this.current,t,this.options):this.latestValues[t];if(null!=i){let s,n;if("string"==typeof i&&(s=i,/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(s)||(n=i,/^0[^.\s]+$/u.test(n))))i=parseFloat(i);else{let s;s=i,!eh.find(Q(s))&&F.test(e)&&(i=tU(t,e))}this.setBaseTarget(t,Z(i)?i.get():i)}return Z(i)?i.get():i}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){let e,{initial:i}=this.props;if("string"==typeof i||"object"==typeof i){let s=ew(this.props,i,this.presenceContext?.custom);s&&(e=s[t])}if(i&&void 0!==e)return e;let s=this.getBaseTargetFromProps(this.props,t);return void 0===s||Z(s)?void 0!==this.initialValues[t]&&void 0===e?void 0:this.baseTarget[t]:s}on(t,e){return this.events[t]||(this.events[t]=new tK),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}scheduleRenderMicrotask(){ei.render(this.render)}}class ek extends eP{constructor(){super(...arguments),this.KeyframeResolver=t$}sortInstanceNodePosition(t,e){return 2&t.compareDocumentPosition(e)?1:-1}getBaseTargetFromProps(t,e){let i=t.style;return i?i[e]:void 0}removeValueFromRenderState(t,{vars:e,style:i}){delete e[t],delete i[t]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);let{children:t}=this.props;Z(t)&&(this.childSubscription=t.on("change",t=>{this.current&&(this.current.textContent=`${t}`)}))}}function eA(t){return t.replace(/([A-Z])/g,t=>`-${t.toLowerCase()}`)}let eE=(t,e)=>e&&"number"==typeof t?e.transform(t):t,eM={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},eV=l.length;function eC(t,e,i){let{style:s,vars:n,transformOrigin:r}=t,o=!1,a=!1;for(let t in e){let i=e[t];if(h.has(t)){o=!0;continue}if(to(t)){n[t]=i;continue}{let e=eE(i,$[t]);t.startsWith("origin")?(a=!0,r[t]=e):s[t]=e}}if(!e.transform&&(o||i?s.transform=function(t,e,i){let s="",n=!0;for(let r=0;r"string"==typeof t&&"svg"===t.toLowerCase();function eF(t,{style:e,vars:i},s,n){let r,o=t.style;for(r in e)o[r]=e[r];for(r in n?.applyProjectionStyles(o,s),i)o.setProperty(r,i[r])}function eI(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}let eN={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t)if(!k.test(t))return t;else t=parseFloat(t);let i=eI(t,e.target.x),s=eI(t,e.target.y);return`${i}% ${s}%`}},eO=(t,e,i)=>t+(e-t)*i,ez={borderRadius:{...eN,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:eN,borderTopRightRadius:eN,borderBottomLeftRadius:eN,borderBottomRightRadius:eN,boxShadow:{correct:(t,{treeScale:e,projectionDelta:i})=>{let s=F.parse(t);if(s.length>5)return t;let n=F.createTransformer(t),r=+("number"!=typeof s[0]),o=i.x.scale*e.x,a=i.y.scale*e.y;s[0+r]/=o,s[1+r]/=a;let l=eO(o,a,.5);return"number"==typeof s[2+r]&&(s[2+r]/=l),"number"==typeof s[3+r]&&(s[3+r]/=l),n(s)}}};function eU(t,{layout:e,layoutId:i}){return h.has(t)||t.startsWith("origin")||(e||void 0!==i)&&(!!ez[t]||"opacity"===t)}function eW(t,e,i){let s=t.style,n=e?.style,r={};if(!s)return r;for(let e in s)(Z(s[e])||n&&Z(n[e])||eU(e,t)||i?.getValue(e)?.liveStyle!==void 0)&&(r[e]=s[e]);return r}function e$(t,e,i){let s=eW(t,e,i);for(let i in t)(Z(t[i])||Z(e[i]))&&(s[-1!==l.indexOf(i)?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i]=t[i]);return s}class eH extends ek{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=q}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){if(h.has(e)){let t=Y(e);return t&&t.default||0}return e=e_.has(e)?e:eA(e),t.getAttribute(e)}scrapeMotionValuesFromProps(t,e,i){return e$(t,e,i)}build(t,e,i){eL(t,e,this.isSVGTag,i.transformTemplate,i.style)}renderInstance(t,e,i,s){for(let i in eF(t,e,void 0,s),e.attrs)t.setAttribute(e_.has(i)?i:eA(i),e.attrs[i])}mount(t){this.isSVGTag=eB(t.tagName),super.mount(t)}}function eY({top:t,left:e,right:i,bottom:s}){return{x:{min:e,max:i},y:{min:t,max:s}}}function eX(t){return void 0===t||1===t}function eK({scale:t,scaleX:e,scaleY:i}){return!eX(t)||!eX(e)||!eX(i)}function eG(t){return eK(t)||eq(t)||t.z||t.rotate||t.rotateX||t.rotateY||t.skewX||t.skewY}function eq(t){var e,i;return(e=t.x)&&"0%"!==e||(i=t.y)&&"0%"!==i}function eZ(t,e,i,s,n){return void 0!==n&&(t=s+n*(t-s)),s+i*(t-s)+e}function eJ(t,e=0,i=1,s,n){t.min=eZ(t.min,e,i,s,n),t.max=eZ(t.max,e,i,s,n)}function eQ(t,{x:e,y:i}){eJ(t.x,e.translate,e.scale,e.originPoint),eJ(t.y,i.translate,i.scale,i.originPoint)}function e0(t,e){t.min+=e,t.max+=e}function e1(t,e,i,s,n=.5){let r=eO(t.min,t.max,n);eJ(t,e,i,r,s)}function e2(t,e){return"string"==typeof t?parseFloat(t)/100*(e.max-e.min):t}function e5(t,e,i){let s=i??t;e1(t.x,e2(e.x,s.x),e.scaleX,e.scale,e.originX),e1(t.y,e2(e.y,s.y),e.scaleY,e.scale,e.originY)}function e3(t,e){return eY(function(t,e){if(!e)return t;let i=e({x:t.left,y:t.top}),s=e({x:t.right,y:t.bottom});return{top:i.y,left:i.x,bottom:s.y,right:s.x}}(t.getBoundingClientRect(),e))}class e4 extends ek{constructor(){super(...arguments),this.type="html",this.renderInstance=eF}readValueFromInstance(t,e){if(h.has(e))return this.projection?.isProjecting?tx(e):((t,e)=>{let{transform:i="none"}=getComputedStyle(t);return tb(i,e)})(t,e);{let i=window.getComputedStyle(t),s=(to(e)?i.getPropertyValue(e):i[e])||0;return"string"==typeof s?s.trim():s}}measureInstanceViewportBox(t,{transformPagePoint:e}){return e3(t,e)}build(t,e,i){eC(t,e,i.transformTemplate)}scrapeMotionValuesFromProps(t,e,i){return eW(t,e,i)}}let e9=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function e6(t){if("string"!=typeof t||t.includes("-"));else if(e9.indexOf(t)>-1||/[A-Z]/u.test(t))return!0;return!1}let e8=(0,o.createContext)({}),e7=(0,o.createContext)({strict:!1}),it=(0,o.createContext)({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),ie=(0,o.createContext)({});function ii(t){return Array.isArray(t)?t.join(" "):t}let is=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function ir(t,e,i){for(let s in e)Z(e[s])||eU(s,i)||(t[s]=e[s])}let io=()=>({...is(),attrs:{}}),ia=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","propagate","ignoreStrict","viewport"]);function il(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||ia.has(t)}let ih=t=>!il(t);try{n=(()=>{let t=Error("Cannot find module '@emotion/is-prop-valid'");throw t.code="MODULE_NOT_FOUND",t})().default,"function"==typeof n&&(ih=t=>t.startsWith("on")?!il(t):n(t))}catch{}function iu(t){return Z(t)?t.get():t}let id=(0,o.createContext)(null);function ic(t){let e=(0,o.useRef)(null);return null===e.current&&(e.current=t()),e.current}let ip=t=>(e,i)=>{let s=(0,o.useContext)(ie),n=(0,o.useContext)(id),r=()=>(function({scrapeMotionValuesFromProps:t,createRenderState:e},i,s,n){return{latestValues:function(t,e,i,s){let n={},r=s(t,{});for(let t in r)n[t]=iu(r[t]);let{initial:o,animate:a}=t,l=ef(t),h=eg(t);e&&h&&!l&&!1!==t.inherit&&(void 0===o&&(o=e.initial),void 0===a&&(a=e.animate));let u=!!i&&!1===i.initial,d=(u=u||!1===o)?a:o;if(d&&"boolean"!=typeof d&&!ed(d)){let e=Array.isArray(d)?d:[d];for(let i=0;iiy[e].some(e=>!!t[e])};eS=t,iv=!0}(),eS}let ib=Symbol.for("motionComponentSymbol"),iw="data-"+eA("framerAppearId"),iT=(0,o.createContext)({});function iS(t){return t&&"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}let iP="u">typeof window?o.useLayoutEffect:o.useEffect;function ik(t,{forwardMotionProps:e=!1,type:i}={},s,n){s&&function(t){let e=ix();for(let i in t)e[i]={...e[i],...t[i]};eS=e}(s);let a=i?"svg"===i:e6(t),l=a?ig:im;function h(i,s){var h;let u,d,c,p={...(0,o.useContext)(it),...i,layoutId:function({layoutId:t}){let e=(0,o.useContext)(e8).id;return e&&void 0!==t?e+"-"+t:t}(i)},{isStatic:m}=p,f=function(t){let{initial:e,animate:i}=function(t,e){if(ef(t)){let{initial:e,animate:i}=t;return{initial:!1===e||ec(e)?e:void 0,animate:ec(i)?i:void 0}}return!1!==t.inherit?e:{}}(t,(0,o.useContext)(ie));return(0,o.useMemo)(()=>({initial:e,animate:i}),[ii(e),ii(i)])}(i),g=l(i,m);if(!m&&"u">typeof window){(0,o.useContext)(e7).strict;let e=function(t){let{drag:e,layout:i}=ix();if(!e&&!i)return{};let s={...e,...i};return{MeasureLayout:e?.isEnabled(t)||i?.isEnabled(t)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}(p);u=e.MeasureLayout,f.visualElement=function(t,e,i,s,n,r){let{visualElement:a}=(0,o.useContext)(ie),l=(0,o.useContext)(e7),h=(0,o.useContext)(id),u=(0,o.useContext)(it),d=u.reducedMotion,c=u.skipAnimations,p=(0,o.useRef)(null),m=(0,o.useRef)(!1);s=s||l.renderer,!p.current&&s&&(p.current=s(t,{visualState:e,parent:a,props:i,presenceContext:h,blockInitialAnimation:!!h&&!1===h.initial,reducedMotionConfig:d,skipAnimations:c,isSVG:r}),m.current&&p.current&&(p.current.manuallyAnimateOnMount=!0));let f=p.current,g=(0,o.useContext)(iT);f&&!f.projection&&n&&("html"===f.type||"svg"===f.type)&&function(t,e,i,s){let{layoutId:n,layout:r,drag:o,dragConstraints:a,layoutScroll:l,layoutRoot:h,layoutAnchor:u,layoutCrossfade:d}=e;t.projection=new i(t.latestValues,e["data-framer-portal-id"]?void 0:function t(e){if(e)return!1!==e.options.allowProjection?e.projection:t(e.parent)}(t.parent)),t.projection.setOptions({layoutId:n,layout:r,alwaysMeasureLayout:!!o||a&&iS(a),visualElement:t,animationType:"string"==typeof r?r:"both",initialPromotionConfig:s,crossfade:d,layoutScroll:l,layoutRoot:h,layoutAnchor:u})}(p.current,i,n,g);let y=(0,o.useRef)(!1);(0,o.useInsertionEffect)(()=>{f&&y.current&&f.update(i,h)});let v=i[iw],x=(0,o.useRef)(!!v&&"u">typeof window&&!window.MotionHandoffIsComplete?.(v)&&window.MotionHasOptimisedAnimation?.(v));return iP(()=>{m.current=!0,f&&(y.current=!0,window.MotionIsMounted=!0,f.updateFeatures(),f.scheduleRenderMicrotask(),x.current&&f.animationState&&f.animationState.animateChanges())}),(0,o.useEffect)(()=>{f&&(!x.current&&f.animationState&&f.animationState.animateChanges(),x.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(v)}),x.current=!1),f.enteringChildren=void 0)}),f}(t,g,p,n,e.ProjectionNode,a)}return(0,r.jsxs)(ie.Provider,{value:f,children:[u&&f.visualElement?(0,r.jsx)(u,{visualElement:f.visualElement,...p}):null,function(t,e,i,{latestValues:s},n,r=!1,a){let l=(a??e6(t)?function(t,e,i,s){let n=(0,o.useMemo)(()=>{let i=io();return eL(i,e,eB(s),t.transformTemplate,t.style),{...i.attrs,style:{...i.style}}},[e]);if(t.style){let e={};ir(e,t.style,t),n.style={...e,...n.style}}return n}:function(t,e){let i,s,n={},r=(i=t.style||{},ir(s={},i,t),Object.assign(s,function({transformTemplate:t},e){return(0,o.useMemo)(()=>{let i=is();return eC(i,e,t),Object.assign({},i.vars,i.style)},[e])}(t,e)),s);return t.drag&&!1!==t.dragListener&&(n.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=!0===t.drag?"none":`pan-${"x"===t.drag?"y":"x"}`),void 0===t.tabIndex&&(t.onTap||t.onTapStart||t.whileTap)&&(n.tabIndex=0),n.style=r,n})(e,s,n,t),h=function(t,e,i){let s={};for(let n in t)("values"!==n||"object"!=typeof t.values)&&!Z(t[n])&&(ih(n)||!0===i&&il(n)||!e&&!il(n)||t.draggable&&n.startsWith("onDrag"))&&(s[n]=t[n]);return s}(e,"string"==typeof t,r),u=t!==o.Fragment?{...h,...l,ref:i}:{},{children:d}=e,c=(0,o.useMemo)(()=>Z(d)?d.get():d,[d]);return(0,o.createElement)(t,{...u,children:c})}(t,i,(h=f.visualElement,d=(0,o.useRef)(s),(0,o.useInsertionEffect)(()=>{d.current=s}),c=(0,o.useRef)(null),(0,o.useCallback)(t=>{t&&g.onMount?.(t),h&&(t?h.mount(t):h.unmount());let e=d.current;if("function"==typeof e)if(t){let i=e(t);"function"==typeof i&&(c.current=i)}else c.current?(c.current(),c.current=null):e(t);else e&&(e.current=t)},[h])),g,m,e,a)]})}h.displayName=`motion.${"string"==typeof t?t:`create(${t.displayName??t.name??""})`}`;let u=(0,o.forwardRef)(h);return u[ib]=t,u}class iA{constructor(t){this.isMounted=!1,this.node=t}update(){}}function iE(t,e,i){let s=t.getProps();return ew(s,e,void 0!==i?i:s.custom,t)}function iM(t,e){if(t?.inherit&&e){let{inherit:i,...s}=t;return{...e,...s}}return t}function iV(t,e){let i=t?.[e]??t?.default??t;return i!==t?iM(i,t):i}let iC=t=>Array.isArray(t);function ij(t,e){let i=t.getValue("willChange");if(Z(i)&&i.add)return i.add(e);if(!i&&tE.WillChange){let i=new tE.WillChange("auto");t.addValue("willChange",i),i.add(e)}}let iR=(...t)=>t.reduce((t,e)=>i=>e(t(i)));function iD(t,e,i){return(i<0&&(i+=1),i>1&&(i-=1),i<1/6)?t+(e-t)*6*i:i<.5?e:i<2/3?t+(e-t)*(2/3-i)*6:t}function iL(t,e){return i=>i>0?e:t}let i_=(t,e,i)=>{let s=t*t,n=i*(e*e-s)+s;return n<0?0:Math.sqrt(n)},iB=[w,b,V];function iF(t){let e=iB.find(e=>e.test(t));if(ts(!!e,`'${t}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!e)return!1;let i=e.parse(t);return e===V&&(i=function({hue:t,saturation:e,lightness:i,alpha:s}){t/=360,i/=100;let n=0,r=0,o=0;if(e/=100){let s=i<.5?i*(1+e):i+e-i*e,a=2*i-s;n=iD(a,s,t+1/3),r=iD(a,s,t),o=iD(a,s,t-1/3)}else n=r=o=i;return{red:Math.round(255*n),green:Math.round(255*r),blue:Math.round(255*o),alpha:s}}(i)),i}let iI=(t,e)=>{let i=iF(t),s=iF(e);if(!i||!s)return iL(t,e);let n={...i};return t=>(n.red=i_(i.red,s.red,t),n.green=i_(i.green,s.green,t),n.blue=i_(i.blue,s.blue,t),n.alpha=eO(i.alpha,s.alpha,t),b.transform(n))},iN=new Set(["none","hidden"]);function iO(t,e){return i=>eO(t,e,i)}function iz(t){return"number"==typeof t?iO:"string"==typeof t?tl(t)?iL:C.test(t)?iI:i$:Array.isArray(t)?iU:"object"==typeof t?C.test(t)?iI:iW:iL}function iU(t,e){let i=[...t],s=i.length,n=t.map((t,i)=>iz(t)(t,e[i]));return t=>{for(let e=0;e{for(let e in s)i[e]=s[e](t);return i}}let i$=(t,e)=>{let i=F.createTransformer(e),s=_(t),n=_(e);if(!(s.indexes.var.length===n.indexes.var.length&&s.indexes.color.length===n.indexes.color.length&&s.indexes.number.length>=n.indexes.number.length))return ts(!0,`Complex values '${t}' and '${e}' 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"),iL(t,e);if(iN.has(t)&&!n.values.length||iN.has(e)&&!s.values.length)return iN.has(t)?i=>i<=0?t:e:i=>i>=1?e:t;return iR(iU(function(t,e){let i=[],s={color:0,var:0,number:0};for(let n=0;n{let e=({timestamp:e})=>t(e);return{start:(t=!0)=>tC.update(e,t),stop:()=>tj(e),now:()=>tR.isProcessing?tR.timestamp:en.now()}};function iX(t){let e=0,i=t.next(e);for(;!i.done&&e<2e4;)e+=50,i=t.next(e);return e>=2e4?1/0:e}let iK=.01,iG=2,iq=.005,iZ=.5;function iJ(t,e){return t*Math.sqrt(1-e*e)}let iQ=["duration","bounce"],i0=["stiffness","damping","mass"];function i1(t,e){return e.some(e=>void 0!==t[e])}function i2(t=.3,e=.3){let i,s,n,r,o,a,l="object"!=typeof t?{visualDuration:t,keyframes:[0,1],bounce:e}:t,{restSpeed:h,restDelta:d}=l,c=l.keyframes[0],p=l.keyframes[l.keyframes.length-1],m={done:!1,value:c},{stiffness:f,damping:g,mass:y,duration:v,velocity:x,isResolvedFromDuration:b}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!i1(t,i0)&&i1(t,iQ))if(e.velocity=0,t.visualDuration){let i=2*Math.PI/(1.2*t.visualDuration),s=i*i,n=2*u(.05,1,1-(t.bounce||0))*Math.sqrt(s);e={...e,mass:1,stiffness:s,damping:n}}else{let i=function({duration:t=800,bounce:e=.3,velocity:i=0,mass:s=1}){let n,r;ts(t<=tH(10),"Spring duration must be 10 seconds or less","spring-duration-limit");let o=1-e;o=u(.05,1,o),t=u(.01,10,t/1e3),o<1?(n=e=>{let s=e*o,n=s*t;return .001-(s-i)/iJ(e,o)*Math.exp(-n)},r=e=>{let s=e*o*t,r=Math.pow(o,2)*Math.pow(e,2)*t,a=Math.exp(-s),l=iJ(Math.pow(e,2),o);return(s*i+i-r)*a*(-n(e)+.001>0?-1:1)/l}):(n=e=>-.001+Math.exp(-e*t)*((e-i)*t+1),r=e=>t*t*(i-e)*Math.exp(-e*t));let a=function(t,e,i){let s=i;for(let i=1;i<12;i++)s-=t(s)/e(s);return s}(n,r,5/t);if(t=tH(t),isNaN(a))return{stiffness:100,damping:10,duration:t};{let e=Math.pow(a,2)*s;return{stiffness:e,damping:2*o*Math.sqrt(s*e),duration:t}}}({...t,velocity:0});(e={...e,...i,mass:1}).isResolvedFromDuration=!0}return e}({...l,velocity:-((l.velocity||0)/1e3)}),w=x||0,T=g/(2*Math.sqrt(f*y)),S=p-c,P=Math.sqrt(f/y)/1e3,k=5>Math.abs(S);if(h||(h=k?iK:iG),d||(d=k?iq:iZ),T<1)n=iJ(P,T),r=(w+T*P*S)/n,i=t=>p-Math.exp(-T*P*t)*(r*Math.sin(n*t)+S*Math.cos(n*t)),o=T*P*r+S*n,a=T*P*S-r*n,s=t=>Math.exp(-T*P*t)*(o*Math.sin(n*t)+a*Math.cos(n*t));else if(1===T){i=t=>p-Math.exp(-P*t)*(S+(w+P*S)*t);let t=w+P*S;s=e=>Math.exp(-P*e)*(P*t*e-w)}else{let t=P*Math.sqrt(T*T-1);i=e=>{let i=Math.exp(-T*P*e),s=Math.min(t*e,300);return p-i*((w+T*P*S)*Math.sinh(s)+t*S*Math.cosh(s))/t};let e=(w+T*P*S)/t,n=T*P*e-S*t,r=T*P*S-e*t;s=e=>{let i=Math.exp(-T*P*e),s=Math.min(t*e,300);return i*(n*Math.sinh(s)+r*Math.cosh(s))}}let A={calculatedDuration:b&&v||null,velocity:t=>tH(s(t)),next:t=>{if(!b&&T<1){let e=Math.exp(-T*P*t),i=Math.sin(n*t),s=Math.cos(n*t),l=p-e*(r*i+S*s);return m.done=Math.abs(tH(e*(o*i+a*s)))<=h&&Math.abs(p-l)<=d,m.value=m.done?p:l,m}let e=i(t);return b?m.done=t>=v:m.done=Math.abs(tH(s(t)))<=h&&Math.abs(p-e)<=d,m.value=m.done?p:e,m},toString:()=>{let t=Math.min(iX(A),2e4),e=t9(e=>A.next(t*e).value,t,30);return t+"ms "+e},toTransition:()=>{}};return A}function i5(t,e,i){let s=Math.max(e-5,0);return er(i-t(s),e-s)}function i3({keyframes:t,velocity:e=0,power:i=.8,timeConstant:s=325,bounceDamping:n=10,bounceStiffness:r=500,modifyTarget:o,min:a,max:l,restDelta:h=.5,restSpeed:u}){let d,c,p=t[0],m={done:!1,value:p},f=i*e,g=p+f,y=void 0===o?g:o(g);y!==g&&(f=y-p);let v=t=>-f*Math.exp(-t/s),x=t=>y+v(t),b=t=>{let e=v(t),i=x(t);m.done=Math.abs(e)<=h,m.value=m.done?y:i},w=t=>{let e;if(e=m.value,void 0!==a&&el){var i;d=t,c=i2({keyframes:[m.value,(i=m.value,void 0===a?l:void 0===l||Math.abs(a-i){let e=!1;return(c||void 0!==d||(e=!0,b(t),w(t)),void 0!==d&&t>=d)?c.next(t-d):(e||b(t),m)}}}i2.applyToOptions=t=>{let e=function(t,e=100,i){let s=i({...t,keyframes:[0,e]}),n=Math.min(iX(s),2e4);return{type:"keyframes",ease:t=>s.next(n*t).value/e,duration:n/1e3}}(t,100,i2);return t.ease=e.ease,t.duration=tH(e.duration),t.type="keyframes",t};let i4=(t,e,i)=>(((1-3*i+3*e)*t+(3*i-6*e))*t+3*e)*t;function i9(t,e,i,s){return t===e&&i===s?tA:n=>0===n||1===n?n:i4(function(t,e,i,s,n){let r,o,a=0;do(r=i4(o=e+(i-e)/2,s,n)-t)>0?i=o:e=o;while(Math.abs(r)>1e-7&&++a<12)return o}(n,0,1,t,i),e,s)}let i6=i9(.42,0,1,1),i8=i9(0,0,.58,1),i7=i9(.42,0,.58,1),st=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,se=t=>e=>1-t(1-e),si=i9(.33,1.53,.69,.99),ss=se(si),sn=st(ss),sr=t=>t>=1?1:(t*=2)<1?.5*ss(t):.5*(2-Math.pow(2,-10*(t-1))),so=t=>1-Math.sin(Math.acos(t)),sa=se(so),sl=st(so),sh={linear:tA,easeIn:i6,easeInOut:i7,easeOut:i8,circIn:so,circInOut:sl,circOut:sa,backIn:ss,backInOut:sn,backOut:si,anticipate:sr},su=t=>{if(t3(t)){tn(4===t.length,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");let[e,i,s,n]=t;return i9(e,i,s,n)}return"string"==typeof t?(tn(void 0!==sh[t],`Invalid easing type '${t}'`,"invalid-easing-type"),sh[t]):t},sd=(t,e,i)=>{let s=e-t;return s?(i-t)/s:1};function sc(t,e,{clamp:i=!0,ease:s,mixer:n}={}){let r=t.length;if(tn(r===e.length,"Both input and output ranges must be the same length","range-length"),1===r)return()=>e[0];if(2===r&&e[0]===e[1])return()=>e[1];let o=t[0]===t[1];t[0]>t[r-1]&&(t=[...t].reverse(),e=[...e].reverse());let a=function(t,e,i){let s=[],n=i||tE.mix||iH,r=t.length-1;for(let i=0;i{if(o&&i1)for(;sh(u(t[0],t[r-1],e)):h}function sp({duration:t=300,keyframes:e,times:i,ease:s="easeInOut"}){var n;let r,o=Array.isArray(s)&&"number"!=typeof s[0]?s.map(su):su(s),a={done:!1,value:e[0]},l=sc((n=i&&i.length===e.length?i:(!function(t,e){let i=t[t.length-1];for(let s=1;s<=e;s++){let n=sd(0,e,s);t.push(eO(i,1,n))}}(r=[0],e.length-1),r),n.map(e=>e*t)),e,{ease:Array.isArray(o)?o:e.map(()=>o||i7).splice(0,e.length-1)});return{calculatedDuration:t,next:e=>(a.value=l(e),a.done=e>=t,a)}}let sm={decay:i3,inertia:i3,tween:sp,keyframes:sp,spring:i2};function sf(t){"string"==typeof t.type&&(t.type=sm[t.type])}let sg=t=>t/100;class sy extends t2{constructor(t){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.delayState={done:!1,value:void 0},this.stop=()=>{let{motionValue:t}=this.options;t&&t.updatedAt!==en.now()&&this.tick(en.now()),this.isStopped=!0,"idle"!==this.state&&(this.teardown(),this.options.onStop?.())},t5.mainThread++,this.options=t,this.initAnimation(),this.play(),!1===t.autoplay&&this.pause()}initAnimation(){let{options:t}=this;sf(t);let{type:e=sp,repeat:i=0,repeatDelay:s=0,repeatType:n,velocity:r=0}=t,{keyframes:o}=t,a=e||sp;a!==sp&&"number"!=typeof o[0]&&(this.mixKeyframes=iR(sg,iH(o[0],o[1])),o=[0,100]);let l=a({...t,keyframes:o});"mirror"===n&&(this.mirroredGenerator=a({...t,keyframes:[...o].reverse(),velocity:-r})),null===l.calculatedDuration&&(l.calculatedDuration=iX(l));let{calculatedDuration:h}=l;this.calculatedDuration=h,this.resolvedDuration=h+s,this.totalDuration=this.resolvedDuration*(i+1)-s,this.generator=l}updateTime(t){let e=Math.round(t-this.startTime)*this.playbackSpeed;null!==this.holdTime?this.currentTime=this.holdTime:this.currentTime=e}tick(t,e=!1){let i,{generator:s,totalDuration:n,mixKeyframes:r,mirroredGenerator:o,resolvedDuration:a,calculatedDuration:l}=this;if(null===this.startTime)return s.next(0);let{delay:h=0,keyframes:d,repeat:c,repeatType:p,repeatDelay:m,type:f,onUpdate:g,finalKeyframe:y}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-n/this.speed,this.startTime)),e?this.currentTime=t:this.updateTime(t);let v=this.currentTime-h*(this.playbackSpeed>=0?1:-1),x=this.playbackSpeed>=0?v<0:v>n;this.currentTime=Math.max(v,0),"finished"===this.state&&null===this.holdTime&&(this.currentTime=n);let b=this.currentTime,w=s;if(c){let t=Math.min(this.currentTime,n)/a,e=Math.floor(t),i=t%1;!i&&t>=1&&(i=1),1===i&&e--,(e=Math.min(e,c+1))%2&&("reverse"===p?(i=1-i,m&&(i-=m/a)):"mirror"===p&&(w=o)),b=u(0,1,i)*a}x?(this.delayState.value=d[0],i=this.delayState):i=w.next(b),r&&!x&&(i.value=r(i.value));let{done:T}=i;x||null===l||(T=this.playbackSpeed>=0?this.currentTime>=n:this.currentTime<=0);let S=null===this.holdTime&&("finished"===this.state||"running"===this.state&&T);return S&&f!==i3&&(i.value=t1(d,this.options,y,this.speed)),g&&g(i.value),S&&this.finish(),i}then(t,e){return this.finished.then(t,e)}get duration(){return this.calculatedDuration/1e3}get iterationDuration(){let{delay:t=0}=this.options||{};return this.duration+t/1e3}get time(){return this.currentTime/1e3}set time(t){t=tH(t),this.currentTime=t,null===this.startTime||null!==this.holdTime||0===this.playbackSpeed?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.playbackSpeed),this.driver?this.driver.start(!1):(this.startTime=0,this.state="paused",this.holdTime=t,this.tick(t))}getGeneratorVelocity(){let t=this.currentTime;if(t<=0)return this.options.velocity||0;if(this.generator.velocity)return this.generator.velocity(t);let e=this.generator.next(t).value;return i5(t=>this.generator.next(t).value,t,e)}get speed(){return this.playbackSpeed}set speed(t){let e=this.playbackSpeed!==t;e&&this.driver&&this.updateTime(en.now()),this.playbackSpeed=t,e&&this.driver&&(this.time=this.currentTime/1e3)}play(){if(this.isStopped)return;let{driver:t=iY,startTime:e}=this.options;this.driver||(this.driver=t(t=>this.tick(t))),this.options.onPlay?.();let i=this.driver.now();"finished"===this.state?(this.updateFinished(),this.startTime=i):null!==this.holdTime?this.startTime=i-this.holdTime:this.startTime||(this.startTime=e??i),"finished"===this.state&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(en.now()),this.holdTime=this.currentTime}complete(){"running"!==this.state&&this.play(),this.state="finished",this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state="finished",this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null,t5.mainThread--}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}attachTimeline(t){return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),this.driver?.stop(),t.observe(this)}}let sv={anticipate:sr,backInOut:sn,circInOut:sl};class sx extends et{constructor(t){!function(t){"string"==typeof t.ease&&t.ease in sv&&(t.ease=sv[t.ease])}(t),sf(t),super(t),void 0!==t.startTime&&!1!==t.autoplay&&(this.startTime=t.startTime),this.options=t}updateMotionValue(t){let{motionValue:e,onUpdate:i,onComplete:s,element:n,...r}=this.options;if(!e)return;if(void 0!==t)return void e.set(t);let o=new sy({...r,autoplay:!1}),a=Math.max(10,en.now()-this.startTime),l=u(0,10,a-10),h=o.sample(a).value,{name:d}=this.options;n&&d&&tG(n,d,h),e.setWithVelocity(o.sample(Math.max(0,a-l)).value,h,l),o.stop()}}let sb=(t,e)=>"zIndex"!==e&&!!("number"==typeof t||Array.isArray(t)||"string"==typeof t&&(F.test(t)||"0"===t)&&!t.startsWith("url("));function sw(t){t.duration=0,t.type="keyframes"}let sT=/^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/,sS=new Set(["color","backgroundColor","outlineColor","fill","stroke","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"]),sP=tq(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));class sk extends t2{constructor({autoplay:t=!0,delay:e=0,type:i="keyframes",repeat:s=0,repeatDelay:n=0,repeatType:r="loop",keyframes:o,name:a,motionValue:l,element:h,...u}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=en.now();const d={autoplay:t,delay:e,type:i,repeat:s,repeatDelay:n,repeatType:r,name:a,motionValue:l,element:h,...u},c=h?.KeyframeResolver||tO;this.keyframeResolver=new c(o,(t,e,i)=>this.onKeyframesResolved(t,e,d,!i),a,l,h),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(t,e,i,s){let n;this.keyframeResolver=void 0;let{name:r,type:o,velocity:a,delay:l,isHandoff:h,onUpdate:u}=i;this.resolvedAt=en.now();let d=!0;!function(t,e,i,s){let n=t[0];if(null===n)return!1;if("display"===e||"visibility"===e)return!0;let r=t[t.length-1],o=sb(n,e),a=sb(r,e);return ts(o===a,`You are trying to animate ${e} from "${n}" to "${r}". "${o?r:n}" is not an animatable value.`,"value-not-animatable"),!!o&&!!a&&(function(t){let e=t[0];if(1===t.length)return!0;for(let i=0;i40?this.resolvedAt:this.createdAt:void 0,finalKeyframe:e,...i,keyframes:t},p=d&&!h&&function(t){let{motionValue:e,name:i,repeatDelay:s,repeatType:n,damping:r,type:o,keyframes:a}=t;if(!(e?.owner?.current instanceof HTMLElement))return!1;let{onUpdate:l,transformTemplate:h}=e.owner.getProps();return sP()&&i&&(ee.has(i)||sS.has(i)&&function(t){for(let e=0;e{this.notifyFinished()}).catch(tA),this.pendingTimeline&&(this.stopTimeline=n.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=n}get finished(){return this._animation?this.animation.finished:this._finished}then(t,e){return this.finished.finally(t).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),tF=!0,tN(),tI(),tF=!1),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(t){this.animation.time=t}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(t){this.animation.speed=t}get startTime(){return this.animation.startTime}attachTimeline(t){return this._animation?this.stopTimeline=this.animation.attachTimeline(t):this.pendingTimeline=t,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}}let sA={type:"spring",stiffness:500,damping:25,restSpeed:10},sE={type:"keyframes",duration:.8},sM={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},sV=new Set(["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from","elapsed"]),sC=(t,e,i,s={},n,r)=>o=>{let a=iV(s,t)||{},l=a.delay||s.delay||0,{elapsed:u=0}=s;u-=tH(l);let d={keyframes:Array.isArray(i)?i:[null,i],ease:"easeOut",velocity:e.getVelocity(),...a,delay:-u,onUpdate:t=>{e.set(t),a.onUpdate&&a.onUpdate(t)},onComplete:()=>{o(),a.onComplete&&a.onComplete()},name:t,motionValue:e,element:r?void 0:n};!function(t){for(let e in t)if(!sV.has(e))return!0;return!1}(a)&&Object.assign(d,((t,{keyframes:e})=>e.length>2?sE:h.has(t)?t.startsWith("scale")?{type:"spring",stiffness:550,damping:0===e[1]?2*Math.sqrt(550):30,restSpeed:10}:sA:sM)(t,d)),d.duration&&(d.duration=tH(d.duration)),d.repeatDelay&&(d.repeatDelay=tH(d.repeatDelay)),void 0!==d.from&&(d.keyframes[0]=d.from);let c=!1;if(!1!==d.type&&(0!==d.duration||d.repeatDelay)||(sw(d),0===d.delay&&(c=!0)),(tE.instantAnimations||tE.skipAnimations||n?.shouldSkipAnimations||a.skipAnimations)&&(c=!0,sw(d),d.delay=0),d.allowFlatten=!a.type&&!a.ease,c&&!r&&void 0!==e.get()){let t=t1(d.keyframes,a);if(void 0!==t)return void tC.update(()=>{d.onUpdate(t),d.onComplete()})}return a.isSync?new sy(d):new sk(d)};function sj(t,e,{delay:i=0,transitionOverride:s,type:n}={}){let{transition:r,transitionEnd:o,...a}=e,l=t.getDefaultTransition();r=r?iM(r,l):l;let h=r?.reduceMotion,u=r?.skipAnimations;s&&(r=s);let d=[],c=n&&t.animationState&&t.animationState.getState()[n],p=r?.path;for(let e in p&&p.animateVisualElement(t,a,r,i,d),a){let s=t.getValue(e,t.latestValues[e]??null),n=a[e];if(void 0===n||c&&function({protectedKeys:t,needsAnimating:e},i){let s=t.hasOwnProperty(i)&&!0!==e[i];return e[i]=!1,s}(c,e))continue;let o={delay:i,...iV(r||{},e)};u&&(o.skipAnimations=!0);let l=s.get();if(void 0!==l&&!s.isAnimating()&&!Array.isArray(n)&&n===l&&!o.velocity){tC.update(()=>s.set(n));continue}let p=!1;if(window.MotionHandoffAnimation){let i=t.props[iw];if(i){let t=window.MotionHandoffAnimation(i,e,tC);null!==t&&(o.startTime=t,p=!0)}}ij(t,e);let m=h??t.shouldReduceMotion;s.start(sC(e,s,n,m&&J.has(e)?{type:!1}:o,t,p));let f=s.animation;f&&d.push(f)}if(o){let e=()=>tC.update(()=>{o&&function(t,e){let{transitionEnd:i={},transition:s={},...n}=iE(t,e)||{};for(let e in n={...n,...i}){var r;let i=iC(r=n[e])?r[r.length-1]||0:r;t.hasValue(e)?t.getValue(e).set(i):t.addValue(e,el(i))}}(t,o)});d.length?Promise.all(d).then(e):e()}return d}function sR(t,e,i,s=0,n=1){let r=Array.from(t).sort((t,e)=>t.sortNodePosition(e)).indexOf(e),o=t.size,a=(o-1)*s;return"function"==typeof i?i(r,o):1===n?r*s:a-r*s}function sD(t,e,i={}){let s=iE(t,e,"exit"===i.type?t.presenceContext?.custom:void 0),{transition:n=t.getDefaultTransition()||{}}=s||{};i.transitionOverride&&(n=i.transitionOverride);let r=s?()=>Promise.all(sj(t,s,i)):()=>Promise.resolve(),o=t.variantChildren&&t.variantChildren.size?(s=0)=>{let{delayChildren:r=0,staggerChildren:o,staggerDirection:a}=n;return function(t,e,i=0,s=0,n=0,r=1,o){let a=[];for(let l of t.variantChildren)l.notify("AnimationStart",e),a.push(sD(l,e,{...o,delay:i+("function"==typeof s?0:s)+sR(t.variantChildren,l,s,n,r)}).then(()=>l.notify("AnimationComplete",e)));return Promise.all(a)}(t,e,s,r,o,a,i)}:()=>Promise.resolve(),{when:a}=n;if(!a)return Promise.all([r(),o(i.delay)]);{let[t,e]="beforeChildren"===a?[r,o]:[o,r];return t().then(()=>e())}}let sL=em.length;function s_(t,e){if(!Array.isArray(e))return!1;let i=e.length;if(i!==t.length)return!1;for(let s=0;st.removeEventListener(e,i)}let sW={x:!1,y:!1};function s$(t){return t.max-t.min}function sH(t,e,i,s=.5){t.origin=s,t.originPoint=eO(e.min,e.max,t.origin),t.scale=s$(i)/s$(e),t.translate=eO(i.min,i.max,t.origin)-t.originPoint,(t.scale>=.9999&&t.scale<=1.0001||isNaN(t.scale))&&(t.scale=1),(t.translate>=-.01&&t.translate<=.01||isNaN(t.translate))&&(t.translate=0)}function sY(t,e,i,s){sH(t.x,e.x,i.x,s?s.originX:void 0),sH(t.y,e.y,i.y,s?s.originY:void 0)}function sX(t,e,i,s=0){t.min=(s?eO(i.min,i.max,s):i.min)+e.min,t.max=t.min+s$(e)}function sK(t,e,i,s=0){let n=s?eO(i.min,i.max,s):i.min;t.min=e.min-n,t.max=t.min+s$(e)}function sG(t,e,i,s){sK(t.x,e.x,i.x,s?.x),sK(t.y,e.y,i.y,s?.y)}let sq=t=>"object"==typeof t&&null!==t;function sZ(t){return sq(t)&&"ownerSVGElement"in t}function sJ(t,e,i){if(null==t)return[];if(t instanceof EventTarget)return[t];if("string"==typeof t){let s=document;e&&(s=e.current);let n=i?.[t]??s.querySelectorAll(t);return n?Array.from(n):[]}return Array.from(t).filter(t=>null!=t)}let sQ=new WeakMap,s0=(t,e,i)=>(s,n)=>n&&n[0]?n[0][t+"Size"]:sZ(s)&&"getBBox"in s?s.getBBox()[e]:s[i],s1=s0("inline","width","offsetWidth"),s2=s0("block","height","offsetHeight");function s5({target:t,borderBoxSize:e}){sQ.get(t)?.forEach(i=>{i(t,{get width(){return s1(t,e)},get height(){return s2(t,e)}})})}function s3(t){t.forEach(s5)}let s4=new Set;function s9(t,e){let n;return"function"==typeof t?(s4.add(t),s||(s=()=>{let t={get width(){return window.innerWidth},get height(){return window.innerHeight}};s4.forEach(e=>e(t))},window.addEventListener("resize",s)),()=>{s4.delete(t),s4.size||"function"!=typeof s||(window.removeEventListener("resize",s),s=void 0)}):(!i&&"u">typeof ResizeObserver&&(i=new ResizeObserver(s3)),(n=sJ(t)).forEach(t=>{let s=sQ.get(t);s||(s=new Set,sQ.set(t,s)),s.add(e),i?.observe(t)}),()=>{n.forEach(t=>{let s=sQ.get(t);s?.delete(e),s?.size||i?.unobserve(t)})})}let s6=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]),s8=new Set(["INPUT","SELECT","TEXTAREA"]),s7=t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary;function nt(t){return{point:{x:t.pageX,y:t.pageY}}}function ne(t,e,i,s){return sU(t,e,t=>s7(t)&&i(t,nt(t)),s)}let ni=({current:t})=>t?t.ownerDocument.defaultView:null,ns=(t,e)=>Math.abs(t-e),nn=new Set(["auto","scroll"]);class nr{constructor(t,e,{transformPagePoint:i,contextWindow:s=window,dragSnapToOrigin:n=!1,distanceThreshold:r=3,element:o}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.lastRawMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=t=>{this.handleScroll(t.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{var t,e;if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;this.lastRawMoveEventInfo&&(this.lastMoveEventInfo=no(this.lastRawMoveEventInfo,this.transformPagePoint));let i=nl(this.lastMoveEventInfo,this.history),s=null!==this.startEvent,n=(t=i.offset,e={x:0,y:0},Math.sqrt(ns(t.x,e.x)**2+ns(t.y,e.y)**2)>=this.distanceThreshold);if(!s&&!n)return;let{point:r}=i,{timestamp:o}=tR;this.history.push({...r,timestamp:o});let{onStart:a,onMove:l}=this.handlers;s||(a&&a(this.lastMoveEvent,i),this.startEvent=this.lastMoveEvent),l&&l(this.lastMoveEvent,i)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastRawMoveEventInfo=e,this.lastMoveEventInfo=no(e,this.transformPagePoint),tC.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{this.end();let{onEnd:i,onSessionEnd:s,resumeAnimation:n}=this.handlers;if((this.dragSnapToOrigin||!this.startEvent)&&n&&n(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let r=nl("pointercancel"===t.type?this.lastMoveEventInfo:no(e,this.transformPagePoint),this.history);this.startEvent&&i&&i(t,r),s&&s(t,r)},!s7(t))return;this.dragSnapToOrigin=n,this.handlers=e,this.transformPagePoint=i,this.distanceThreshold=r,this.contextWindow=s||window;const a=no(nt(t),this.transformPagePoint),{point:l}=a,{timestamp:h}=tR;this.history=[{...l,timestamp:h}];const{onSessionStart:u}=e;u&&u(t,nl(a,this.history)),this.removeListeners=iR(ne(this.contextWindow,"pointermove",this.handlePointerMove),ne(this.contextWindow,"pointerup",this.handlePointerUp),ne(this.contextWindow,"pointercancel",this.handlePointerUp)),o&&this.startScrollTracking(o)}startScrollTracking(t){let e=t.parentElement;for(;e;){let t=getComputedStyle(e);(nn.has(t.overflowX)||nn.has(t.overflowY))&&this.scrollPositions.set(e,{x:e.scrollLeft,y:e.scrollTop}),e=e.parentElement}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener("scroll",this.onElementScroll,{capture:!0}),window.addEventListener("scroll",this.onWindowScroll),this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:!0}),window.removeEventListener("scroll",this.onWindowScroll)}}handleScroll(t){let e=this.scrollPositions.get(t);if(!e)return;let i=t===window,s=i?{x:window.scrollX,y:window.scrollY}:{x:t.scrollLeft,y:t.scrollTop},n={x:s.x-e.x,y:s.y-e.y};(0!==n.x||0!==n.y)&&(i?this.lastMoveEventInfo&&(this.lastMoveEventInfo.point.x+=n.x,this.lastMoveEventInfo.point.y+=n.y):this.history.length>0&&(this.history[0].x-=n.x,this.history[0].y-=n.y),this.scrollPositions.set(t,s),tC.update(this.updatePoint,!0))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),this.removeScrollListeners&&this.removeScrollListeners(),this.scrollPositions.clear(),tj(this.updatePoint)}}function no(t,e){return e?{point:e(t.point)}:t}function na(t,e){return{x:t.x-e.x,y:t.y-e.y}}function nl({point:t},e){return{point:t,delta:na(t,nh(e)),offset:na(t,e[0]),velocity:function(t){if(t.length<2)return{x:0,y:0};let e=t.length-1,i=null,s=nh(t);for(;e>=0&&(i=t[e],!(s.timestamp-i.timestamp>tH(.1)));)e--;if(!i)return{x:0,y:0};i===t[0]&&t.length>2&&s.timestamp-i.timestamp>2*tH(.1)&&(i=t[1]);let n=(s.timestamp-i.timestamp)/1e3;if(0===n)return{x:0,y:0};let r={x:(s.x-i.x)/n,y:(s.y-i.y)/n};return r.x===1/0&&(r.x=0),r.y===1/0&&(r.y=0),r}(e)}}function nh(t){return t[t.length-1]}function nu(t,e,i){return{min:void 0!==e?t.min+e:void 0,max:void 0!==i?t.max+i-(t.max-t.min):void 0}}function nd(t,e){let i=e.min-t.min,s=e.max-t.max;return e.max-e.min{e&&this.snapToCursor(nt(t).point),this.stopAnimation()},r=(t,e)=>{let{drag:i,dragPropagation:s,onDragStart:n}=this.getProps();if(i&&!s&&(this.openDragLock&&this.openDragLock(),this.openDragLock=function(t){if("x"===t||"y"===t)if(sW[t])return null;else return sW[t]=!0,()=>{sW[t]=!1};return sW.x||sW.y?null:(sW.x=sW.y=!0,()=>{sW.x=sW.y=!1})}(i),!this.openDragLock))return;this.latestPointerEvent=t,this.latestPanInfo=e,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),sz(t=>{let e=this.getAxisMotionValue(t).get()||0;if(P.test(e)){let{projection:i}=this.visualElement;if(i&&i.layout){let s=i.layout.layoutBox[t];s&&(e=s$(s)*(parseFloat(e)/100))}}this.originPoint[t]=e}),n&&tC.update(()=>n(t,e),!1,!0),ij(this.visualElement,"transform");let{animationState:r}=this.visualElement;r&&r.setActive("whileDrag",!0)},o=(t,e)=>{this.latestPointerEvent=t,this.latestPanInfo=e;let{dragPropagation:i,dragDirectionLock:s,onDirectionLock:n,onDrag:r}=this.getProps();if(!i&&!this.openDragLock)return;let{offset:o}=e;if(s&&null===this.currentDirection){this.currentDirection=function(t,e=10){let i=null;return Math.abs(t.y)>e?i="y":Math.abs(t.x)>e&&(i="x"),i}(o),null!==this.currentDirection&&n&&n(this.currentDirection);return}this.updateAxis("x",e.point,o),this.updateAxis("y",e.point,o),this.visualElement.render(),r&&tC.update(()=>r(t,e),!1,!0)},a=(t,e)=>{this.latestPointerEvent=t,this.latestPanInfo=e,this.stop(t,e),this.latestPointerEvent=null,this.latestPanInfo=null},l=()=>{let{dragSnapToOrigin:t}=this.getProps();(t||this.constraints)&&this.startAnimation({x:0,y:0})},{dragSnapToOrigin:h}=this.getProps();this.panSession=new nr(t,{onSessionStart:n,onStart:r,onMove:o,onSessionEnd:a,resumeAnimation:l},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:h,distanceThreshold:i,contextWindow:ni(this.visualElement),element:this.visualElement.current})}stop(t,e){let i=t||this.latestPointerEvent,s=e||this.latestPanInfo,n=this.isDragging;if(this.cancel(),!n||!s||!i)return;let{velocity:r}=s;this.startAnimation(r);let{onDragEnd:o}=this.getProps();o&&tC.postRender(()=>o(i,s))}cancel(){this.isDragging=!1;let{projection:t,animationState:e}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.endPanSession();let{dragPropagation:i}=this.getProps();!i&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),e&&e.setActive("whileDrag",!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(t,e,i){let{drag:s}=this.getProps();if(!i||!ny(t,s,this.currentDirection))return;let n=this.getAxisMotionValue(t),r=this.originPoint[t]+i[t];this.constraints&&this.constraints[t]&&(r=function(t,{min:e,max:i},s){return void 0!==e&&ti&&(t=s?eO(i,t,s.max):Math.min(t,i)),t}(r,this.constraints[t],this.elastic[t])),n.set(r)}resolveConstraints(){let{dragConstraints:t,dragElastic:e}=this.getProps(),i=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,s=this.constraints;t&&iS(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&i?this.constraints=function(t,{top:e,left:i,bottom:s,right:n}){return{x:nu(t.x,i,n),y:nu(t.y,e,s)}}(i.layoutBox,t):this.constraints=!1,this.elastic=function(t=.35){return!1===t?t=0:!0===t&&(t=.35),{x:nc(t,"left","right"),y:nc(t,"top","bottom")}}(e),s!==this.constraints&&!iS(t)&&i&&this.constraints&&!this.hasMutatedConstraints&&sz(t=>{var e,s;let n;!1!==this.constraints&&this.getAxisMotionValue(t)&&(this.constraints[t]=(e=i.layoutBox[t],s=this.constraints[t],n={},void 0!==s.min&&(n.min=s.min-e.min),void 0!==s.max&&(n.max=s.max-e.min),n))})}resolveRefConstraints(){var t;let{dragConstraints:e,onMeasureDragConstraints:i}=this.getProps();if(!e||!iS(e))return!1;let s=e.current;tn(null!==s,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");let{projection:n}=this.visualElement;if(!n||!n.layout)return!1;n.root&&(n.root.scroll=void 0,n.root.updateScroll());let r=function(t,e,i){let s=e3(t,i),{scroll:n}=e;return n&&(e0(s.x,n.offset.x),e0(s.y,n.offset.y)),s}(s,n.root,this.visualElement.getTransformPagePoint()),o=(t=n.layout.layoutBox,{x:nd(t.x,r.x),y:nd(t.y,r.y)});if(i){let t=i(function({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}(o));this.hasMutatedConstraints=!!t,t&&(o=eY(t))}return o}startAnimation(t){let{drag:e,dragMomentum:i,dragElastic:s,dragTransition:n,dragSnapToOrigin:r,onDragTransitionEnd:o}=this.getProps(),a=this.constraints||{};return Promise.all(sz(o=>{if(!ny(o,e,this.currentDirection))return;let l=a&&a[o]||{};(!0===r||r===o)&&(l={min:0,max:0});let h={type:"inertia",velocity:i?t[o]:0,bounceStiffness:s?200:1e6,bounceDamping:s?40:1e7,timeConstant:750,restDelta:1,restSpeed:10,...n,...l};return this.startAxisValueAnimation(o,h)})).then(o)}startAxisValueAnimation(t,e){let i=this.getAxisMotionValue(t);return ij(this.visualElement,t),i.start(sC(t,i,0,e,this.visualElement,!1))}stopAnimation(){sz(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){let e=`_drag${t.toUpperCase()}`;return this.visualElement.getProps()[e]||this.visualElement.getValue(t,this.visualElement.latestValues[t]??0)}snapToCursor(t){sz(e=>{let{drag:i}=this.getProps();if(!ny(e,i,this.currentDirection))return;let{projection:s}=this.visualElement,n=this.getAxisMotionValue(e);if(s&&s.layout){let{min:i,max:r}=s.layout.layoutBox[e],o=n.get()||0;n.set(t[e]-eO(i,r,.5)+o)}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;let{drag:t,dragConstraints:e}=this.getProps(),{projection:i}=this.visualElement;if(!iS(e)||!i||!this.constraints)return;this.stopAnimation();let s={x:0,y:0};sz(t=>{let e=this.getAxisMotionValue(t);if(e&&!1!==this.constraints){var i,n;let r,o,a,l=e.get();s[t]=(i={min:l,max:l},n=this.constraints[t],r=.5,o=s$(i),(a=s$(n))>o?r=sd(n.min,n.max-o,i.min):o>a&&(r=sd(i.min,i.max-a,n.min)),u(0,1,r))}});let{transformTemplate:n}=this.visualElement.getProps();this.visualElement.current.style.transform=n?n({},""):"none",i.root&&i.root.updateScroll(),i.updateLayout(),this.constraints=!1,this.resolveConstraints(),sz(e=>{if(!ny(e,t,null))return;let i=this.getAxisMotionValue(e),{min:n,max:r}=this.constraints[e];i.set(eO(n,r,s[e]))}),this.visualElement.render()}addListeners(){let t;if(!this.visualElement.current)return;nm.set(this.visualElement,this);let e=this.visualElement.current,i=ne(e,"pointerdown",t=>{let{drag:i,dragListener:s=!0}=this.getProps(),n=t.target,r=n!==e&&(s8.has(n.tagName)||!0===n.isContentEditable);i&&s&&!r&&this.start(t)}),s=()=>{var i,s,n;let r,o,{dragConstraints:a}=this.getProps();iS(a)&&a.current&&(this.constraints=this.resolveRefConstraints(),t||(i=e,s=a.current,r=s9(i,ng(n=()=>this.scalePositionWithinConstraints())),o=s9(s,ng(n)),t=()=>{r(),o()}))},{projection:n}=this.visualElement,r=n.addEventListener("measure",s);n&&!n.layout&&(n.root&&n.root.updateScroll(),n.updateLayout()),tC.read(s);let o=sU(window,"resize",()=>this.scalePositionWithinConstraints()),a=n.addEventListener("didUpdate",({delta:t,hasLayoutChanged:e})=>{this.isDragging&&e&&(sz(e=>{let i=this.getAxisMotionValue(e);i&&(this.originPoint[e]+=t[e].translate,i.set(i.get()+t[e].translate))}),this.visualElement.render())});return()=>{o(),i(),r(),a&&a(),t&&t()}}getProps(){let t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:i=!1,dragPropagation:s=!1,dragConstraints:n=!1,dragElastic:r=.35,dragMomentum:o=!0}=t;return{...t,drag:e,dragDirectionLock:i,dragPropagation:s,dragConstraints:n,dragElastic:r,dragMomentum:o}}}function ng(t){let e=!0;return()=>{if(e){e=!1;return}t()}}function ny(t,e,i){return(!0===e||e===t)&&(null===i||i===t)}let nv=t=>(e,i)=>{t&&tC.update(()=>t(e,i),!1,!0)},nx={hasAnimatedSinceResize:!0,hasEverUpdated:!1};var nb=o;let nw=!1;class nT extends nb.Component{componentDidMount(){let{visualElement:t,layoutGroup:e,switchLayoutGroup:i,layoutId:s}=this.props,{projection:n}=t;n&&(e.group&&e.group.add(n),i&&i.register&&s&&i.register(n),nw&&n.root.didUpdate(),n.addEventListener("animationComplete",()=>{this.safeToRemove()}),n.setOptions({...n.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})),nx.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){let{layoutDependency:e,visualElement:i,drag:s,isPresent:n}=this.props,{projection:r}=i;return r&&(r.isPresent=n,t.layoutDependency!==e&&r.setOptions({...r.options,layoutDependency:e}),nw=!0,s||t.layoutDependency!==e||void 0===e||t.isPresent!==n?r.willUpdate():this.safeToRemove(),t.isPresent!==n&&(n?r.promote():r.relegate()||tC.postRender(()=>{let t=r.getStack();t&&t.members.length||this.safeToRemove()}))),null}componentDidUpdate(){let{visualElement:t,layoutAnchor:e}=this.props,{projection:i}=t;i&&(i.options.layoutAnchor=e,i.root.didUpdate(),ei.postRender(()=>{!i.currentAnimation&&i.isLead()&&this.safeToRemove()}))}componentWillUnmount(){let{visualElement:t,layoutGroup:e,switchLayoutGroup:i}=this.props,{projection:s}=t;nw=!0,s&&(s.scheduleCheckAfterUnmount(),e&&e.group&&e.group.remove(s),i&&i.deregister&&i.deregister(s))}safeToRemove(){let{safeToRemove:t}=this.props;t&&t()}render(){return null}}function nS(t){let[e,i]=function(t=!0){let e=(0,o.useContext)(id);if(null===e)return[!0,null];let{isPresent:i,onExitComplete:s,register:n}=e,r=(0,o.useId)();(0,o.useEffect)(()=>{if(t)return n(r)},[t]);let a=(0,o.useCallback)(()=>t&&s&&s(r),[r,s,t]);return!i&&s?[!1,a]:[!0]}(),s=(0,nb.useContext)(e8);return(0,r.jsx)(nT,{...t,layoutGroup:s,switchLayoutGroup:(0,nb.useContext)(iT),isPresent:e,safeToRemove:i})}let nP=["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],nk=nP.length,nA=t=>"string"==typeof t?parseFloat(t):t,nE=t=>"number"==typeof t||k.test(t);function nM(t,e){return void 0!==t[e]?t[e]:t.borderRadius}let nV=nj(0,.5,sa),nC=nj(.5,.95,tA);function nj(t,e,i){return s=>se?1:i(sd(t,e,s))}function nR(t,e){t.min=e.min,t.max=e.max}function nD(t,e){nR(t.x,e.x),nR(t.y,e.y)}function nL(t,e){t.translate=e.translate,t.scale=e.scale,t.originPoint=e.originPoint,t.origin=e.origin}function n_(t,e,i,s,n){return t-=e,t=s+1/i*(t-s),void 0!==n&&(t=s+1/n*(t-s)),t}function nB(t,e,[i,s,n],r,o){!function(t,e=0,i=1,s=.5,n,r=t,o=t){if(P.test(e)&&(e=parseFloat(e),e=eO(o.min,o.max,e/100)-o.min),"number"!=typeof e)return;let a=eO(r.min,r.max,s);t===r&&(a-=e),t.min=n_(t.min,e,i,a,n),t.max=n_(t.max,e,i,a,n)}(t,e[i],e[s],e[n],e.scale,r,o)}let nF=["x","scaleX","originX"],nI=["y","scaleY","originY"];function nN(t,e,i,s){nB(t.x,e,nF,i?i.x:void 0,s?s.x:void 0),nB(t.y,e,nI,i?i.y:void 0,s?s.y:void 0)}function nO(t){return 0===t.translate&&1===t.scale}function nz(t){return nO(t.x)&&nO(t.y)}function nU(t,e){return t.min===e.min&&t.max===e.max}function nW(t,e){return Math.round(t.min)===Math.round(e.min)&&Math.round(t.max)===Math.round(e.max)}function n$(t,e){return nW(t.x,e.x)&&nW(t.y,e.y)}function nH(t){return s$(t.x)/s$(t.y)}function nY(t,e){return t.translate===e.translate&&t.scale===e.scale&&t.originPoint===e.originPoint}class nX{constructor(){this.members=[]}add(t){tY(this.members,t);for(let e=this.members.length-1;e>=0;e--){let i=this.members[e];if(i===t||i===this.lead||i===this.prevLead)continue;let s=i.instance;s&&!1!==s.isConnected||i.snapshot||(tX(this.members,i),i.unmount())}t.scheduleRender()}remove(t){if(tX(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){let t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){for(let e=this.members.indexOf(t)-1;e>=0;e--){let t=this.members[e];if(!1!==t.isPresent&&t.instance?.isConnected!==!1)return this.promote(t),!0}return!1}promote(t,e){let i=this.lead;if(t!==i&&(this.prevLead=i,this.lead=t,t.show(),i)){i.updateSnapshot(),t.scheduleRender();let{layoutDependency:s}=i.options,{layoutDependency:n}=t.options;(void 0===s||s!==n)&&(t.resumeFrom=i,e&&(i.preserveOpacity=!0),i.snapshot&&(t.snapshot=i.snapshot,t.snapshot.latestValues=i.animationValues||i.latestValues),t.root?.isUpdating&&(t.isLayoutDirty=!0)),!1===t.options.crossfade&&i.hide()}}exitAnimationComplete(){this.members.forEach(t=>{t.options.onExitComplete?.(),t.resumingFrom?.options.onExitComplete?.()})}scheduleRender(){this.members.forEach(t=>t.instance&&t.scheduleRender(!1))}removeLeadSnapshot(){this.lead?.snapshot&&(this.lead.snapshot=void 0)}}let nK=(t,e)=>t.depth-e.depth;class nG{constructor(){this.children=[],this.isDirty=!1}add(t){tY(this.children,t),this.isDirty=!0}remove(t){tX(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(nK),this.isDirty=!1,this.children.forEach(t)}}let nq=["","X","Y","Z"],nZ=0;function nJ(t,e,i,s){let{latestValues:n}=e;n[t]&&(i[t]=n[t],e.setStaticValue(t,0),s&&(s[t]=0))}function nQ({attachResizeListener:t,defaultParent:e,measureScroll:i,checkIsScrollRoot:s,resetTransform:n}){return class{constructor(t={},i=e?.()){this.id=nZ++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.layoutVersion=0,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(n2),this.nodes.forEach(re),this.nodes.forEach(ri),this.nodes.forEach(n5)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=t,this.root=i?i.root||i:this,this.path=i?[...i.path,i]:[],this.parent=i,this.depth=i?i.depth+1:0;for(let t=0;tthis.root.updateBlockedByResize=!1;tC.read(()=>{s=window.innerWidth}),t(e,()=>{let t=window.innerWidth;if(t!==s){let e,r;s=t,this.root.updateBlockedByResize=!0,i&&i(),e=en.now(),r=({timestamp:t})=>{let i=t-e;i>=250&&(tj(r),n(i-250))},tC.setup(r,!0),i=()=>tj(r),nx.hasAnimatedSinceResize&&(nx.hasAnimatedSinceResize=!1,this.nodes.forEach(rt))}})}i&&this.root.registerSharedNode(i,this),!1!==this.options.animate&&n&&(i||s)&&this.addEventListener("didUpdate",({delta:t,hasLayoutChanged:e,hasRelativeLayoutChanged:i,layout:s})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}let r=this.options.transition||n.getDefaultTransition()||rl,{onLayoutAnimationStart:o,onLayoutAnimationComplete:a}=n.getProps(),l=!this.targetLayout||!n$(this.targetLayout,s),h=!e&&i;if(this.options.layoutRoot||this.resumeFrom||h||e&&(l||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);let e={...iV(r,"layout"),onPlay:o,onComplete:a};(n.shouldReduceMotion||this.options.layoutRoot)&&(e.delay=0,e.type=!1),this.startAnimation(e),this.setAnimationOrigin(t,h,e.path)}else e||rt(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=s})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);let t=this.getStack();t&&t.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),tj(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){!this.isUpdateBlocked()&&(this.isUpdating=!0,this.nodes&&this.nodes.forEach(rs),this.animationId++)}getTransformTemplate(){let{visualElement:t}=this.options;return t&&t.getProps().transformTemplate}willUpdate(t=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&function t(e){if(e.hasCheckedOptimisedAppear=!0,e.root===e)return;let{visualElement:i}=e.options;if(!i)return;let s=i.props[iw];if(window.MotionHasOptimisedAnimation(s,"transform")){let{layout:t,layoutId:i}=e.options;window.MotionCancelOptimisedAnimation(s,"transform",tC,!(t||i))}let{parent:n}=e;n&&!n.hasCheckedOptimisedAppear&&t(n)}(this),this.root.isUpdating||this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let t=0;t{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure(),!this.snapshot||s$(this.snapshot.measuredBox.x)||s$(this.snapshot.measuredBox.y)||(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let t=0;t.999999999999&&(e.x=1),e.y<1.0000000000001&&e.y>.999999999999&&(e.y=1)}}(this.layoutCorrected,this.treeScale,this.path,e),t.layout&&!t.target&&(1!==this.treeScale.x||1!==this.treeScale.y)&&(t.target=t.layout.layoutBox,t.targetWithTransforms=q());let{target:a}=t;if(!a){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}this.projectionDelta&&this.prevProjectionDelta?(nL(this.prevProjectionDelta.x,this.projectionDelta.x),nL(this.prevProjectionDelta.y,this.projectionDelta.y)):this.createProjectionDeltas(),sY(this.projectionDelta,this.layoutCorrected,a,this.latestValues),this.treeScale.x===r&&this.treeScale.y===o&&nY(this.projectionDelta.x,this.prevProjectionDelta.x)&&nY(this.projectionDelta.y,this.prevProjectionDelta.y)||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",a))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(t=!0){if(this.options.visualElement?.scheduleRender(),t){let t=this.getStack();t&&t.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=K(),this.projectionDelta=K(),this.projectionDeltaWithTransform=K()}setAnimationOrigin(t,e=!1,i){let s,n=this.snapshot,r=n?n.latestValues:{},o={...this.latestValues},a=K();this.relativeParent&&this.relativeParent.options.layoutRoot||(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!e;let l=q(),h=(n?n.source:void 0)!==(this.layout?this.layout.source:void 0),u=this.getStack(),d=!u||u.members.length<=1,c=!!(h&&!d&&!0===this.options.crossfade&&!this.path.some(ra));this.animationProgress=0;let p=i?.interpolateProjection(t);this.mixTargetDelta=e=>{let i=e/1e3,n=p?.(i);if(n?(a.x.translate=n.x,a.x.scale=eO(t.x.scale,1,i),a.x.origin=t.x.origin,a.x.originPoint=t.x.originPoint,a.y.translate=n.y,a.y.scale=eO(t.y.scale,1,i),a.y.origin=t.y.origin,a.y.originPoint=t.y.originPoint):(rr(a.x,t.x,i),rr(a.y,t.y,i)),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout){var u,m,f,g,y,v;sG(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox,this.options.layoutAnchor||void 0),f=this.relativeTarget,g=this.relativeTargetOrigin,y=l,v=i,ro(f.x,g.x,y.x,v),ro(f.y,g.y,y.y,v),s&&(u=this.relativeTarget,m=s,nU(u.x,m.x)&&nU(u.y,m.y))&&(this.isProjectionDirty=!1),s||(s=q()),nD(s,this.relativeTarget)}h&&(this.animationValues=o,function(t,e,i,s,n,r){n?(t.opacity=eO(0,i.opacity??1,nV(s)),t.opacityExit=eO(e.opacity??1,0,nC(s))):r&&(t.opacity=eO(e.opacity??1,i.opacity??1,s));for(let n=0;n{var e,i,s;let n;nx.hasAnimatedSinceResize=!0,t5.layout++,this.motionValue||(this.motionValue=el(0)),this.motionValue.jump(0,!1),this.currentAnimation=(e=this.motionValue,i=[0,1e3],s={...t,velocity:0,isSync:!0,onUpdate:e=>{this.mixTargetDelta(e),t.onUpdate&&t.onUpdate(e)},onStop:()=>{t5.layout--},onComplete:()=>{t5.layout--,t.onComplete&&t.onComplete(),this.completeAnimation()}},(n=Z(e)?e:el(e)).start(sC("",n,i,s)),n.animation),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);let t=this.getStack();t&&t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){let t=this.getLead(),{targetWithTransforms:e,target:i,layout:s,latestValues:n}=t;if(e&&i&&s){if(this!==t&&this.layout&&s&&rc(this.options.animationType,this.layout.layoutBox,s.layoutBox)){i=this.target||q();let e=s$(this.layout.layoutBox.x);i.x.min=t.target.x.min,i.x.max=i.x.min+e;let s=s$(this.layout.layoutBox.y);i.y.min=t.target.y.min,i.y.max=i.y.min+s}nD(e,i),e5(e,n),sY(this.projectionDeltaWithTransform,this.layoutCorrected,e,n)}}registerSharedNode(t,e){this.sharedNodes.has(t)||this.sharedNodes.set(t,new nX),this.sharedNodes.get(t).add(e);let i=e.options.initialPromotionConfig;e.promote({transition:i?i.transition:void 0,preserveFollowOpacity:i&&i.shouldPreserveFollowOpacity?i.shouldPreserveFollowOpacity(e):void 0})}isLead(){let t=this.getStack();return!t||t.lead===this}getLead(){let{layoutId:t}=this.options;return t&&this.getStack()?.lead||this}getPrevLead(){let{layoutId:t}=this.options;return t?this.getStack()?.prevLead:void 0}getStack(){let{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote({needsReset:t,transition:e,preserveFollowOpacity:i}={}){let s=this.getStack();s&&s.promote(this,i),t&&(this.projectionDelta=void 0,this.needsReset=!0),e&&this.setOptions({transition:e})}relegate(){let t=this.getStack();return!!t&&t.relegate(this)}resetSkewAndRotation(){let{visualElement:t}=this.options;if(!t)return;let e=!1,{latestValues:i}=t;if((i.z||i.rotate||i.rotateX||i.rotateY||i.rotateZ||i.skewX||i.skewY)&&(e=!0),!e)return;let s={};i.z&&nJ("z",t,s,this.animationValues);for(let e=0;et.currentAnimation?.stop()),this.root.nodes.forEach(n4),this.root.sharedNodes.clear()}}}function n0(t){t.updateLayout()}function n1(t){let e=t.resumeFrom?.snapshot||t.snapshot;if(t.isLead()&&t.layout&&e&&t.hasListeners("didUpdate")){let{layoutBox:i,measuredBox:s}=t.layout,{animationType:n}=t.options,r=e.source!==t.layout.source;if("size"===n)sz(t=>{let s=r?e.measuredBox[t]:e.layoutBox[t],n=s$(s);s.min=i[t].min,s.max=s.min+n});else if("x"===n||"y"===n){let t="x"===n?"y":"x";nR(r?e.measuredBox[t]:e.layoutBox[t],i[t])}else rc(n,e.layoutBox,i)&&sz(s=>{let n=r?e.measuredBox[s]:e.layoutBox[s],o=s$(i[s]);n.max=n.min+o,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[s].max=t.relativeTarget[s].min+o)});let o=K();sY(o,i,e.layoutBox);let a=K();r?sY(a,t.applyTransform(s,!0),e.measuredBox):sY(a,i,e.layoutBox);let l=!nz(o),h=!1;if(!t.resumeFrom){let s=t.getClosestProjectingParent();if(s&&!s.resumeFrom){let{snapshot:n,layout:r}=s;if(n&&r){let o=t.options.layoutAnchor||void 0,a=q();sG(a,e.layoutBox,n.layoutBox,o);let l=q();sG(l,i,r.layoutBox,o),n$(a,l)||(h=!0),s.options.layoutRoot&&(t.relativeTarget=l,t.relativeTargetOrigin=a,t.relativeParent=s)}}}t.notifyListeners("didUpdate",{layout:i,snapshot:e,delta:a,layoutDelta:o,hasLayoutChanged:l,hasRelativeLayoutChanged:h})}else if(t.isLead()){let{onExitComplete:e}=t.options;e&&e()}t.options.transition=void 0}function n2(t){t.parent&&(t.isProjecting()||(t.isProjectionDirty=t.parent.isProjectionDirty),t.isSharedProjectionDirty||(t.isSharedProjectionDirty=!!(t.isProjectionDirty||t.parent.isProjectionDirty||t.parent.isSharedProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=t.parent.isTransformDirty))}function n5(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function n3(t){t.clearSnapshot()}function n4(t){t.clearMeasurements()}function n9(t){t.isLayoutDirty=!0,t.updateLayout()}function n6(t){t.isLayoutDirty=!1}function n8(t){t.isAnimationBlocked&&t.layout&&!t.isLayoutDirty&&(t.snapshot=t.layout,t.isLayoutDirty=!0)}function n7(t){let{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function rt(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function re(t){t.resolveTargetDelta()}function ri(t){t.calcProjection()}function rs(t){t.resetSkewAndRotation()}function rn(t){t.removeLeadSnapshot()}function rr(t,e,i){t.translate=eO(e.translate,0,i),t.scale=eO(e.scale,1,i),t.origin=e.origin,t.originPoint=e.originPoint}function ro(t,e,i,s){t.min=eO(e.min,i.min,s),t.max=eO(e.max,i.max,s)}function ra(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}let rl={duration:.45,ease:[.4,0,.1,1]},rh=t=>"u">typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),ru=rh("applewebkit/")&&!rh("chrome/")?Math.round:tA;function rd(t){t.min=ru(t.min),t.max=ru(t.max)}function rc(t,e,i){return"position"===t||"preserve-aspect"===t&&!(.2>=Math.abs(nH(e)-nH(i)))}function rp(t){return t!==t.root&&t.scroll?.wasRoot}let rm=nQ({attachResizeListener:(t,e)=>sU(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body?.scrollLeft||0,y:document.documentElement.scrollTop||document.body?.scrollTop||0}),checkIsScrollRoot:()=>!0}),rf={current:void 0},rg=nQ({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!rf.current){let t=new rm({});t.mount(window),t.setOptions({layoutScroll:!0}),rf.current=t}return rf.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>"fixed"===window.getComputedStyle(t).position});function ry(t,e){let i=sJ(t),s=new AbortController;return[i,{passive:!0,...e,signal:s.signal},()=>s.abort()]}function rv(t,e,i){let{props:s}=t;t.animationState&&s.whileHover&&t.animationState.setActive("whileHover","Start"===i);let n=s["onHover"+i];n&&tC.postRender(()=>n(e,nt(e)))}let rx=(t,e)=>!!e&&(t===e||rx(t,e.parentElement)),rb=new WeakSet;function rw(t){return e=>{"Enter"===e.key&&t(e)}}function rT(t,e){t.dispatchEvent(new PointerEvent("pointer"+e,{isPrimary:!0,bubbles:!0}))}function rS(t){return s7(t)&&!(sW.x||sW.y)}let rP=new WeakSet;function rk(t,e,i){let{props:s}=t;if(t.current instanceof HTMLButtonElement&&t.current.disabled)return;t.animationState&&s.whileTap&&t.animationState.setActive("whileTap","Start"===i);let n=s["onTap"+("End"===i?"":i)];n&&tC.postRender(()=>n(e,nt(e)))}let rA=new WeakMap,rE=new WeakMap,rM=t=>{let e=rA.get(t.target);e&&e(t)},rV=t=>{t.forEach(rM)},rC={some:0,all:1},rj=function(t,e){if("u"ik(i,s,t,e);return new Proxy((t,e)=>s(t,e),{get:(n,r)=>"create"===r?s:(i.has(r)||i.set(r,ik(r,void 0,t,e)),i.get(r))})}({animation:{Feature:class extends iA{constructor(t){super(t),t.animationState||(t.animationState=function(t){let e=e=>Promise.all(e.map(({animation:e,options:i})=>(function(t,e,i={}){let s;if(t.notify("AnimationStart",e),Array.isArray(e))s=Promise.all(e.map(e=>sD(t,e,i)));else if("string"==typeof e)s=sD(t,e,i);else{let n="function"==typeof e?iE(t,e,i.custom):e;s=Promise.all(sj(t,n,i))}return s.then(()=>{t.notify("AnimationComplete",e)})})(t,e,i))),i=sN(),s=!0,n=!1,r=e=>(i,s)=>{let n=iE(t,s,"exit"===e?t.presenceContext?.custom:void 0);if(n){let{transition:t,transitionEnd:e,...s}=n;i={...i,...s,...e}}return i};function o(o){let{props:a}=t,l=function t(e){if(!e)return;if(!e.isControllingVariants){let i=e.parent&&t(e.parent)||{};return void 0!==e.props.initial&&(i.initial=e.props.initial),i}let i={};for(let t=0;tc&&v,S=!1,P=Array.isArray(y)?y:[y],k=P.reduce(r(f),{});!1===x&&(k={});let{prevResolvedValues:A={}}=g,E={...A,...k},M=e=>{T=!0,u.has(e)&&(S=!0,u.delete(e)),g.needsAnimating[e]=!0;let i=t.getValue(e);i&&(i.liveStyle=!1)};for(let t in E){let e=k[t],i=A[t];if(!d.hasOwnProperty(t))(iC(e)&&iC(i)?!s_(e,i)||w:e!==i)?null!=e?M(t):u.add(t):void 0!==e&&u.has(t)?M(t):g.protectedKeys[t]=!0}g.prevProp=y,g.prevResolvedValues=k,g.isActive&&(d={...d,...k}),(s||n)&&t.blockInitialAnimation&&(T=!1);let V=b&&w,C=!V||S;T&&C&&h.push(...P.map(e=>{let i={type:f};if("string"==typeof e&&(s||n)&&!V&&t.manuallyAnimateOnMount&&t.parent){let{parent:s}=t,n=iE(s,e);if(s.enteringChildren&&n){let{delayChildren:e}=n.transition||{};i.delay=sR(s.enteringChildren,t,e)}}return{animation:e,options:i}}))}if(u.size){let e={};if("boolean"!=typeof a.initial){let i=iE(t,Array.isArray(a.initial)?a.initial[0]:a.initial);i&&i.transition&&(e.transition=i.transition)}u.forEach(i=>{let s=t.getBaseTarget(i),n=t.getValue(i);n&&(n.liveStyle=!0),e[i]=s??null}),h.push({animation:e})}let f=!!h.length;return s&&(!1===a.initial||a.initial===a.animate)&&!t.manuallyAnimateOnMount&&(f=!1),s=!1,n=!1,f?e(h):Promise.resolve()}return{animateChanges:o,setActive:function(e,s){if(i[e].isActive===s)return Promise.resolve();t.variantChildren?.forEach(t=>t.animationState?.setActive(e,s)),i[e].isActive=s;let n=o(e);for(let t in i)i[t].protectedKeys={};return n},setAnimateFunction:function(i){e=i(t)},getState:()=>i,reset:()=>{i=sN(),n=!0}}}(t))}updateAnimationControlsSubscription(){let{animate:t}=this.node.getProps();ed(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){let{animate:t}=this.node.getProps(),{animate:e}=this.node.prevProps||{};t!==e&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}},exit:{Feature:class extends iA{constructor(){super(...arguments),this.id=sO++,this.isExitComplete=!1}update(){if(!this.node.presenceContext)return;let{isPresent:t,onExitComplete:e}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===i)return;if(t&&!1===i){if(this.isExitComplete){let{initial:t,custom:e}=this.node.getProps();if("string"==typeof t||"object"==typeof t&&null!==t&&!Array.isArray(t)){let i=iE(this.node,t,e);if(i){let{transition:t,transitionEnd:e,...s}=i;for(let t in s)this.node.getValue(t)?.jump(s[t])}}this.node.animationState.reset(),this.node.animationState.animateChanges()}else this.node.animationState.setActive("exit",!1);this.isExitComplete=!1;return}let s=this.node.animationState.setActive("exit",!t);e&&!t&&s.then(()=>{this.isExitComplete=!0,e(this.id)})}mount(){let{register:t,onExitComplete:e}=this.node.presenceContext||{};e&&e(this.id),t&&(this.unmount=t(this.id))}unmount(){}}},inView:{Feature:class extends iA{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){var t;let e;this.stopObserver?.();let{viewport:i={}}=this.node.getProps(),{root:s,margin:n,amount:r="some",once:o}=i,a={root:s?s.current:void 0,rootMargin:n,threshold:"number"==typeof r?r:rC[r]},l=t=>{let{isIntersecting:e}=t;if(this.isInView===e||(this.isInView=e,o&&!e&&this.hasEnteredView))return;e&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",e);let{onViewportEnter:i,onViewportLeave:s}=this.node.getProps(),n=e?i:s;n&&n(t)};this.stopObserver=(t=this.node.current,e=function({root:t,...e}){let i=t||document;rE.has(i)||rE.set(i,{});let s=rE.get(i),n=JSON.stringify(e);return s[n]||(s[n]=new IntersectionObserver(rV,{root:t,...e})),s[n]}(a),rA.set(t,l),e.observe(t),()=>{rA.delete(t),e.unobserve(t)})}mount(){this.startObserver()}update(){if("u"t[i]!==e[i]}(t,e))&&this.startObserver()}unmount(){this.stopObserver?.(),this.hasEnteredView=!1,this.isInView=!1}}},tap:{Feature:class extends iA{mount(){let{current:t}=this.node;if(!t)return;let{globalTapTarget:e,propagate:i}=this.node.props;this.unmount=function(t,e,i={}){let[s,n,r]=ry(t,i),o=t=>{let s=t.currentTarget;if(!rS(t)||rP.has(t))return;rb.add(s),i.stopPropagation&&rP.add(t);let r=e(s,t),o=(t,e)=>{window.removeEventListener("pointerup",a),window.removeEventListener("pointercancel",l),rb.has(s)&&rb.delete(s),rS(t)&&"function"==typeof r&&r(t,{success:e})},a=t=>{o(t,s===window||s===document||i.useGlobalTarget||rx(s,t.target))},l=t=>{o(t,!1)};window.addEventListener("pointerup",a,n),window.addEventListener("pointercancel",l,n)};return s.forEach(t=>{(i.useGlobalTarget?window:t).addEventListener("pointerdown",o,n),sq(t)&&"offsetHeight"in t&&!("ownerSVGElement"in t)&&(t.addEventListener("focus",t=>((t,e)=>{let i=t.currentTarget;if(!i)return;let s=rw(()=>{if(rb.has(i))return;rT(i,"down");let t=rw(()=>{rT(i,"up")});i.addEventListener("keyup",t,e),i.addEventListener("blur",()=>rT(i,"cancel"),e)});i.addEventListener("keydown",s,e),i.addEventListener("blur",()=>i.removeEventListener("keydown",s),e)})(t,n)),s6.has(t.tagName)||!0===t.isContentEditable||t.hasAttribute("tabindex")||(t.tabIndex=0))}),r}(t,(t,e)=>(rk(this.node,e,"Start"),(t,{success:e})=>rk(this.node,t,e?"End":"Cancel")),{useGlobalTarget:e,stopPropagation:i?.tap===!1})}unmount(){}}},focus:{Feature:class extends iA{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch(e){t=!0}t&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=iR(sU(this.node.current,"focus",()=>this.onFocus()),sU(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}},hover:{Feature:class extends iA{mount(){let{current:t}=this.node;t&&(this.unmount=function(t,e,i={}){let[s,n,r]=ry(t,i);return s.forEach(t=>{let i,s=!1,r=!1,o=e=>{i&&(i(e),i=void 0),t.removeEventListener("pointerleave",l)},a=t=>{s=!1,window.removeEventListener("pointerup",a),window.removeEventListener("pointercancel",a),r&&(r=!1,o(t))},l=t=>{if("touch"!==t.pointerType){if(s){r=!0;return}o(t)}};t.addEventListener("pointerenter",s=>{if("touch"===s.pointerType||sW.x||sW.y)return;r=!1;let o=e(t,s);"function"==typeof o&&(i=o,t.addEventListener("pointerleave",l,n))},n),t.addEventListener("pointerdown",()=>{s=!0,window.addEventListener("pointerup",a,n),window.addEventListener("pointercancel",a,n)},n)}),r}(t,(t,e)=>(rv(this.node,e,"Start"),t=>rv(this.node,t,"End"))))}unmount(){}}},pan:{Feature:class extends iA{constructor(){super(...arguments),this.removePointerDownListener=tA}onPointerDown(t){this.session=new nr(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:ni(this.node)})}createPanHandlers(){let{onPanSessionStart:t,onPanStart:e,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:nv(t),onStart:nv(e),onMove:nv(i),onEnd:(t,e)=>{delete this.session,s&&tC.postRender(()=>s(t,e))}}}mount(){this.removePointerDownListener=ne(this.node.current,"pointerdown",t=>this.onPointerDown(t))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}},drag:{Feature:class extends iA{constructor(t){super(t),this.removeGroupControls=tA,this.removeListeners=tA,this.controls=new nf(t)}mount(){let{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||tA}update(){let{dragControls:t}=this.node.getProps(),{dragControls:e}=this.node.prevProps||{};t!==e&&(this.removeGroupControls(),t&&(this.removeGroupControls=t.subscribe(this.controls)))}unmount(){this.removeGroupControls(),this.removeListeners(),this.controls.isDragging||this.controls.endPanSession()}},ProjectionNode:rg,MeasureLayout:nS},layout:{ProjectionNode:rg,MeasureLayout:nS}},(t,e)=>e.isSVG??e6(t)?new eH(e):new e4(e,{allowProjection:t!==o.Fragment}));function rR(t){let e=ic(()=>el(t)),{isStatic:i}=(0,o.useContext)(it);if(i){let[,i]=(0,o.useState)(t);(0,o.useEffect)(()=>e.on("change",i),[])}return e}function rD(t,e){let i=rR(e()),s=()=>i.set(e());return s(),iP(()=>{let e=()=>tC.preRender(s,!1,!0),i=t.map(t=>t.on("change",e));return()=>{i.forEach(t=>t()),tj(s)}}),i}function rL(t,e,i,s){if("function"==typeof t){let e;return eo.current=[],t(),e=rD(eo.current,t),eo.current=void 0,e}if(void 0!==i&&!Array.isArray(i)&&"function"!=typeof e){var n=t,r=e,o=i,a=s;let l=ic(()=>Object.keys(o)),h=ic(()=>({}));for(let t of l)h[t]=rL(n,r,o[t],a);return h}let l="function"==typeof e?e:function(...t){let e=!Array.isArray(t[0]),i=e?0:-1,s=t[0+i],n=sc(t[1+i],t[2+i],t[3+i]);return e?n(s):n}(e,i,s),h=Array.isArray(t)?r_(t,l):r_([t],([t])=>l(t)),u=Array.isArray(t)?void 0:t.accelerate;return u&&!u.isTransformed&&"function"!=typeof e&&Array.isArray(i)&&s?.clamp!==!1&&(h.accelerate={...u,times:e,keyframes:i,isTransformed:!0,...s?.ease?{ease:s.ease}:{}}),h}function r_(t,e){let i=ic(()=>[]);return rD(t,()=>{i.length=0;let s=t.length;for(let e=0;et.A(30860),{loadableGenerated:{modules:[20927]},ssr:!1});function rO({active:t}){return(0,r.jsx)("div",{className:"dm-st-rail","aria-hidden":!0,children:rI.STAGES.map((e,i)=>(0,r.jsxs)(o.default.Fragment,{children:[i>0&&(0,r.jsx)("span",{className:`dm-st-rail__line is-${i<=t?"on":"off"}`}),(0,r.jsxs)("div",{className:`dm-st-rail__step is-${i{let t=window.matchMedia("(max-width: 767px)"),e=window.matchMedia("(prefers-reduced-motion: reduce)"),i=()=>{x(t.matches),w(e.matches)};return i(),t.addEventListener("change",i),e.addEventListener("change",i),()=>{t.removeEventListener("change",i),e.removeEventListener("change",i)}},[]),(0,o.useEffect)(()=>{let t=e.current;if(!t)return;let i=new IntersectionObserver(t=>{t.some(t=>t.isIntersecting)&&(d(!0),y(!0),i.disconnect())},{rootMargin:"70% 0px"}),s=new IntersectionObserver(t=>y(t.some(t=>t.isIntersecting)),{rootMargin:"10% 0px"});return i.observe(t),s.observe(t),()=>{i.disconnect(),s.disconnect()}},[]),(0,o.useEffect)(()=>{let t=e.current;if(!t)return;rB.default.registerPlugin(rF.ScrollTrigger);let n="before",r=0,o=rF.ScrollTrigger.create({trigger:t,start:"top top",end:"bottom bottom",scrub:.4,invalidateOnRefresh:!0,onUpdate:t=>{let e=t.progress;i.current=e,s.set(e);let o=e<=2e-4?"before":e>=.9998?"after":"pinned";o!==n&&(n=o,a(o));let l=Math.round(e*(rI.N-1));l!==r&&(r=l,h(l))}}),l=setTimeout(()=>rF.ScrollTrigger.refresh(),120);return()=>{clearTimeout(l),o.kill()}},[s]),(0,o.useEffect)(()=>{if(!u)return;let t=setTimeout(()=>{p(t=>t||(console.warn("StrategySection: Scene readiness fallback triggered."),!0))},4e3);return()=>clearTimeout(t)},[u]),(0,o.useEffect)(()=>{if(c){let t=setTimeout(()=>{f(!1)},300);return()=>clearTimeout(t)}},[c]);let T=rL(s,[0,.03,.06],[1,1,0]),S=rL(s,[.02,.07],[0,1]);return(0,r.jsxs)("section",{ref:e,className:`dm-st is-${n}${t?" is-connected":""}`,"aria-label":"Strategy — Happier Riders. Higher Fulfillment.",children:[(0,r.jsx)("div",{className:"dm-st-sticky",children:(0,r.jsxs)("div",{className:"dm-st-card",children:[u&&(0,r.jsx)("div",{className:`dm-st-canvas${c?" is-ready":""}`,"aria-hidden":!c,children:(0,r.jsx)(rN,{progress:i,reduced:b,isMobile:v,active:g&&"pinned"===n,stage:l,ready:c,onReady:()=>p(!0)})}),m&&(0,r.jsxs)("div",{className:`dm-st-loader${c?" is-hiding":""}`,role:"status","aria-live":"polite","aria-label":"Loading MileTruth Strategy Engine",children:[(0,r.jsx)("span",{className:"dm-st-loader__ring"}),(0,r.jsx)("span",{className:"dm-st-loader__text",children:"Loading strategy engine..."})]}),"before"!==n&&(0,r.jsxs)("div",{className:`dm-st-ui${c?" is-ready":""}`,"aria-hidden":!c,children:[(0,r.jsxs)(rj.div,{className:"dm-st-top",style:{opacity:S},children:[(0,r.jsxs)("div",{className:"dm-st-eyebrow",children:[(0,r.jsx)("span",{className:"dm-st-dot"})," MileTruth Strategy Engine"]}),(0,r.jsx)(rO,{active:l})]}),(0,r.jsxs)(rj.div,{className:"dm-st-scrollhint",style:{opacity:T},children:[(0,r.jsx)("span",{children:"Scroll to follow the strategy"}),(0,r.jsx)("span",{className:"dm-st-arrow",children:"↓"})]}),(0,r.jsxs)(rz,{i:0,scroll:s,side:"left",active:l,children:[(0,r.jsx)("h3",{className:"dm-st-pillar__title",children:"Orders & riders enter the system"}),(0,r.jsx)("p",{className:"dm-st-anchor__lead",children:"Orders are uploaded and matched against the available fleet, ready for assignment."}),(0,r.jsxs)("div",{className:"dm-st-anchor__chips",children:[(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"59 Orders"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"4 Riders"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"Fleet ready"})]})]}),(0,r.jsxs)(rz,{i:1,scroll:s,side:"right",active:l,children:[(0,r.jsx)("h3",{className:"dm-st-pillar__title",children:"Six strategies, evaluated in parallel"}),(0,r.jsx)("p",{className:"dm-st-anchor__lead",children:"The AI runs every routing strategy at the same time — legacy baselines and MileTruth's unified engine."}),(0,r.jsxs)("div",{className:"dm-st-anchor__chips",children:[(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"EV Aware"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"Multi Trip"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"+4 more"})]})]}),(0,r.jsxs)(rz,{i:2,scroll:s,side:"left",active:l,children:[(0,r.jsx)("h3",{className:"dm-st-pillar__title",children:"Routes optimized & validated"}),(0,r.jsx)("p",{className:"dm-st-anchor__lead",children:"Every route is solved for distance, then checked against battery range and delivery SLAs."}),(0,r.jsxs)("div",{className:"dm-st-anchor__chips",children:[(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"Optimize"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"Battery"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"SLA"})]})]}),(0,r.jsxs)(rz,{i:3,scroll:s,side:"right",active:l,children:[(0,r.jsx)("h3",{className:"dm-st-pillar__title",children:"Every strategy is scored"}),(0,r.jsx)("p",{className:"dm-st-anchor__lead",children:"Each strategy is graded live on fulfillment, SLA compliance, efficiency and battery feasibility."}),(0,r.jsxs)("div",{className:"dm-st-anchor__chips",children:[(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"Grade A"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"88% Fulfillment"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"95% SLA"})]})]}),(0,r.jsxs)(rz,{i:4,scroll:s,side:"right",active:l,children:[(0,r.jsx)("h3",{className:"dm-st-pillar__title",children:"Happier riders. Higher fulfillment."}),(0,r.jsx)("p",{className:"dm-st-anchor__lead",children:"EV Aware wins — the best fulfillment with feasible, battery-safe routes for every rider."}),(0,r.jsxs)("div",{className:"dm-st-anchor__chips",children:[(0,r.jsx)("span",{className:"dm-st-anchor__chip dm-st-anchor__chip--win",children:"🏆 EV Aware"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"88% Score"}),(0,r.jsx)("span",{className:"dm-st-anchor__chip",children:"52/59 Fulfilled"})]})]})]})]})}),(0,r.jsx)("style",{children:rW})]})}let rW=` /* Scroll length tuned for pacing: ~100vh per stage (was 144vh) so the 5 stages complete in noticeably less scrolling and the workflow feels tighter / faster. Stage cross-fade windows are progress-based (0…1), so they stay aligned. */ .dm-st { position: relative; height: 500vh; background: transparent; } .dm-st-sticky { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; will-change: transform; transform: translateZ(0); backface-visibility: hidden; } .dm-st.is-pinned .dm-st-sticky { position: fixed; top: 0; left: 0; } .dm-st.is-after .dm-st-sticky { position: absolute; top: auto; bottom: 0; } .dm-st-card { position: absolute !important; inset: 20px !important; border-radius: 28px !important; overflow: hidden !important; background: radial-gradient(120% 100% at 50% 0%, #ffffff 0%, #eef1f6 60%, #e6eaf2 100%) !important; border: 1px solid rgba(15,23,42,0.08) !important; box-shadow: 0 30px 90px -34px rgba(15,23,42,0.4) !important; box-sizing: border-box !important; } @media (max-width: 767px) { .dm-st-card { inset: 10px !important; border-radius: 20px !important; } } /* Connected mode (inside Workflow 3): flatten the card's bottom so the Strategy content card below butts directly against it — same seam as Workflow 1 & 2. */ .dm-st.is-connected .dm-st-card { top: 20px !important; left: 20px !important; right: 20px !important; bottom: 0 !important; border-radius: 28px 28px 0 0 !important; border-bottom: none !important; /* Flush against the Strategy card below — drop the heavy downward shadow so it doesn't cast a dark band onto that card's top edge (the two read as one container). */ box-shadow: none !important; } @media (max-width: 767px) { .dm-st.is-connected .dm-st-card { top: 10px !important; left: 10px !important; right: 10px !important; bottom: 0 !important; border-radius: 20px 20px 0 0 !important; } } .dm-st-canvas { position: absolute; inset: 0; z-index: 1; opacity: 0; visibility: hidden; transition: opacity 0.25s cubic-bezier(0.22,1,0.36,1), visibility 0s linear 0.25s; } .dm-st-canvas.is-ready { opacity: 1; visibility: visible; transition-delay: 0s; } .dm-st-canvas canvas { display: block; } .dm-st-ui { position: absolute; inset: 0; z-index: 4; pointer-events: none; font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif; color: #0f172a; opacity: 0; visibility: hidden; transition: opacity 0.25s cubic-bezier(0.22,1,0.36,1), visibility 0s linear 0.25s; } .dm-st-ui.is-ready { opacity: 1; visibility: visible; transition-delay: 0s; } .dm-st-loader { position: absolute; top: 24px; left: 50%; transform: translateX(-50%); z-index: 6; display: flex; align-items: center; gap: 8px; background: rgba(15,23,42,0.85); border: 1px solid rgba(255,255,255,0.08); padding: 8px 14px; border-radius: 999px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); opacity: 1; pointer-events: none; animation: dmStLoaderFadeIn 0.2s ease both; transition: opacity 0.25s ease; } .dm-st-loader.is-hiding { opacity: 0; pointer-events: none; } .dm-st-loader__ring { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); border-top-color: #00E5FF; animation: dm-hiw-spin 0.8s linear infinite; box-sizing: border-box; } .dm-st-loader__text { font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif; color: #ffffff; font-size: 13.5px; font-weight: 500; opacity: 0.75; white-space: nowrap; } @keyframes dmStLoaderFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes dm-hiw-spin { to { transform: rotate(360deg); } } /* ---- Persistent header: title + 5-stage rail ---- */ .dm-st-top { position: absolute; top: clamp(96px, 13vh, 128px); left: 0; right: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 0 16px; } .dm-st-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; line-height: 1.35; letter-spacing: 0.28em; text-transform: uppercase; color: #475569; padding: 9px 18px; border-radius: 999px; background: rgba(255,255,255,0.72); border: 1px solid rgba(15,23,42,0.08); backdrop-filter: blur(10px); white-space: nowrap; } .dm-st-dot { width: 6px; height: 6px; border-radius: 50%; background: #6366f1; box-shadow: 0 0 10px #6366f1; } .dm-st-rail { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 980px; } .dm-st-rail__step { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,0.7); border: 1px solid rgba(15,23,42,0.08); backdrop-filter: blur(8px); transition: all 0.45s cubic-bezier(0.22,1,0.36,1); } .dm-st-rail__num { width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; color: #64748b; background: rgba(15,23,42,0.06); } .dm-st-rail__title { font-size: 11px; font-weight: 600; letter-spacing: 0.02em; color: #64748b; white-space: nowrap; } .dm-st-rail__step.is-current { background: color-mix(in srgb, var(--c) 16%, white); border-color: var(--c); box-shadow: 0 0 22px -6px var(--c); } .dm-st-rail__step.is-current .dm-st-rail__num { background: var(--c); color: #fff; } .dm-st-rail__step.is-current .dm-st-rail__title { color: #0f172a; } .dm-st-rail__step.is-done .dm-st-rail__num { background: #22C55E; color: #fff; } .dm-st-rail__step.is-done .dm-st-rail__title { color: #334155; } .dm-st-rail__line { width: 14px; height: 1px; background: rgba(15,23,42,0.14); margin: 0 3px; transition: background 0.45s ease; } .dm-st-rail__line.is-on { background: var(--c, #22C55E); } .dm-st-scrollhint { position: absolute; bottom: clamp(26px, 6vh, 60px); left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 12px; letter-spacing: 0.12em; color: #64748b; text-transform: uppercase; text-align: center; } .dm-st-arrow { font-size: 18px; animation: dmStBob 1.8s ease-in-out infinite; } @keyframes dmStBob { 0%,100% { transform: translateY(0); opacity: 0.5; } 50% { transform: translateY(6px); opacity: 1; } } /* ---- Per-stage glass content card ---- */ .dm-st-card-story { position: absolute; bottom: clamp(24px, 6vh, 64px); width: min(484px, 88vw); pointer-events: auto; will-change: opacity, transform; padding: 20px 22px; border-radius: 20px; background: rgba(255,255,255,0.94); border: 1px solid rgba(15,23,42,0.08); /* backdrop blur removed — card cross-fades/translates per scroll-stage; blur was the heaviest per-frame cost on this section. Near-opaque white keeps the glass look. */ border-top: 3px solid var(--c); box-shadow: 0 28px 70px -34px rgba(15,23,42,0.5); } .dm-st-card-story.is-left { left: clamp(18px, 5vw, 72px); } .dm-st-card-story.is-right { right: clamp(18px, 5vw, 72px); } .dm-st-card-story__head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .dm-st-pillar__num { font-size: 12px; font-weight: 800; letter-spacing: 0.1em; color: #fff; background: var(--c); border-radius: 7px; padding: 3px 8px; } .dm-st-pillar__kicker { font-size: clamp(11px, 1.1vw, 13px); font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--c); } .dm-st .dm-st-pillar__title { margin: 0 0 14px !important; padding: 0 !important; color: #0f172a !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: -0.015em !important; font-size: clamp(18px, 2vw, 26px) !important; line-height: 1.16 !important; } .dm-st .dm-st-pillar__title--hero { font-size: clamp(22px, 2.6vw, 34px) !important; background: linear-gradient(90deg, #C01227, #E2354A) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } .dm-st-foot { margin: 12px 0 0; font-size: clamp(12px, 1.1vw, 13.5px); line-height: 1.5; color: #475569; display: flex; align-items: center; gap: 8px; } .dm-st-livedot { width: 8px; height: 8px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 0 var(--c); animation: dmStPulse 1.8s ease-out infinite; } @keyframes dmStPulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--c) 55%, transparent); } 100% { box-shadow: 0 0 0 9px transparent; } } /* In-scene 3D labels (drei ) — crisp glass chips floating in the WebGL scene */ .dm-st3d-file, .dm-st3d-count, .dm-st3d-ai, .dm-st3d-chip { font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif; pointer-events: none; user-select: none; white-space: nowrap; transition: opacity 0.2s linear; } .dm-st3d-file, .dm-st3d-ai { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: #0f172a; background: rgba(255,255,255,0.88); border: 1px solid rgba(34,197,94,0.4); border-radius: 999px; padding: 6px 13px; box-shadow: 0 8px 22px -12px rgba(34,197,94,0.7); backdrop-filter: blur(8px); } .dm-st3d-count { font-size: 15px; font-weight: 800; color: #0f172a; background: rgba(255,255,255,0.9); border: 1px solid rgba(34,197,94,0.45); border-radius: 12px; padding: 6px 14px; box-shadow: 0 10px 26px -12px rgba(34,197,94,0.8); backdrop-filter: blur(8px); } .dm-st3d-count span { color: #16a34a; font-size: 19px; } .dm-st3d-chip { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.92); border: 1px solid rgba(34,197,94,0.4); border-radius: 12px; padding: 6px 11px; box-shadow: 0 10px 26px -14px rgba(15,23,42,0.7); backdrop-filter: blur(8px); } .dm-st3d-chip__ico { font-size: 17px; } .dm-st3d-chip__txt { display: flex; flex-direction: column; line-height: 1.15; } .dm-st3d-chip__txt b { font-size: 12.5px; font-weight: 800; color: #0f172a; } .dm-st3d-chip__txt { font-size: 10.5px; color: #475569; } /* Generic themed 3D chips (stages 02–05) — colour comes from --tc per element */ .dm-st3d-tag, .dm-st3d-score { font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif; pointer-events: none; user-select: none; white-space: nowrap; transition: opacity 0.2s linear; } .dm-st3d-tag { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; color: #0f172a; background: rgba(255,255,255,0.9); border: 1px solid color-mix(in srgb, var(--tc, #8B5CF6) 55%, white); border-radius: 999px; padding: 5px 11px; box-shadow: 0 8px 20px -12px var(--tc, #8B5CF6); backdrop-filter: blur(8px); } .dm-st3d-tag b { font-weight: 800; color: var(--tc, #0f172a); } .dm-st3d-tag.is-u { background: color-mix(in srgb, var(--tc) 14%, white); border-color: var(--tc); } .dm-st3d-tag.is-muted { opacity: 0.82; border-style: dashed; } .dm-st3d-tag.is-win { border-color: var(--tc); box-shadow: 0 10px 26px -10px var(--tc); } .dm-st3d-score { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: #0f172a; background: rgba(255,255,255,0.92); border: 1px solid color-mix(in srgb, var(--tc, #0f172a) 45%, white); border-radius: 12px; padding: 6px 13px; box-shadow: 0 10px 26px -12px var(--tc, #0f172a); backdrop-filter: blur(8px); } .dm-st3d-score b { font-size: 16px; font-weight: 800; color: var(--tc, #0f172a); } .dm-st3d-score.is-win { border-color: var(--tc); } /* Light side-card anchor — the 3D world now carries the detail */ .dm-st-anchor__lead { margin: 0 0 14px; font-size: clamp(13px, 1.2vw, 15px); line-height: 1.55; color: #475569; } .dm-st-anchor__chips { display: flex; flex-wrap: wrap; gap: 8px; } .dm-st-anchor__chip { font-size: 12px; font-weight: 700; color: #334155; padding: 6px 12px; border-radius: 999px; background: color-mix(in srgb, var(--c) 9%, white); border: 1px solid color-mix(in srgb, var(--c) 30%, white); } .dm-st-anchor__chip--win { color: #fff; background: linear-gradient(90deg, #C01227, #E2354A); border-color: transparent; } /* In-world Command Center KPI card + Winner card (drei , faded by proximity) */ .dm-st3d-kpi, .dm-st3d-winner3d { font-family: var(--font-space-grotesk), var(--font-manrope), system-ui, sans-serif; pointer-events: none; user-select: none; transition: opacity 0.2s linear; } .dm-st3d-kpi { display: flex; flex-direction: column; gap: 5px; width: 132px; padding: 9px 12px; border-radius: 12px; background: rgba(255,255,255,0.95); border: 1px solid color-mix(in srgb, var(--tc, #F59E0B) 40%, white); box-shadow: 0 10px 26px -14px var(--tc, #F59E0B); backdrop-filter: blur(8px); } .dm-st3d-kpi__n { font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #64748b; } .dm-st3d-kpi__v { font-size: 24px; font-weight: 800; color: #0f172a; line-height: 1; } .dm-st3d-kpi__v i { font-size: 14px; font-weight: 700; color: var(--tc, #F59E0B); font-style: normal; margin-left: 1px; } .dm-st3d-kpi__bar { height: 6px; border-radius: 999px; background: rgba(15,23,42,0.08); overflow: hidden; } .dm-st3d-kpi__bar i { display: block; height: 100%; border-radius: 999px; background: var(--tc, #F59E0B); } .dm-st3d-winner3d { display: flex; flex-direction: column; gap: 3px; width: 184px; padding: 13px 15px; border-radius: 14px; background: rgba(255,255,255,0.96); border: 1px solid rgba(192,18,39,0.4); box-shadow: 0 16px 40px -16px rgba(192,18,39,0.6); backdrop-filter: blur(8px); } .dm-st3d-winner3d__top { font-size: 10.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #C01227; } .dm-st3d-winner3d__name { font-size: 26px; font-weight: 800; color: #0f172a; letter-spacing: -0.02em; line-height: 1.05; margin-bottom: 4px; } .dm-st3d-winner3d__row { font-size: 12px; color: #475569; } .dm-st3d-winner3d__row b { color: #C01227; font-weight: 800; margin-right: 4px; } @media (max-width: 1000px) { .dm-st-rail__title { display: none; } .dm-st-rail__step { padding: 5px 7px; } .dm-st-rail__line { width: 9px; } } @media (max-width: 767px) { .dm-st { height: 420vh; } /* Full-width, bottom-anchored story card. Bound its height to the viewport and let it scroll internally so a tall stage card (Command Center / Winner) can never be clipped off the top of a short phone screen — the active workflow state always stays fully visible. */ .dm-st-card-story { left: 0 !important; right: 0 !important; margin: 0 auto; width: calc(100% - 28px); bottom: clamp(18px, 4vh, 40px); padding: 15px 16px; max-height: 52vh; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } } @media (prefers-reduced-motion: reduce) { .dm-st-arrow { animation: none !important; } } `;t.s(["default",0,function(){return(0,r.jsxs)("section",{className:"dm-wf3","aria-label":"Workflow 3 — Happier Riders. Higher Fulfillment.",children:[(0,r.jsx)(rU,{}),(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:` .dm-wf3 { position: relative; margin: 0 auto; } /* Cancel the global "section { padding: 6rem 0 }": both this wrapper and the nested .dm-st are sections, so that padding would stack into large empty bands around the pinned 3D experience. */ .dm-wf3, .dm-wf3 .dm-st { padding-top: 0; padding-bottom: 0; } `}})]})}],56305)},55819,t=>{t.n(t.i(56305))}]);