diff --git a/assets/index-ig-0mrZR.js b/assets/index-_Pr3FW6B.js similarity index 88% rename from assets/index-ig-0mrZR.js rename to assets/index-_Pr3FW6B.js index b79d9a8..0bf30ce 100644 --- a/assets/index-ig-0mrZR.js +++ b/assets/index-_Pr3FW6B.js @@ -64,5 +64,5 @@ Error generating stack: `+s.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */const rv="startTransition",df=tm[rv];function iv(e){let{basename:t,children:n,future:r,window:i}=e,s=w.useRef();s.current==null&&(s.current=dg({window:i,v5Compat:!0}));let o=s.current,[l,a]=w.useState({action:o.action,location:o.location}),{v7_startTransition:u}=r||{},c=w.useCallback(f=>{u&&df?df(()=>a(f)):a(f)},[a,u]);return w.useLayoutEffect(()=>o.listen(c),[o,c]),w.createElement(tv,{basename:t,children:n,location:l.location,navigationType:l.action,navigator:o,future:r})}var hf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(hf||(hf={}));var pf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(pf||(pf={}));const sv=e=>{const[t,n]=w.useState(!1),r=()=>{const i=window.matchMedia(`${e}`);n(i.matches)};return w.useEffect(()=>(r(),addEventListener("resize",()=>{r()}),removeEventListener("resize",()=>{r()})),[]),t},go=w.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"}),vo=w.createContext({}),Eu=w.createContext(null),yo=typeof document<"u",xo=yo?w.useLayoutEffect:w.useEffect,t2=w.createContext({strict:!1}),ju=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),ov="framerAppearId",n2="data-"+ju(ov);function lv(e,t,n,r){const{visualElement:i}=w.useContext(vo),s=w.useContext(t2),o=w.useContext(Eu),l=w.useContext(go).reducedMotion,a=w.useRef();r=r||s.renderer,!a.current&&r&&(a.current=r(e,{visualState:t,parent:i,props:n,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:l}));const u=a.current;w.useInsertionEffect(()=>{u&&u.update(n,o)});const c=w.useRef(!!(n[n2]&&!window.HandoffComplete));return xo(()=>{u&&(u.render(),c.current&&u.animationState&&u.animationState.animateChanges())}),w.useEffect(()=>{u&&(u.updateFeatures(),!c.current&&u.animationState&&u.animationState.animateChanges(),c.current&&(c.current=!1,window.HandoffComplete=!0))}),u}function Qn(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function av(e,t,n){return w.useCallback(r=>{r&&e.mount&&e.mount(r),t&&(r?t.mount(r):t.unmount()),n&&(typeof n=="function"?n(r):Qn(n)&&(n.current=r))},[t])}function gi(e){return typeof e=="string"||Array.isArray(e)}function wo(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}const Lu=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],Mu=["initial",...Lu];function Co(e){return wo(e.animate)||Mu.some(t=>gi(e[t]))}function r2(e){return!!(Co(e)||e.variants)}function uv(e,t){if(Co(e)){const{initial:n,animate:r}=e;return{initial:n===!1||gi(n)?n:void 0,animate:gi(r)?r:void 0}}return e.inherit!==!1?t:{}}function cv(e){const{initial:t,animate:n}=uv(e,w.useContext(vo));return w.useMemo(()=>({initial:t,animate:n}),[mf(t),mf(n)])}function mf(e){return Array.isArray(e)?e.join(" "):e}const gf={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},vi={};for(const e in gf)vi[e]={isEnabled:t=>gf[e].some(n=>!!t[n])};function fv(e){for(const t in e)vi[t]={...vi[t],...e[t]}}const i2=w.createContext({}),s2=w.createContext({}),dv=Symbol.for("motionComponentSymbol");function hv({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:r,Component:i}){e&&fv(e);function s(l,a){let u;const c={...w.useContext(go),...l,layoutId:pv(l)},{isStatic:f}=c,d=cv(l),g=r(l,f);if(!f&&yo){d.visualElement=lv(i,g,c,t);const x=w.useContext(s2),y=w.useContext(t2).strict;d.visualElement&&(u=d.visualElement.loadFeatures(c,y,e,x))}return w.createElement(vo.Provider,{value:d},u&&d.visualElement?w.createElement(u,{visualElement:d.visualElement,...c}):null,n(i,l,av(g,d.visualElement,a),g,f,d.visualElement))}const o=w.forwardRef(s);return o[dv]=i,o}function pv({layoutId:e}){const t=w.useContext(i2).id;return t&&e!==void 0?t+"-"+e:e}function mv(e){function t(r,i={}){return hv(e(r,i))}if(typeof Proxy>"u")return t;const n=new Map;return new Proxy(t,{get:(r,i)=>(n.has(i)||n.set(i,t(i)),n.get(i))})}const gv=["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 Vu(e){return typeof e!="string"||e.includes("-")?!1:!!(gv.indexOf(e)>-1||/[A-Z]/.test(e))}const $s={};function vv(e){Object.assign($s,e)}const Ei=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Nn=new Set(Ei);function o2(e,{layout:t,layoutId:n}){return Nn.has(e)||e.startsWith("origin")||(t||n!==void 0)&&(!!$s[e]||e==="opacity")}const we=e=>!!(e&&e.getVelocity),yv={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},xv=Ei.length;function wv(e,{enableHardwareAcceleration:t=!0,allowTransformNone:n=!0},r,i){let s="";for(let o=0;ot=>typeof t=="string"&&t.startsWith(e),a2=l2("--"),ma=l2("var(--"),Cv=/var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g,Sv=(e,t)=>t&&typeof e=="number"?t.transform(e):e,tn=(e,t,n)=>Math.min(Math.max(n,e),t),An={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},Wr={...An,transform:e=>tn(0,1,e)},Ki={...An,default:1},Gr=e=>Math.round(e*1e5)/1e5,So=/(-)?([\d]*\.?[\d])+/g,u2=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,kv=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function ji(e){return typeof e=="string"}const Li=e=>({test:t=>ji(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),Rt=Li("deg"),ht=Li("%"),V=Li("px"),Pv=Li("vh"),Tv=Li("vw"),vf={...ht,parse:e=>ht.parse(e)/100,transform:e=>ht.transform(e*100)},yf={...An,transform:Math.round},c2={borderWidth:V,borderTopWidth:V,borderRightWidth:V,borderBottomWidth:V,borderLeftWidth:V,borderRadius:V,radius:V,borderTopLeftRadius:V,borderTopRightRadius:V,borderBottomRightRadius:V,borderBottomLeftRadius:V,width:V,maxWidth:V,height:V,maxHeight:V,size:V,top:V,right:V,bottom:V,left:V,padding:V,paddingTop:V,paddingRight:V,paddingBottom:V,paddingLeft:V,margin:V,marginTop:V,marginRight:V,marginBottom:V,marginLeft:V,rotate:Rt,rotateX:Rt,rotateY:Rt,rotateZ:Rt,scale:Ki,scaleX:Ki,scaleY:Ki,scaleZ:Ki,skew:Rt,skewX:Rt,skewY:Rt,distance:V,translateX:V,translateY:V,translateZ:V,x:V,y:V,z:V,perspective:V,transformPerspective:V,opacity:Wr,originX:vf,originY:vf,originZ:V,zIndex:yf,fillOpacity:Wr,strokeOpacity:Wr,numOctaves:yf};function Ru(e,t,n,r){const{style:i,vars:s,transform:o,transformOrigin:l}=e;let a=!1,u=!1,c=!0;for(const f in t){const d=t[f];if(a2(f)){s[f]=d;continue}const g=c2[f],x=Sv(d,g);if(Nn.has(f)){if(a=!0,o[f]=x,!c)continue;d!==(g.default||0)&&(c=!1)}else f.startsWith("origin")?(u=!0,l[f]=x):i[f]=x}if(t.transform||(a||r?i.transform=wv(e.transform,n,c,r):i.transform&&(i.transform="none")),u){const{originX:f="50%",originY:d="50%",originZ:g=0}=l;i.transformOrigin=`${f} ${d} ${g}`}}const Nu=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function f2(e,t,n){for(const r in t)!we(t[r])&&!o2(r,n)&&(e[r]=t[r])}function Ev({transformTemplate:e},t,n){return w.useMemo(()=>{const r=Nu();return Ru(r,t,{enableHardwareAcceleration:!n},e),Object.assign({},r.vars,r.style)},[t])}function jv(e,t,n){const r=e.style||{},i={};return f2(i,r,e),Object.assign(i,Ev(e,t,n)),e.transformValues?e.transformValues(i):i}function Lv(e,t,n){const r={},i=jv(e,t,n);return e.drag&&e.dragListener!==!1&&(r.draggable=!1,i.userSelect=i.WebkitUserSelect=i.WebkitTouchCallout="none",i.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(r.tabIndex=0),r.style=i,r}const Mv=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function bs(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||Mv.has(e)}let d2=e=>!bs(e);function Vv(e){e&&(d2=t=>t.startsWith("on")?!bs(t):e(t))}try{Vv(require("@emotion/is-prop-valid").default)}catch{}function Rv(e,t,n){const r={};for(const i in e)i==="values"&&typeof e.values=="object"||(d2(i)||n===!0&&bs(i)||!t&&!bs(i)||e.draggable&&i.startsWith("onDrag"))&&(r[i]=e[i]);return r}function xf(e,t,n){return typeof e=="string"?e:V.transform(t+n*e)}function Nv(e,t,n){const r=xf(t,e.x,e.width),i=xf(n,e.y,e.height);return`${r} ${i}`}const Av={offset:"stroke-dashoffset",array:"stroke-dasharray"},Dv={offset:"strokeDashoffset",array:"strokeDasharray"};function _v(e,t,n=1,r=0,i=!0){e.pathLength=1;const s=i?Av:Dv;e[s.offset]=V.transform(-r);const o=V.transform(t),l=V.transform(n);e[s.array]=`${o} ${l}`}function Au(e,{attrX:t,attrY:n,attrScale:r,originX:i,originY:s,pathLength:o,pathSpacing:l=1,pathOffset:a=0,...u},c,f,d){if(Ru(e,u,c,d),f){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:g,style:x,dimensions:y}=e;g.transform&&(y&&(x.transform=g.transform),delete g.transform),y&&(i!==void 0||s!==void 0||x.transform)&&(x.transformOrigin=Nv(y,i!==void 0?i:.5,s!==void 0?s:.5)),t!==void 0&&(g.x=t),n!==void 0&&(g.y=n),r!==void 0&&(g.scale=r),o!==void 0&&_v(g,o,l,a,!1)}const h2=()=>({...Nu(),attrs:{}}),Du=e=>typeof e=="string"&&e.toLowerCase()==="svg";function Iv(e,t,n,r){const i=w.useMemo(()=>{const s=h2();return Au(s,t,{enableHardwareAcceleration:!1},Du(r),e.transformTemplate),{...s.attrs,style:{...s.style}}},[t]);if(e.style){const s={};f2(s,e.style,e),i.style={...s,...i.style}}return i}function Fv(e=!1){return(n,r,i,{latestValues:s},o)=>{const a=(Vu(n)?Iv:Lv)(r,s,o,n),c={...Rv(r,typeof n=="string",e),...a,ref:i},{children:f}=r,d=w.useMemo(()=>we(f)?f.get():f,[f]);return w.createElement(n,{...c,children:d})}}function p2(e,{style:t,vars:n},r,i){Object.assign(e.style,t,i&&i.getProjectionStyles(r));for(const s in n)e.style.setProperty(s,n[s])}const m2=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function g2(e,t,n,r){p2(e,t,void 0,r);for(const i in t.attrs)e.setAttribute(m2.has(i)?i:ju(i),t.attrs[i])}function _u(e,t){const{style:n}=e,r={};for(const i in n)(we(n[i])||t.style&&we(t.style[i])||o2(i,e))&&(r[i]=n[i]);return r}function v2(e,t){const n=_u(e,t);for(const r in e)if(we(e[r])||we(t[r])){const i=Ei.indexOf(r)!==-1?"attr"+r.charAt(0).toUpperCase()+r.substring(1):r;n[i]=e[r]}return n}function Iu(e,t,n,r={},i={}){return typeof t=="function"&&(t=t(n!==void 0?n:e.custom,r,i)),typeof t=="string"&&(t=e.variants&&e.variants[t]),typeof t=="function"&&(t=t(n!==void 0?n:e.custom,r,i)),t}function ko(e){const t=w.useRef(null);return t.current===null&&(t.current=e()),t.current}const Ws=e=>Array.isArray(e),Ov=e=>!!(e&&typeof e=="object"&&e.mix&&e.toValue),Bv=e=>Ws(e)?e[e.length-1]||0:e;function ps(e){const t=we(e)?e.get():e;return Ov(t)?t.toValue():t}function zv({scrapeMotionValuesFromProps:e,createRenderState:t,onMount:n},r,i,s){const o={latestValues:Uv(r,i,s,e),renderState:t()};return n&&(o.mount=l=>n(r,l,o)),o}const y2=e=>(t,n)=>{const r=w.useContext(vo),i=w.useContext(Eu),s=()=>zv(e,t,r,i);return n?s():ko(s)};function Uv(e,t,n,r){const i={},s=r(e,{});for(const d in s)i[d]=ps(s[d]);let{initial:o,animate:l}=e;const a=Co(e),u=r2(e);t&&u&&!a&&e.inherit!==!1&&(o===void 0&&(o=t.initial),l===void 0&&(l=t.animate));let c=n?n.initial===!1:!1;c=c||o===!1;const f=c?l:o;return f&&typeof f!="boolean"&&!wo(f)&&(Array.isArray(f)?f:[f]).forEach(g=>{const x=Iu(e,g);if(!x)return;const{transitionEnd:y,transition:S,...v}=x;for(const h in v){let m=v[h];if(Array.isArray(m)){const C=c?m.length-1:0;m=m[C]}m!==null&&(i[h]=m)}for(const h in y)i[h]=y[h]}),i}const X=e=>e;class wf{constructor(){this.order=[],this.scheduled=new Set}add(t){if(!this.scheduled.has(t))return this.scheduled.add(t),this.order.push(t),!0}remove(t){const n=this.order.indexOf(t);n!==-1&&(this.order.splice(n,1),this.scheduled.delete(t))}clear(){this.order.length=0,this.scheduled.clear()}}function Hv(e){let t=new wf,n=new wf,r=0,i=!1,s=!1;const o=new WeakSet,l={schedule:(a,u=!1,c=!1)=>{const f=c&&i,d=f?t:n;return u&&o.add(a),d.add(a)&&f&&i&&(r=t.order.length),a},cancel:a=>{n.remove(a),o.delete(a)},process:a=>{if(i){s=!0;return}if(i=!0,[t,n]=[n,t],n.clear(),r=t.order.length,r)for(let u=0;u(f[d]=Hv(()=>n=!0),f),{}),o=f=>s[f].process(i),l=()=>{const f=performance.now();n=!1,i.delta=r?1e3/60:Math.max(Math.min(f-i.timestamp,$v),1),i.timestamp=f,i.isProcessing=!0,Qi.forEach(o),i.isProcessing=!1,n&&t&&(r=!1,e(l))},a=()=>{n=!0,r=!0,i.isProcessing||e(l)};return{schedule:Qi.reduce((f,d)=>{const g=s[d];return f[d]=(x,y=!1,S=!1)=>(n||a(),g.schedule(x,y,S)),f},{}),cancel:f=>Qi.forEach(d=>s[d].cancel(f)),state:i,steps:s}}const{schedule:B,cancel:st,state:re,steps:il}=bv(typeof requestAnimationFrame<"u"?requestAnimationFrame:X,!0),Wv={useVisualState:y2({scrapeMotionValuesFromProps:v2,createRenderState:h2,onMount:(e,t,{renderState:n,latestValues:r})=>{B.read(()=>{try{n.dimensions=typeof t.getBBox=="function"?t.getBBox():t.getBoundingClientRect()}catch{n.dimensions={x:0,y:0,width:0,height:0}}}),B.render(()=>{Au(n,r,{enableHardwareAcceleration:!1},Du(t.tagName),e.transformTemplate),g2(t,n)})}})},Gv={useVisualState:y2({scrapeMotionValuesFromProps:_u,createRenderState:Nu})};function Zv(e,{forwardMotionProps:t=!1},n,r){return{...Vu(e)?Wv:Gv,preloadedFeatures:n,useRender:Fv(t),createVisualElement:r,Component:e}}function xt(e,t,n,r={passive:!0}){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n)}const x2=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1;function Po(e,t="page"){return{point:{x:e[t+"X"],y:e[t+"Y"]}}}const Kv=e=>t=>x2(t)&&e(t,Po(t));function Ct(e,t,n,r){return xt(e,t,Kv(n),r)}const Qv=(e,t)=>n=>t(e(n)),Jt=(...e)=>e.reduce(Qv);function w2(e){let t=null;return()=>{const n=()=>{t=null};return t===null?(t=e,n):!1}}const Cf=w2("dragHorizontal"),Sf=w2("dragVertical");function C2(e){let t=!1;if(e==="y")t=Sf();else if(e==="x")t=Cf();else{const n=Cf(),r=Sf();n&&r?t=()=>{n(),r()}:(n&&n(),r&&r())}return t}function S2(){const e=C2(!0);return e?(e(),!1):!0}class ln{constructor(t){this.isMounted=!1,this.node=t}update(){}}function kf(e,t){const n="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),i=(s,o)=>{if(s.pointerType==="touch"||S2())return;const l=e.getProps();e.animationState&&l.whileHover&&e.animationState.setActive("whileHover",t),l[r]&&B.update(()=>l[r](s,o))};return Ct(e.current,n,i,{passive:!e.getProps()[r]})}class Yv extends ln{mount(){this.unmount=Jt(kf(this.node,!0),kf(this.node,!1))}unmount(){}}class Xv extends ln{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{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=Jt(xt(this.node.current,"focus",()=>this.onFocus()),xt(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}const k2=(e,t)=>t?e===t?!0:k2(e,t.parentElement):!1;function sl(e,t){if(!t)return;const n=new PointerEvent("pointer"+e);t(n,Po(n))}class Jv extends ln{constructor(){super(...arguments),this.removeStartListeners=X,this.removeEndListeners=X,this.removeAccessibleListeners=X,this.startPointerPress=(t,n)=>{if(this.removeEndListeners(),this.isPressing)return;const r=this.node.getProps(),s=Ct(window,"pointerup",(l,a)=>{if(!this.checkPressEnd())return;const{onTap:u,onTapCancel:c}=this.node.getProps();B.update(()=>{k2(this.node.current,l.target)?u&&u(l,a):c&&c(l,a)})},{passive:!(r.onTap||r.onPointerUp)}),o=Ct(window,"pointercancel",(l,a)=>this.cancelPress(l,a),{passive:!(r.onTapCancel||r.onPointerCancel)});this.removeEndListeners=Jt(s,o),this.startPress(t,n)},this.startAccessiblePress=()=>{const t=s=>{if(s.key!=="Enter"||this.isPressing)return;const o=l=>{l.key!=="Enter"||!this.checkPressEnd()||sl("up",(a,u)=>{const{onTap:c}=this.node.getProps();c&&B.update(()=>c(a,u))})};this.removeEndListeners(),this.removeEndListeners=xt(this.node.current,"keyup",o),sl("down",(l,a)=>{this.startPress(l,a)})},n=xt(this.node.current,"keydown",t),r=()=>{this.isPressing&&sl("cancel",(s,o)=>this.cancelPress(s,o))},i=xt(this.node.current,"blur",r);this.removeAccessibleListeners=Jt(n,i)}}startPress(t,n){this.isPressing=!0;const{onTapStart:r,whileTap:i}=this.node.getProps();i&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),r&&B.update(()=>r(t,n))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!S2()}cancelPress(t,n){if(!this.checkPressEnd())return;const{onTapCancel:r}=this.node.getProps();r&&B.update(()=>r(t,n))}mount(){const t=this.node.getProps(),n=Ct(this.node.current,"pointerdown",this.startPointerPress,{passive:!(t.onTapStart||t.onPointerStart)}),r=xt(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=Jt(n,r)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}const ga=new WeakMap,ol=new WeakMap,qv=e=>{const t=ga.get(e.target);t&&t(e)},ey=e=>{e.forEach(qv)};function ty({root:e,...t}){const n=e||document;ol.has(n)||ol.set(n,{});const r=ol.get(n),i=JSON.stringify(t);return r[i]||(r[i]=new IntersectionObserver(ey,{root:e,...t})),r[i]}function ny(e,t,n){const r=ty(t);return ga.set(e,n),r.observe(e),()=>{ga.delete(e),r.unobserve(e)}}const ry={some:0,all:1};class iy extends ln{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:n,margin:r,amount:i="some",once:s}=t,o={root:n?n.current:void 0,rootMargin:r,threshold:typeof i=="number"?i:ry[i]},l=a=>{const{isIntersecting:u}=a;if(this.isInView===u||(this.isInView=u,s&&!u&&this.hasEnteredView))return;u&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",u);const{onViewportEnter:c,onViewportLeave:f}=this.node.getProps(),d=u?c:f;d&&d(a)};return ny(this.node.current,o,l)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:n}=this.node;["amount","margin","root"].some(sy(t,n))&&this.startObserver()}unmount(){}}function sy({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}const oy={inView:{Feature:iy},tap:{Feature:Jv},focus:{Feature:Xv},hover:{Feature:Yv}};function P2(e,t){if(!Array.isArray(t))return!1;const n=t.length;if(n!==e.length)return!1;for(let r=0;rt[r]=n.get()),t}function ay(e){const t={};return e.values.forEach((n,r)=>t[r]=n.getVelocity()),t}function To(e,t,n){const r=e.getProps();return Iu(r,t,n!==void 0?n:r.custom,ly(e),ay(e))}let uy=X,Eo=X;const kn=e=>e*1e3,pt=e=>e/1e3,cy={current:!1},T2=e=>Array.isArray(e)&&typeof e[0]=="number";function E2(e){return!!(!e||typeof e=="string"&&j2[e]||T2(e)||Array.isArray(e)&&e.every(E2))}const _r=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,j2={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:_r([0,.65,.55,1]),circOut:_r([.55,0,1,.45]),backIn:_r([.31,.01,.66,-.59]),backOut:_r([.33,1.53,.69,.99])};function L2(e){if(e)return T2(e)?_r(e):Array.isArray(e)?e.map(L2):j2[e]}function fy(e,t,n,{delay:r=0,duration:i,repeat:s=0,repeatType:o="loop",ease:l,times:a}={}){const u={[t]:n};a&&(u.offset=a);const c=L2(l);return Array.isArray(c)&&(u.easing=c),e.animate(u,{delay:r,duration:i,easing:Array.isArray(c)?"linear":c,fill:"both",iterations:s+1,direction:o==="reverse"?"alternate":"normal"})}function dy(e,{repeat:t,repeatType:n="loop"}){const r=t&&n!=="loop"&&t%2===1?0:e.length-1;return e[r]}const M2=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,hy=1e-7,py=12;function my(e,t,n,r,i){let s,o,l=0;do o=t+(n-t)/2,s=M2(o,r,i)-e,s>0?n=o:t=o;while(Math.abs(s)>hy&&++lmy(s,0,1,e,n);return s=>s===0||s===1?s:M2(i(s),t,r)}const gy=Mi(.42,0,1,1),vy=Mi(0,0,.58,1),V2=Mi(.42,0,.58,1),yy=e=>Array.isArray(e)&&typeof e[0]!="number",R2=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,N2=e=>t=>1-e(1-t),Fu=e=>1-Math.sin(Math.acos(e)),A2=N2(Fu),xy=R2(Fu),D2=Mi(.33,1.53,.69,.99),Ou=N2(D2),wy=R2(Ou),Cy=e=>(e*=2)<1?.5*Ou(e):.5*(2-Math.pow(2,-10*(e-1))),Sy={linear:X,easeIn:gy,easeInOut:V2,easeOut:vy,circIn:Fu,circInOut:xy,circOut:A2,backIn:Ou,backInOut:wy,backOut:D2,anticipate:Cy},Pf=e=>{if(Array.isArray(e)){Eo(e.length===4);const[t,n,r,i]=e;return Mi(t,n,r,i)}else if(typeof e=="string")return Sy[e];return e},Bu=(e,t)=>n=>!!(ji(n)&&kv.test(n)&&n.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(n,t)),_2=(e,t,n)=>r=>{if(!ji(r))return r;const[i,s,o,l]=r.match(So);return{[e]:parseFloat(i),[t]:parseFloat(s),[n]:parseFloat(o),alpha:l!==void 0?parseFloat(l):1}},ky=e=>tn(0,255,e),ll={...An,transform:e=>Math.round(ky(e))},xn={test:Bu("rgb","red"),parse:_2("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:r=1})=>"rgba("+ll.transform(e)+", "+ll.transform(t)+", "+ll.transform(n)+", "+Gr(Wr.transform(r))+")"};function Py(e){let t="",n="",r="",i="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),i=e.substring(4,5),t+=t,n+=n,r+=r,i+=i),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:i?parseInt(i,16)/255:1}}const va={test:Bu("#"),parse:Py,transform:xn.transform},Yn={test:Bu("hsl","hue"),parse:_2("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>"hsla("+Math.round(e)+", "+ht.transform(Gr(t))+", "+ht.transform(Gr(n))+", "+Gr(Wr.transform(r))+")"},Se={test:e=>xn.test(e)||va.test(e)||Yn.test(e),parse:e=>xn.test(e)?xn.parse(e):Yn.test(e)?Yn.parse(e):va.parse(e),transform:e=>ji(e)?e:e.hasOwnProperty("red")?xn.transform(e):Yn.transform(e)},Z=(e,t,n)=>-n*e+n*t+e;function al(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function Ty({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,t/=100,n/=100;let i=0,s=0,o=0;if(!t)i=s=o=n;else{const l=n<.5?n*(1+t):n+t-n*t,a=2*n-l;i=al(a,l,e+1/3),s=al(a,l,e),o=al(a,l,e-1/3)}return{red:Math.round(i*255),green:Math.round(s*255),blue:Math.round(o*255),alpha:r}}const ul=(e,t,n)=>{const r=e*e;return Math.sqrt(Math.max(0,n*(t*t-r)+r))},Ey=[va,xn,Yn],jy=e=>Ey.find(t=>t.test(e));function Tf(e){const t=jy(e);let n=t.parse(e);return t===Yn&&(n=Ty(n)),n}const I2=(e,t)=>{const n=Tf(e),r=Tf(t),i={...n};return s=>(i.red=ul(n.red,r.red,s),i.green=ul(n.green,r.green,s),i.blue=ul(n.blue,r.blue,s),i.alpha=Z(n.alpha,r.alpha,s),xn.transform(i))};function Ly(e){var t,n;return isNaN(e)&&ji(e)&&(((t=e.match(So))===null||t===void 0?void 0:t.length)||0)+(((n=e.match(u2))===null||n===void 0?void 0:n.length)||0)>0}const F2={regex:Cv,countKey:"Vars",token:"${v}",parse:X},O2={regex:u2,countKey:"Colors",token:"${c}",parse:Se.parse},B2={regex:So,countKey:"Numbers",token:"${n}",parse:An.parse};function cl(e,{regex:t,countKey:n,token:r,parse:i}){const s=e.tokenised.match(t);s&&(e["num"+n]=s.length,e.tokenised=e.tokenised.replace(t,r),e.values.push(...s.map(i)))}function Gs(e){const t=e.toString(),n={value:t,tokenised:t,values:[],numVars:0,numColors:0,numNumbers:0};return n.value.includes("var(--")&&cl(n,F2),cl(n,O2),cl(n,B2),n}function z2(e){return Gs(e).values}function U2(e){const{values:t,numColors:n,numVars:r,tokenised:i}=Gs(e),s=t.length;return o=>{let l=i;for(let a=0;atypeof e=="number"?0:e;function Vy(e){const t=z2(e);return U2(e)(t.map(My))}const nn={test:Ly,parse:z2,createTransformer:U2,getAnimatableNone:Vy},H2=(e,t)=>n=>`${n>0?t:e}`;function $2(e,t){return typeof e=="number"?n=>Z(e,t,n):Se.test(e)?I2(e,t):e.startsWith("var(")?H2(e,t):W2(e,t)}const b2=(e,t)=>{const n=[...e],r=n.length,i=e.map((s,o)=>$2(s,t[o]));return s=>{for(let o=0;o{const n={...e,...t},r={};for(const i in n)e[i]!==void 0&&t[i]!==void 0&&(r[i]=$2(e[i],t[i]));return i=>{for(const s in r)n[s]=r[s](i);return n}},W2=(e,t)=>{const n=nn.createTransformer(t),r=Gs(e),i=Gs(t);return r.numVars===i.numVars&&r.numColors===i.numColors&&r.numNumbers>=i.numNumbers?Jt(b2(r.values,i.values),n):H2(e,t)},pr=(e,t,n)=>{const r=t-e;return r===0?1:(n-e)/r},Ef=(e,t)=>n=>Z(e,t,n);function Ny(e){return typeof e=="number"?Ef:typeof e=="string"?Se.test(e)?I2:W2:Array.isArray(e)?b2:typeof e=="object"?Ry:Ef}function Ay(e,t,n){const r=[],i=n||Ny(e[0]),s=e.length-1;for(let o=0;ot[0];e[0]>e[s-1]&&(e=[...e].reverse(),t=[...t].reverse());const o=Ay(t,r,i),l=o.length,a=u=>{let c=0;if(l>1)for(;ca(tn(e[0],e[s-1],u)):a}function Dy(e,t){const n=e[e.length-1];for(let r=1;r<=t;r++){const i=pr(0,t,r);e.push(Z(n,1,i))}}function G2(e){const t=[0];return Dy(t,e.length-1),t}function _y(e,t){return e.map(n=>n*t)}function Iy(e,t){return e.map(()=>t||V2).splice(0,e.length-1)}function Zs({duration:e=300,keyframes:t,times:n,ease:r="easeInOut"}){const i=yy(r)?r.map(Pf):Pf(r),s={done:!1,value:t[0]},o=_y(n&&n.length===t.length?n:G2(t),e),l=jo(o,t,{ease:Array.isArray(i)?i:Iy(t,i)});return{calculatedDuration:e,next:a=>(s.value=l(a),s.done=a>=e,s)}}function zu(e,t){return t?e*(1e3/t):0}const Fy=5;function Z2(e,t,n){const r=Math.max(t-Fy,0);return zu(n-e(r),t-r)}const fl=.001,Oy=.01,By=10,zy=.05,Uy=1;function Hy({duration:e=800,bounce:t=.25,velocity:n=0,mass:r=1}){let i,s,o=1-t;o=tn(zy,Uy,o),e=tn(Oy,By,pt(e)),o<1?(i=u=>{const c=u*o,f=c*e,d=c-n,g=ya(u,o),x=Math.exp(-f);return fl-d/g*x},s=u=>{const f=u*o*e,d=f*n+n,g=Math.pow(o,2)*Math.pow(u,2)*e,x=Math.exp(-f),y=ya(Math.pow(u,2),o);return(-i(u)+fl>0?-1:1)*((d-g)*x)/y}):(i=u=>{const c=Math.exp(-u*e),f=(u-n)*e+1;return-fl+c*f},s=u=>{const c=Math.exp(-u*e),f=(n-u)*(e*e);return c*f});const l=5/e,a=by(i,s,l);if(e=kn(e),isNaN(a))return{stiffness:100,damping:10,duration:e};{const u=Math.pow(a,2)*r;return{stiffness:u,damping:o*2*Math.sqrt(r*u),duration:e}}}const $y=12;function by(e,t,n){let r=n;for(let i=1;i<$y;i++)r=r-e(r)/t(r);return r}function ya(e,t){return e*Math.sqrt(1-t*t)}const Wy=["duration","bounce"],Gy=["stiffness","damping","mass"];function jf(e,t){return t.some(n=>e[n]!==void 0)}function Zy(e){let t={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...e};if(!jf(e,Gy)&&jf(e,Wy)){const n=Hy(e);t={...t,...n,mass:1},t.isResolvedFromDuration=!0}return t}function K2({keyframes:e,restDelta:t,restSpeed:n,...r}){const i=e[0],s=e[e.length-1],o={done:!1,value:i},{stiffness:l,damping:a,mass:u,duration:c,velocity:f,isResolvedFromDuration:d}=Zy({...r,velocity:-pt(r.velocity||0)}),g=f||0,x=a/(2*Math.sqrt(l*u)),y=s-i,S=pt(Math.sqrt(l/u)),v=Math.abs(y)<5;n||(n=v?.01:2),t||(t=v?.005:.5);let h;if(x<1){const m=ya(S,x);h=C=>{const k=Math.exp(-x*S*C);return s-k*((g+x*S*y)/m*Math.sin(m*C)+y*Math.cos(m*C))}}else if(x===1)h=m=>s-Math.exp(-S*m)*(y+(g+S*y)*m);else{const m=S*Math.sqrt(x*x-1);h=C=>{const k=Math.exp(-x*S*C),j=Math.min(m*C,300);return s-k*((g+x*S*y)*Math.sinh(j)+m*y*Math.cosh(j))/m}}return{calculatedDuration:d&&c||null,next:m=>{const C=h(m);if(d)o.done=m>=c;else{let k=g;m!==0&&(x<1?k=Z2(h,m,C):k=0);const j=Math.abs(k)<=n,E=Math.abs(s-C)<=t;o.done=j&&E}return o.value=o.done?s:C,o}}}function Lf({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:i=10,bounceStiffness:s=500,modifyTarget:o,min:l,max:a,restDelta:u=.5,restSpeed:c}){const f=e[0],d={done:!1,value:f},g=T=>l!==void 0&&Ta,x=T=>l===void 0?a:a===void 0||Math.abs(l-T)-y*Math.exp(-T/r),m=T=>v+h(T),C=T=>{const D=h(T),N=m(T);d.done=Math.abs(D)<=u,d.value=d.done?v:N};let k,j;const E=T=>{g(d.value)&&(k=T,j=K2({keyframes:[d.value,x(d.value)],velocity:Z2(m,T,d.value),damping:i,stiffness:s,restDelta:u,restSpeed:c}))};return E(0),{calculatedDuration:null,next:T=>{let D=!1;return!j&&k===void 0&&(D=!0,C(T),E(T)),k!==void 0&&T>k?j.next(T-k):(!D&&C(T),d)}}}const Ky=e=>{const t=({timestamp:n})=>e(n);return{start:()=>B.update(t,!0),stop:()=>st(t),now:()=>re.isProcessing?re.timestamp:performance.now()}},Mf=2e4;function Vf(e){let t=0;const n=50;let r=e.next(t);for(;!r.done&&t=Mf?1/0:t}const Qy={decay:Lf,inertia:Lf,tween:Zs,keyframes:Zs,spring:K2};function yi({autoplay:e=!0,delay:t=0,driver:n=Ky,keyframes:r,type:i="keyframes",repeat:s=0,repeatDelay:o=0,repeatType:l="loop",onPlay:a,onStop:u,onComplete:c,onUpdate:f,...d}){let g=1,x=!1,y,S;const v=()=>{S=new Promise(A=>{y=A})};v();let h;const m=Qy[i]||Zs;let C;m!==Zs&&typeof r[0]!="number"&&(C=jo([0,100],r,{clamp:!1}),r=[0,100]);const k=m({...d,keyframes:r});let j;l==="mirror"&&(j=m({...d,keyframes:[...r].reverse(),velocity:-(d.velocity||0)}));let E="idle",T=null,D=null,N=null;k.calculatedDuration===null&&s&&(k.calculatedDuration=Vf(k));const{calculatedDuration:oe}=k;let ce=1/0,Ce=1/0;oe!==null&&(ce=oe+o,Ce=ce*(s+1)-o);let le=0;const Mt=A=>{if(D===null)return;g>0&&(D=Math.min(D,A)),g<0&&(D=Math.min(A-Ce/g,D)),T!==null?le=T:le=Math.round(A-D)*g;const b=le-t*(g>=0?1:-1),an=g>=0?b<0:b>Ce;le=Math.max(b,0),E==="finished"&&T===null&&(le=Ce);let ot=le,Dn=k;if(s){const Vo=Math.min(le,Ce)/ce;let Vi=Math.floor(Vo),cn=Vo%1;!cn&&Vo>=1&&(cn=1),cn===1&&Vi--,Vi=Math.min(Vi,s+1),!!(Vi%2)&&(l==="reverse"?(cn=1-cn,o&&(cn-=o/ce)):l==="mirror"&&(Dn=j)),ot=tn(0,1,cn)*ce}const Ae=an?{done:!1,value:r[0]}:Dn.next(ot);C&&(Ae.value=C(Ae.value));let{done:un}=Ae;!an&&oe!==null&&(un=g>=0?le>=Ce:le<=0);const _p=T===null&&(E==="finished"||E==="running"&&un);return f&&f(Ae.value),_p&&L(),Ae},J=()=>{h&&h.stop(),h=void 0},Ue=()=>{E="idle",J(),y(),v(),D=N=null},L=()=>{E="finished",c&&c(),J(),y()},R=()=>{if(x)return;h||(h=n(Mt));const A=h.now();a&&a(),T!==null?D=A-T:(!D||E==="finished")&&(D=A),E==="finished"&&v(),N=D,T=null,E="running",h.start()};e&&R();const I={then(A,b){return S.then(A,b)},get time(){return pt(le)},set time(A){A=kn(A),le=A,T!==null||!h||g===0?T=A:D=h.now()-A/g},get duration(){const A=k.calculatedDuration===null?Vf(k):k.calculatedDuration;return pt(A)},get speed(){return g},set speed(A){A===g||!h||(g=A,I.time=pt(le))},get state(){return E},play:R,pause:()=>{E="paused",T=le},stop:()=>{x=!0,E!=="idle"&&(E="idle",u&&u(),Ue())},cancel:()=>{N!==null&&Mt(N),Ue()},complete:()=>{E="finished"},sample:A=>(D=0,Mt(A))};return I}function Yy(e){let t;return()=>(t===void 0&&(t=e()),t)}const Xy=Yy(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),Jy=new Set(["opacity","clipPath","filter","transform","backgroundColor"]),Yi=10,qy=2e4,e3=(e,t)=>t.type==="spring"||e==="backgroundColor"||!E2(t.ease);function t3(e,t,{onUpdate:n,onComplete:r,...i}){if(!(Xy()&&Jy.has(t)&&!i.repeatDelay&&i.repeatType!=="mirror"&&i.damping!==0&&i.type!=="inertia"))return!1;let o=!1,l,a,u=!1;const c=()=>{a=new Promise(m=>{l=m})};c();let{keyframes:f,duration:d=300,ease:g,times:x}=i;if(e3(t,i)){const m=yi({...i,repeat:0,delay:0});let C={done:!1,value:f[0]};const k=[];let j=0;for(;!C.done&&j{u=!1,y.cancel()},v=()=>{u=!0,B.update(S),l(),c()};return y.onfinish=()=>{u||(e.set(dy(f,i)),r&&r(),v())},{then(m,C){return a.then(m,C)},attachTimeline(m){return y.timeline=m,y.onfinish=null,X},get time(){return pt(y.currentTime||0)},set time(m){y.currentTime=kn(m)},get speed(){return y.playbackRate},set speed(m){y.playbackRate=m},get duration(){return pt(d)},play:()=>{o||(y.play(),st(S))},pause:()=>y.pause(),stop:()=>{if(o=!0,y.playState==="idle")return;const{currentTime:m}=y;if(m){const C=yi({...i,autoplay:!1});e.setWithVelocity(C.sample(m-Yi).value,C.sample(m).value,Yi)}v()},complete:()=>{u||y.finish()},cancel:v}}function n3({keyframes:e,delay:t,onUpdate:n,onComplete:r}){const i=()=>(n&&n(e[e.length-1]),r&&r(),{time:0,speed:1,duration:0,play:X,pause:X,stop:X,then:s=>(s(),Promise.resolve()),cancel:X,complete:X});return t?yi({keyframes:[0,1],duration:0,delay:t,onComplete:i}):i()}const r3={type:"spring",stiffness:500,damping:25,restSpeed:10},i3=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),s3={type:"keyframes",duration:.8},o3={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},l3=(e,{keyframes:t})=>t.length>2?s3:Nn.has(e)?e.startsWith("scale")?i3(t[1]):r3:o3,xa=(e,t)=>e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&(nn.test(t)||t==="0")&&!t.startsWith("url(")),a3=new Set(["brightness","contrast","saturate","opacity"]);function u3(e){const[t,n]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[r]=n.match(So)||[];if(!r)return e;const i=n.replace(r,"");let s=a3.has(t)?1:0;return r!==n&&(s*=100),t+"("+s+i+")"}const c3=/([a-z-]*)\(.*?\)/g,wa={...nn,getAnimatableNone:e=>{const t=e.match(c3);return t?t.map(u3).join(" "):e}},f3={...c2,color:Se,backgroundColor:Se,outlineColor:Se,fill:Se,stroke:Se,borderColor:Se,borderTopColor:Se,borderRightColor:Se,borderBottomColor:Se,borderLeftColor:Se,filter:wa,WebkitFilter:wa},Uu=e=>f3[e];function Q2(e,t){let n=Uu(e);return n!==wa&&(n=nn),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const Y2=e=>/^0[^.\s]+$/.test(e);function d3(e){if(typeof e=="number")return e===0;if(e!==null)return e==="none"||e==="0"||Y2(e)}function h3(e,t,n,r){const i=xa(t,n);let s;Array.isArray(n)?s=[...n]:s=[null,n];const o=r.from!==void 0?r.from:e.get();let l;const a=[];for(let u=0;ui=>{const s=Hu(r,e)||{},o=s.delay||r.delay||0;let{elapsed:l=0}=r;l=l-kn(o);const a=h3(t,e,n,s),u=a[0],c=a[a.length-1],f=xa(e,u),d=xa(e,c);let g={keyframes:a,velocity:t.getVelocity(),ease:"easeOut",...s,delay:-l,onUpdate:x=>{t.set(x),s.onUpdate&&s.onUpdate(x)},onComplete:()=>{i(),s.onComplete&&s.onComplete()}};if(p3(s)||(g={...g,...l3(e,g)}),g.duration&&(g.duration=kn(g.duration)),g.repeatDelay&&(g.repeatDelay=kn(g.repeatDelay)),!f||!d||cy.current||s.type===!1||m3.skipAnimations)return n3(g);if(!r.isHandoff&&t.owner&&t.owner.current instanceof HTMLElement&&!t.owner.getProps().onUpdate){const x=t3(t,e,g);if(x)return x}return yi(g)};function Ks(e){return!!(we(e)&&e.add)}const X2=e=>/^\-?\d*\.?\d+$/.test(e);function bu(e,t){e.indexOf(t)===-1&&e.push(t)}function Wu(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}class Gu{constructor(){this.subscriptions=[]}add(t){return bu(this.subscriptions,t),()=>Wu(this.subscriptions,t)}notify(t,n,r){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](t,n,r);else for(let s=0;s!isNaN(parseFloat(e)),Zr={current:void 0};class v3{constructor(t,n={}){this.version="10.17.12",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(r,i=!0)=>{this.prev=this.current,this.current=r;const{delta:s,timestamp:o}=re;this.lastUpdated!==o&&(this.timeDelta=s,this.lastUpdated=o,B.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),i&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>B.postRender(this.velocityCheck),this.velocityCheck=({timestamp:r})=>{r!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=g3(this.current),this.owner=n.owner}onChange(t){return this.on("change",t)}on(t,n){this.events[t]||(this.events[t]=new Gu);const r=this.events[t].add(n);return t==="change"?()=>{r(),B.read(()=>{this.events.change.getSize()||this.stop()})}:r}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,n){this.passiveEffect=t,this.stopPassiveEffect=n}set(t,n=!0){!n||!this.passiveEffect?this.updateAndNotify(t,n):this.passiveEffect(t,this.updateAndNotify)}setWithVelocity(t,n,r){this.set(n),this.prev=t,this.timeDelta=r}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return Zr.current&&Zr.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?zu(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=t(n),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.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function tt(e,t){return new v3(e,t)}const J2=e=>t=>t.test(e),y3={test:e=>e==="auto",parse:e=>e},q2=[An,V,ht,Rt,Tv,Pv,y3],Lr=e=>q2.find(J2(e)),x3=[...q2,Se,nn],w3=e=>x3.find(J2(e));function C3(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,tt(n))}function S3(e,t){const n=To(e,t);let{transitionEnd:r={},transition:i={},...s}=n?e.makeTargetAnimatable(n,!1):{};s={...s,...r};for(const o in s){const l=Bv(s[o]);C3(e,o,l)}}function k3(e,t,n){var r,i;const s=Object.keys(t).filter(l=>!e.hasValue(l)),o=s.length;if(o)for(let l=0;la.remove(f))),u.push(S)}return o&&Promise.all(u).then(()=>{o&&S3(e,o)}),u}function Ca(e,t,n={}){const r=To(e,t,n.custom);let{transition:i=e.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(i=n.transitionOverride);const s=r?()=>Promise.all(ep(e,r,n)):()=>Promise.resolve(),o=e.variantChildren&&e.variantChildren.size?(a=0)=>{const{delayChildren:u=0,staggerChildren:c,staggerDirection:f}=i;return L3(e,t,u+a,c,f,n)}:()=>Promise.resolve(),{when:l}=i;if(l){const[a,u]=l==="beforeChildren"?[s,o]:[o,s];return a().then(()=>u())}else return Promise.all([s(),o(n.delay)])}function L3(e,t,n=0,r=0,i=1,s){const o=[],l=(e.variantChildren.size-1)*r,a=i===1?(u=0)=>u*r:(u=0)=>l-u*r;return Array.from(e.variantChildren).sort(M3).forEach((u,c)=>{u.notify("AnimationStart",t),o.push(Ca(u,t,{...s,delay:n+a(c)}).then(()=>u.notify("AnimationComplete",t)))}),Promise.all(o)}function M3(e,t){return e.sortNodePosition(t)}function V3(e,t,n={}){e.notify("AnimationStart",t);let r;if(Array.isArray(t)){const i=t.map(s=>Ca(e,s,n));r=Promise.all(i)}else if(typeof t=="string")r=Ca(e,t,n);else{const i=typeof t=="function"?To(e,t,n.custom):t;r=Promise.all(ep(e,i,n))}return r.then(()=>e.notify("AnimationComplete",t))}const R3=[...Lu].reverse(),N3=Lu.length;function A3(e){return t=>Promise.all(t.map(({animation:n,options:r})=>V3(e,n,r)))}function D3(e){let t=A3(e);const n=I3();let r=!0;const i=(a,u)=>{const c=To(e,u);if(c){const{transition:f,transitionEnd:d,...g}=c;a={...a,...g,...d}}return a};function s(a){t=a(e)}function o(a,u){const c=e.getProps(),f=e.getVariantContext(!0)||{},d=[],g=new Set;let x={},y=1/0;for(let v=0;vy&&k,N=!1;const oe=Array.isArray(C)?C:[C];let ce=oe.reduce(i,{});j===!1&&(ce={});const{prevResolvedValues:Ce={}}=m,le={...Ce,...ce},Mt=J=>{D=!0,g.has(J)&&(N=!0,g.delete(J)),m.needsAnimating[J]=!0};for(const J in le){const Ue=ce[J],L=Ce[J];if(x.hasOwnProperty(J))continue;let R=!1;Ws(Ue)&&Ws(L)?R=!P2(Ue,L):R=Ue!==L,R?Ue!==void 0?Mt(J):g.add(J):Ue!==void 0&&g.has(J)?Mt(J):m.protectedKeys[J]=!0}m.prevProp=C,m.prevResolvedValues=ce,m.isActive&&(x={...x,...ce}),r&&e.blockInitialAnimation&&(D=!1),D&&(!E||N)&&d.push(...oe.map(J=>({animation:J,options:{type:h,...a}})))}if(g.size){const v={};g.forEach(h=>{const m=e.getBaseTarget(h);m!==void 0&&(v[h]=m)}),d.push({animation:v})}let S=!!d.length;return r&&(c.initial===!1||c.initial===c.animate)&&!e.manuallyAnimateOnMount&&(S=!1),r=!1,S?t(d):Promise.resolve()}function l(a,u,c){var f;if(n[a].isActive===u)return Promise.resolve();(f=e.variantChildren)===null||f===void 0||f.forEach(g=>{var x;return(x=g.animationState)===null||x===void 0?void 0:x.setActive(a,u)}),n[a].isActive=u;const d=o(c,a);for(const g in n)n[g].protectedKeys={};return d}return{animateChanges:o,setActive:l,setAnimateFunction:s,getState:()=>n}}function _3(e,t){return typeof t=="string"?t!==e:Array.isArray(t)?!P2(t,e):!1}function fn(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function I3(){return{animate:fn(!0),whileInView:fn(),whileHover:fn(),whileTap:fn(),whileDrag:fn(),whileFocus:fn(),exit:fn()}}class F3 extends ln{constructor(t){super(t),t.animationState||(t.animationState=D3(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();this.unmount(),wo(t)&&(this.unmount=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){}}let O3=0;class B3 extends ln{constructor(){super(...arguments),this.id=O3++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n,custom:r}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===i)return;const s=this.node.animationState.setActive("exit",!t,{custom:r??this.node.getProps().custom});n&&!t&&s.then(()=>n(this.id))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}const z3={animation:{Feature:F3},exit:{Feature:B3}},Rf=(e,t)=>Math.abs(e-t);function U3(e,t){const n=Rf(e.x,t.x),r=Rf(e.y,t.y);return Math.sqrt(n**2+r**2)}class tp{constructor(t,n,{transformPagePoint:r,contextWindow:i,dragSnapToOrigin:s=!1}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const f=hl(this.lastMoveEventInfo,this.history),d=this.startEvent!==null,g=U3(f.offset,{x:0,y:0})>=3;if(!d&&!g)return;const{point:x}=f,{timestamp:y}=re;this.history.push({...x,timestamp:y});const{onStart:S,onMove:v}=this.handlers;d||(S&&S(this.lastMoveEvent,f),this.startEvent=this.lastMoveEvent),v&&v(this.lastMoveEvent,f)},this.handlePointerMove=(f,d)=>{this.lastMoveEvent=f,this.lastMoveEventInfo=dl(d,this.transformPagePoint),B.update(this.updatePoint,!0)},this.handlePointerUp=(f,d)=>{this.end();const{onEnd:g,onSessionEnd:x,resumeAnimation:y}=this.handlers;if(this.dragSnapToOrigin&&y&&y(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const S=hl(f.type==="pointercancel"?this.lastMoveEventInfo:dl(d,this.transformPagePoint),this.history);this.startEvent&&g&&g(f,S),x&&x(f,S)},!x2(t))return;this.dragSnapToOrigin=s,this.handlers=n,this.transformPagePoint=r,this.contextWindow=i||window;const o=Po(t),l=dl(o,this.transformPagePoint),{point:a}=l,{timestamp:u}=re;this.history=[{...a,timestamp:u}];const{onSessionStart:c}=n;c&&c(t,hl(l,this.history)),this.removeListeners=Jt(Ct(this.contextWindow,"pointermove",this.handlePointerMove),Ct(this.contextWindow,"pointerup",this.handlePointerUp),Ct(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),st(this.updatePoint)}}function dl(e,t){return t?{point:t(e.point)}:e}function Nf(e,t){return{x:e.x-t.x,y:e.y-t.y}}function hl({point:e},t){return{point:e,delta:Nf(e,np(t)),offset:Nf(e,H3(t)),velocity:$3(t,.1)}}function H3(e){return e[0]}function np(e){return e[e.length-1]}function $3(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,r=null;const i=np(e);for(;n>=0&&(r=e[n],!(i.timestamp-r.timestamp>kn(t)));)n--;if(!r)return{x:0,y:0};const s=pt(i.timestamp-r.timestamp);if(s===0)return{x:0,y:0};const o={x:(i.x-r.x)/s,y:(i.y-r.y)/s};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function Oe(e){return e.max-e.min}function Sa(e,t=0,n=.01){return Math.abs(e-t)<=n}function Af(e,t,n,r=.5){e.origin=r,e.originPoint=Z(t.min,t.max,e.origin),e.scale=Oe(n)/Oe(t),(Sa(e.scale,1,1e-4)||isNaN(e.scale))&&(e.scale=1),e.translate=Z(n.min,n.max,e.origin)-e.originPoint,(Sa(e.translate)||isNaN(e.translate))&&(e.translate=0)}function Kr(e,t,n,r){Af(e.x,t.x,n.x,r?r.originX:void 0),Af(e.y,t.y,n.y,r?r.originY:void 0)}function Df(e,t,n){e.min=n.min+t.min,e.max=e.min+Oe(t)}function b3(e,t,n){Df(e.x,t.x,n.x),Df(e.y,t.y,n.y)}function _f(e,t,n){e.min=t.min-n.min,e.max=e.min+Oe(t)}function Qr(e,t,n){_f(e.x,t.x,n.x),_f(e.y,t.y,n.y)}function W3(e,{min:t,max:n},r){return t!==void 0&&en&&(e=r?Z(n,e,r.max):Math.min(e,n)),e}function If(e,t,n){return{min:t!==void 0?e.min+t:void 0,max:n!==void 0?e.max+n-(e.max-e.min):void 0}}function G3(e,{top:t,left:n,bottom:r,right:i}){return{x:If(e.x,n,i),y:If(e.y,t,r)}}function Ff(e,t){let n=t.min-e.min,r=t.max-e.max;return t.max-t.minr?n=pr(t.min,t.max-r,e.min):r>i&&(n=pr(e.min,e.max-i,t.min)),tn(0,1,n)}function Q3(e,t){const n={};return t.min!==void 0&&(n.min=t.min-e.min),t.max!==void 0&&(n.max=t.max-e.min),n}const ka=.35;function Y3(e=ka){return e===!1?e=0:e===!0&&(e=ka),{x:Of(e,"left","right"),y:Of(e,"top","bottom")}}function Of(e,t,n){return{min:Bf(e,t),max:Bf(e,n)}}function Bf(e,t){return typeof e=="number"?e:e[t]||0}const zf=()=>({translate:0,scale:1,origin:0,originPoint:0}),Xn=()=>({x:zf(),y:zf()}),Uf=()=>({min:0,max:0}),ee=()=>({x:Uf(),y:Uf()});function $e(e){return[e("x"),e("y")]}function rp({top:e,left:t,right:n,bottom:r}){return{x:{min:t,max:n},y:{min:e,max:r}}}function X3({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}function J3(e,t){if(!t)return e;const n=t({x:e.left,y:e.top}),r=t({x:e.right,y:e.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}function pl(e){return e===void 0||e===1}function Pa({scale:e,scaleX:t,scaleY:n}){return!pl(e)||!pl(t)||!pl(n)}function pn(e){return Pa(e)||ip(e)||e.z||e.rotate||e.rotateX||e.rotateY}function ip(e){return Hf(e.x)||Hf(e.y)}function Hf(e){return e&&e!=="0%"}function Qs(e,t,n){const r=e-n,i=t*r;return n+i}function $f(e,t,n,r,i){return i!==void 0&&(e=Qs(e,i,r)),Qs(e,n,r)+t}function Ta(e,t=0,n=1,r,i){e.min=$f(e.min,t,n,r,i),e.max=$f(e.max,t,n,r,i)}function sp(e,{x:t,y:n}){Ta(e.x,t.translate,t.scale,t.originPoint),Ta(e.y,n.translate,n.scale,n.originPoint)}function q3(e,t,n,r=!1){const i=n.length;if(!i)return;t.x=t.y=1;let s,o;for(let l=0;l1.0000000000001||e<.999999999999?e:1}function _t(e,t){e.min=e.min+t,e.max=e.max+t}function Wf(e,t,[n,r,i]){const s=t[i]!==void 0?t[i]:.5,o=Z(e.min,e.max,s);Ta(e,t[n],t[r],o,t.scale)}const e5=["x","scaleX","originX"],t5=["y","scaleY","originY"];function Jn(e,t){Wf(e.x,t,e5),Wf(e.y,t,t5)}function op(e,t){return rp(J3(e.getBoundingClientRect(),t))}function n5(e,t,n){const r=op(e,n),{scroll:i}=t;return i&&(_t(r.x,i.offset.x),_t(r.y,i.offset.y)),r}const lp=({current:e})=>e?e.ownerDocument.defaultView:null,r5=new WeakMap;class i5{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=ee(),this.visualElement=t}start(t,{snapToCursor:n=!1}={}){const{presenceContext:r}=this.visualElement;if(r&&r.isPresent===!1)return;const i=c=>{const{dragSnapToOrigin:f}=this.getProps();f?this.pauseAnimation():this.stopAnimation(),n&&this.snapToCursor(Po(c,"page").point)},s=(c,f)=>{const{drag:d,dragPropagation:g,onDragStart:x}=this.getProps();if(d&&!g&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=C2(d),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),$e(S=>{let v=this.getAxisMotionValue(S).get()||0;if(ht.test(v)){const{projection:h}=this.visualElement;if(h&&h.layout){const m=h.layout.layoutBox[S];m&&(v=Oe(m)*(parseFloat(v)/100))}}this.originPoint[S]=v}),x&&B.update(()=>x(c,f),!1,!0);const{animationState:y}=this.visualElement;y&&y.setActive("whileDrag",!0)},o=(c,f)=>{const{dragPropagation:d,dragDirectionLock:g,onDirectionLock:x,onDrag:y}=this.getProps();if(!d&&!this.openGlobalLock)return;const{offset:S}=f;if(g&&this.currentDirection===null){this.currentDirection=s5(S),this.currentDirection!==null&&x&&x(this.currentDirection);return}this.updateAxis("x",f.point,S),this.updateAxis("y",f.point,S),this.visualElement.render(),y&&y(c,f)},l=(c,f)=>this.stop(c,f),a=()=>$e(c=>{var f;return this.getAnimationState(c)==="paused"&&((f=this.getAxisMotionValue(c).animation)===null||f===void 0?void 0:f.play())}),{dragSnapToOrigin:u}=this.getProps();this.panSession=new tp(t,{onSessionStart:i,onStart:s,onMove:o,onSessionEnd:l,resumeAnimation:a},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,contextWindow:lp(this.visualElement)})}stop(t,n){const r=this.isDragging;if(this.cancel(),!r)return;const{velocity:i}=n;this.startAnimation(i);const{onDragEnd:s}=this.getProps();s&&B.update(()=>s(t,n))}cancel(){this.isDragging=!1;const{projection:t,animationState:n}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:r}=this.getProps();!r&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),n&&n.setActive("whileDrag",!1)}updateAxis(t,n,r){const{drag:i}=this.getProps();if(!r||!Xi(t,i,this.currentDirection))return;const s=this.getAxisMotionValue(t);let o=this.originPoint[t]+r[t];this.constraints&&this.constraints[t]&&(o=W3(o,this.constraints[t],this.elastic[t])),s.set(o)}resolveConstraints(){var t;const{dragConstraints:n,dragElastic:r}=this.getProps(),i=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(t=this.visualElement.projection)===null||t===void 0?void 0:t.layout,s=this.constraints;n&&Qn(n)?this.constraints||(this.constraints=this.resolveRefConstraints()):n&&i?this.constraints=G3(i.layoutBox,n):this.constraints=!1,this.elastic=Y3(r),s!==this.constraints&&i&&this.constraints&&!this.hasMutatedConstraints&&$e(o=>{this.getAxisMotionValue(o)&&(this.constraints[o]=Q3(i.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:n}=this.getProps();if(!t||!Qn(t))return!1;const r=t.current,{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const s=n5(r,i.root,this.visualElement.getTransformPagePoint());let o=Z3(i.layout.layoutBox,s);if(n){const l=n(X3(o));this.hasMutatedConstraints=!!l,l&&(o=rp(l))}return o}startAnimation(t){const{drag:n,dragMomentum:r,dragElastic:i,dragTransition:s,dragSnapToOrigin:o,onDragTransitionEnd:l}=this.getProps(),a=this.constraints||{},u=$e(c=>{if(!Xi(c,n,this.currentDirection))return;let f=a&&a[c]||{};o&&(f={min:0,max:0});const d=i?200:1e6,g=i?40:1e7,x={type:"inertia",velocity:r?t[c]:0,bounceStiffness:d,bounceDamping:g,timeConstant:750,restDelta:1,restSpeed:10,...s,...f};return this.startAxisValueAnimation(c,x)});return Promise.all(u).then(l)}startAxisValueAnimation(t,n){const r=this.getAxisMotionValue(t);return r.start($u(t,r,0,n))}stopAnimation(){$e(t=>this.getAxisMotionValue(t).stop())}pauseAnimation(){$e(t=>{var n;return(n=this.getAxisMotionValue(t).animation)===null||n===void 0?void 0:n.pause()})}getAnimationState(t){var n;return(n=this.getAxisMotionValue(t).animation)===null||n===void 0?void 0:n.state}getAxisMotionValue(t){const n="_drag"+t.toUpperCase(),r=this.visualElement.getProps(),i=r[n];return i||this.visualElement.getValue(t,(r.initial?r.initial[t]:void 0)||0)}snapToCursor(t){$e(n=>{const{drag:r}=this.getProps();if(!Xi(n,r,this.currentDirection))return;const{projection:i}=this.visualElement,s=this.getAxisMotionValue(n);if(i&&i.layout){const{min:o,max:l}=i.layout.layoutBox[n];s.set(t[n]-Z(o,l,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:n}=this.getProps(),{projection:r}=this.visualElement;if(!Qn(n)||!r||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};$e(o=>{const l=this.getAxisMotionValue(o);if(l){const a=l.get();i[o]=K3({min:a,max:a},this.constraints[o])}});const{transformTemplate:s}=this.visualElement.getProps();this.visualElement.current.style.transform=s?s({},""):"none",r.root&&r.root.updateScroll(),r.updateLayout(),this.resolveConstraints(),$e(o=>{if(!Xi(o,t,null))return;const l=this.getAxisMotionValue(o),{min:a,max:u}=this.constraints[o];l.set(Z(a,u,i[o]))})}addListeners(){if(!this.visualElement.current)return;r5.set(this.visualElement,this);const t=this.visualElement.current,n=Ct(t,"pointerdown",a=>{const{drag:u,dragListener:c=!0}=this.getProps();u&&c&&this.start(a)}),r=()=>{const{dragConstraints:a}=this.getProps();Qn(a)&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,s=i.addEventListener("measure",r);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),r();const o=xt(window,"resize",()=>this.scalePositionWithinConstraints()),l=i.addEventListener("didUpdate",({delta:a,hasLayoutChanged:u})=>{this.isDragging&&u&&($e(c=>{const f=this.getAxisMotionValue(c);f&&(this.originPoint[c]+=a[c].translate,f.set(f.get()+a[c].translate))}),this.visualElement.render())});return()=>{o(),n(),s(),l&&l()}}getProps(){const t=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:r=!1,dragPropagation:i=!1,dragConstraints:s=!1,dragElastic:o=ka,dragMomentum:l=!0}=t;return{...t,drag:n,dragDirectionLock:r,dragPropagation:i,dragConstraints:s,dragElastic:o,dragMomentum:l}}}function Xi(e,t,n){return(t===!0||t===e)&&(n===null||n===e)}function s5(e,t=10){let n=null;return Math.abs(e.y)>t?n="y":Math.abs(e.x)>t&&(n="x"),n}class o5 extends ln{constructor(t){super(t),this.removeGroupControls=X,this.removeListeners=X,this.controls=new i5(t)}mount(){const{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||X}unmount(){this.removeGroupControls(),this.removeListeners()}}const Gf=e=>(t,n)=>{e&&B.update(()=>e(t,n))};class l5 extends ln{constructor(){super(...arguments),this.removePointerDownListener=X}onPointerDown(t){this.session=new tp(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:lp(this.node)})}createPanHandlers(){const{onPanSessionStart:t,onPanStart:n,onPan:r,onPanEnd:i}=this.node.getProps();return{onSessionStart:Gf(t),onStart:Gf(n),onMove:r,onEnd:(s,o)=>{delete this.session,i&&B.update(()=>i(s,o))}}}mount(){this.removePointerDownListener=Ct(this.node.current,"pointerdown",t=>this.onPointerDown(t))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}function a5(){const e=w.useContext(Eu);if(e===null)return[!0,null];const{isPresent:t,onExitComplete:n,register:r}=e,i=w.useId();return w.useEffect(()=>r(i),[]),!t&&n?[!1,()=>n&&n(i)]:[!0]}const ms={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function Zf(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}const Mr={correct:(e,t)=>{if(!t.target)return e;if(typeof e=="string")if(V.test(e))e=parseFloat(e);else return e;const n=Zf(e,t.target.x),r=Zf(e,t.target.y);return`${n}% ${r}%`}},u5={correct:(e,{treeScale:t,projectionDelta:n})=>{const r=e,i=nn.parse(e);if(i.length>5)return r;const s=nn.createTransformer(e),o=typeof i[0]!="number"?1:0,l=n.x.scale*t.x,a=n.y.scale*t.y;i[0+o]/=l,i[1+o]/=a;const u=Z(l,a,.5);return typeof i[2+o]=="number"&&(i[2+o]/=u),typeof i[3+o]=="number"&&(i[3+o]/=u),s(i)}};class c5 extends Et.Component{componentDidMount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:r,layoutId:i}=this.props,{projection:s}=t;vv(f5),s&&(n.group&&n.group.add(s),r&&r.register&&i&&r.register(s),s.root.didUpdate(),s.addEventListener("animationComplete",()=>{this.safeToRemove()}),s.setOptions({...s.options,onExitComplete:()=>this.safeToRemove()})),ms.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:n,visualElement:r,drag:i,isPresent:s}=this.props,o=r.projection;return o&&(o.isPresent=s,i||t.layoutDependency!==n||n===void 0?o.willUpdate():this.safeToRemove(),t.isPresent!==s&&(s?o.promote():o.relegate()||B.postRender(()=>{const l=o.getStack();(!l||!l.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),queueMicrotask(()=>{!t.currentAnimation&&t.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:r}=this.props,{projection:i}=t;i&&(i.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(i),r&&r.deregister&&r.deregister(i))}safeToRemove(){const{safeToRemove:t}=this.props;t&&t()}render(){return null}}function ap(e){const[t,n]=a5(),r=w.useContext(i2);return Et.createElement(c5,{...e,layoutGroup:r,switchLayoutGroup:w.useContext(s2),isPresent:t,safeToRemove:n})}const f5={borderRadius:{...Mr,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Mr,borderTopRightRadius:Mr,borderBottomLeftRadius:Mr,borderBottomRightRadius:Mr,boxShadow:u5},up=["TopLeft","TopRight","BottomLeft","BottomRight"],d5=up.length,Kf=e=>typeof e=="string"?parseFloat(e):e,Qf=e=>typeof e=="number"||V.test(e);function h5(e,t,n,r,i,s){i?(e.opacity=Z(0,n.opacity!==void 0?n.opacity:1,p5(r)),e.opacityExit=Z(t.opacity!==void 0?t.opacity:1,0,m5(r))):s&&(e.opacity=Z(t.opacity!==void 0?t.opacity:1,n.opacity!==void 0?n.opacity:1,r));for(let o=0;ort?1:n(pr(e,t,r))}function Xf(e,t){e.min=t.min,e.max=t.max}function He(e,t){Xf(e.x,t.x),Xf(e.y,t.y)}function Jf(e,t,n,r,i){return e-=t,e=Qs(e,1/n,r),i!==void 0&&(e=Qs(e,1/i,r)),e}function g5(e,t=0,n=1,r=.5,i,s=e,o=e){if(ht.test(t)&&(t=parseFloat(t),t=Z(o.min,o.max,t/100)-o.min),typeof t!="number")return;let l=Z(s.min,s.max,r);e===s&&(l-=t),e.min=Jf(e.min,t,n,l,i),e.max=Jf(e.max,t,n,l,i)}function qf(e,t,[n,r,i],s,o){g5(e,t[n],t[r],t[i],t.scale,s,o)}const v5=["x","scaleX","originX"],y5=["y","scaleY","originY"];function e0(e,t,n,r){qf(e.x,t,v5,n?n.x:void 0,r?r.x:void 0),qf(e.y,t,y5,n?n.y:void 0,r?r.y:void 0)}function t0(e){return e.translate===0&&e.scale===1}function fp(e){return t0(e.x)&&t0(e.y)}function x5(e,t){return e.x.min===t.x.min&&e.x.max===t.x.max&&e.y.min===t.y.min&&e.y.max===t.y.max}function dp(e,t){return Math.round(e.x.min)===Math.round(t.x.min)&&Math.round(e.x.max)===Math.round(t.x.max)&&Math.round(e.y.min)===Math.round(t.y.min)&&Math.round(e.y.max)===Math.round(t.y.max)}function n0(e){return Oe(e.x)/Oe(e.y)}class w5{constructor(){this.members=[]}add(t){bu(this.members,t),t.scheduleRender()}remove(t){if(Wu(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const n=this.members[this.members.length-1];n&&this.promote(n)}}relegate(t){const n=this.members.findIndex(i=>t===i);if(n===0)return!1;let r;for(let i=n;i>=0;i--){const s=this.members[i];if(s.isPresent!==!1){r=s;break}}return r?(this.promote(r),!0):!1}promote(t,n){const r=this.lead;if(t!==r&&(this.prevLead=r,this.lead=t,t.show(),r)){r.instance&&r.scheduleRender(),t.scheduleRender(),t.resumeFrom=r,n&&(t.resumeFrom.preserveOpacity=!0),r.snapshot&&(t.snapshot=r.snapshot,t.snapshot.latestValues=r.animationValues||r.latestValues),t.root&&t.root.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:i}=t.options;i===!1&&r.hide()}}exitAnimationComplete(){this.members.forEach(t=>{const{options:n,resumingFrom:r}=t;n.onExitComplete&&n.onExitComplete(),r&&r.options.onExitComplete&&r.options.onExitComplete()})}scheduleRender(){this.members.forEach(t=>{t.instance&&t.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function r0(e,t,n){let r="";const i=e.x.translate/t.x,s=e.y.translate/t.y;if((i||s)&&(r=`translate3d(${i}px, ${s}px, 0) `),(t.x!==1||t.y!==1)&&(r+=`scale(${1/t.x}, ${1/t.y}) `),n){const{rotate:a,rotateX:u,rotateY:c}=n;a&&(r+=`rotate(${a}deg) `),u&&(r+=`rotateX(${u}deg) `),c&&(r+=`rotateY(${c}deg) `)}const o=e.x.scale*t.x,l=e.y.scale*t.y;return(o!==1||l!==1)&&(r+=`scale(${o}, ${l})`),r||"none"}const C5=(e,t)=>e.depth-t.depth;class S5{constructor(){this.children=[],this.isDirty=!1}add(t){bu(this.children,t),this.isDirty=!0}remove(t){Wu(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(C5),this.isDirty=!1,this.children.forEach(t)}}function k5(e,t){const n=performance.now(),r=({timestamp:i})=>{const s=i-n;s>=t&&(st(r),e(s-t))};return B.read(r,!0),()=>st(r)}function P5(e){window.MotionDebug&&window.MotionDebug.record(e)}function T5(e){return e instanceof SVGElement&&e.tagName!=="svg"}function E5(e,t,n){const r=we(e)?e:tt(e);return r.start($u("",r,t,n)),r.animation}const i0=["","X","Y","Z"],j5={visibility:"hidden"},s0=1e3;let L5=0;const mn={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function hp({attachResizeListener:e,defaultParent:t,measureScroll:n,checkIsScrollRoot:r,resetTransform:i}){return class{constructor(o={},l=t==null?void 0:t()){this.id=L5++,this.animationId=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.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,mn.totalNodes=mn.resolvedTargetDeltas=mn.recalculatedProjection=0,this.nodes.forEach(R5),this.nodes.forEach(I5),this.nodes.forEach(F5),this.nodes.forEach(N5),P5(mn)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=o,this.root=l?l.root||l:this,this.path=l?[...l.path,l]:[],this.parent=l,this.depth=l?l.depth+1:0;for(let a=0;athis.root.updateBlockedByResize=!1;e(o,()=>{this.root.updateBlockedByResize=!0,f&&f(),f=k5(d,250),ms.hasAnimatedSinceResize&&(ms.hasAnimatedSinceResize=!1,this.nodes.forEach(l0))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&c&&(a||u)&&this.addEventListener("didUpdate",({delta:f,hasLayoutChanged:d,hasRelativeTargetChanged:g,layout:x})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const y=this.options.transition||c.getDefaultTransition()||H5,{onLayoutAnimationStart:S,onLayoutAnimationComplete:v}=c.getProps(),h=!this.targetLayout||!dp(this.targetLayout,x)||g,m=!d&&g;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||m||d&&(h||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(f,m);const C={...Hu(y,"layout"),onPlay:S,onComplete:v};(c.shouldReduceMotion||this.options.layoutRoot)&&(C.delay=0,C.type=!1),this.startAnimation(C)}else d||l0(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=x})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const o=this.getStack();o&&o.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,st(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(O5),this.animationId++)}getTransformTemplate(){const{visualElement:o}=this.options;return o&&o.getProps().transformTemplate}willUpdate(o=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let c=0;cthis.update()))}clearAllSnapshots(){this.nodes.forEach(A5),this.sharedNodes.forEach(B5)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,B.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){B.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let a=0;a{const k=C/1e3;a0(f.x,o.x,k),a0(f.y,o.y,k),this.setTargetDelta(f),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Qr(d,this.layout.layoutBox,this.relativeParent.layout.layoutBox),z5(this.relativeTarget,this.relativeTargetOrigin,d,k),m&&x5(this.relativeTarget,m)&&(this.isProjectionDirty=!1),m||(m=ee()),He(m,this.relativeTarget)),y&&(this.animationValues=c,h5(c,u,this.latestValues,k,h,v)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=k},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(o){this.notifyListeners("animationStart"),this.currentAnimation&&this.currentAnimation.stop(),this.resumingFrom&&this.resumingFrom.currentAnimation&&this.resumingFrom.currentAnimation.stop(),this.pendingAnimation&&(st(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=B.update(()=>{ms.hasAnimatedSinceResize=!0,this.currentAnimation=E5(0,s0,{...o,onUpdate:l=>{this.mixTargetDelta(l),o.onUpdate&&o.onUpdate(l)},onComplete:()=>{o.onComplete&&o.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const o=this.getStack();o&&o.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(s0),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const o=this.getLead();let{targetWithTransforms:l,target:a,layout:u,latestValues:c}=o;if(!(!l||!a||!u)){if(this!==o&&this.layout&&u&&pp(this.options.animationType,this.layout.layoutBox,u.layoutBox)){a=this.target||ee();const f=Oe(this.layout.layoutBox.x);a.x.min=o.target.x.min,a.x.max=a.x.min+f;const d=Oe(this.layout.layoutBox.y);a.y.min=o.target.y.min,a.y.max=a.y.min+d}He(l,a),Jn(l,c),Kr(this.projectionDeltaWithTransform,this.layoutCorrected,l,c)}}registerSharedNode(o,l){this.sharedNodes.has(o)||this.sharedNodes.set(o,new w5),this.sharedNodes.get(o).add(l);const u=l.options.initialPromotionConfig;l.promote({transition:u?u.transition:void 0,preserveFollowOpacity:u&&u.shouldPreserveFollowOpacity?u.shouldPreserveFollowOpacity(l):void 0})}isLead(){const o=this.getStack();return o?o.lead===this:!0}getLead(){var o;const{layoutId:l}=this.options;return l?((o=this.getStack())===null||o===void 0?void 0:o.lead)||this:this}getPrevLead(){var o;const{layoutId:l}=this.options;return l?(o=this.getStack())===null||o===void 0?void 0:o.prevLead:void 0}getStack(){const{layoutId:o}=this.options;if(o)return this.root.sharedNodes.get(o)}promote({needsReset:o,transition:l,preserveFollowOpacity:a}={}){const u=this.getStack();u&&u.promote(this,a),o&&(this.projectionDelta=void 0,this.needsReset=!0),l&&this.setOptions({transition:l})}relegate(){const o=this.getStack();return o?o.relegate(this):!1}resetRotation(){const{visualElement:o}=this.options;if(!o)return;let l=!1;const{latestValues:a}=o;if((a.rotate||a.rotateX||a.rotateY||a.rotateZ)&&(l=!0),!l)return;const u={};for(let c=0;c{var l;return(l=o.currentAnimation)===null||l===void 0?void 0:l.stop()}),this.root.nodes.forEach(o0),this.root.sharedNodes.clear()}}}function M5(e){e.updateLayout()}function V5(e){var t;const n=((t=e.resumeFrom)===null||t===void 0?void 0:t.snapshot)||e.snapshot;if(e.isLead()&&e.layout&&n&&e.hasListeners("didUpdate")){const{layoutBox:r,measuredBox:i}=e.layout,{animationType:s}=e.options,o=n.source!==e.layout.source;s==="size"?$e(f=>{const d=o?n.measuredBox[f]:n.layoutBox[f],g=Oe(d);d.min=r[f].min,d.max=d.min+g}):pp(s,n.layoutBox,r)&&$e(f=>{const d=o?n.measuredBox[f]:n.layoutBox[f],g=Oe(r[f]);d.max=d.min+g,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[f].max=e.relativeTarget[f].min+g)});const l=Xn();Kr(l,r,n.layoutBox);const a=Xn();o?Kr(a,e.applyTransform(i,!0),n.measuredBox):Kr(a,r,n.layoutBox);const u=!fp(l);let c=!1;if(!e.resumeFrom){const f=e.getClosestProjectingParent();if(f&&!f.resumeFrom){const{snapshot:d,layout:g}=f;if(d&&g){const x=ee();Qr(x,n.layoutBox,d.layoutBox);const y=ee();Qr(y,r,g.layoutBox),dp(x,y)||(c=!0),f.options.layoutRoot&&(e.relativeTarget=y,e.relativeTargetOrigin=x,e.relativeParent=f)}}}e.notifyListeners("didUpdate",{layout:r,snapshot:n,delta:a,layoutDelta:l,hasLayoutChanged:u,hasRelativeTargetChanged:c})}else if(e.isLead()){const{onExitComplete:r}=e.options;r&&r()}e.options.transition=void 0}function R5(e){mn.totalNodes++,e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function N5(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function A5(e){e.clearSnapshot()}function o0(e){e.clearMeasurements()}function D5(e){e.isLayoutDirty=!1}function _5(e){const{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function l0(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function I5(e){e.resolveTargetDelta()}function F5(e){e.calcProjection()}function O5(e){e.resetRotation()}function B5(e){e.removeLeadSnapshot()}function a0(e,t,n){e.translate=Z(t.translate,0,n),e.scale=Z(t.scale,1,n),e.origin=t.origin,e.originPoint=t.originPoint}function u0(e,t,n,r){e.min=Z(t.min,n.min,r),e.max=Z(t.max,n.max,r)}function z5(e,t,n,r){u0(e.x,t.x,n.x,r),u0(e.y,t.y,n.y,r)}function U5(e){return e.animationValues&&e.animationValues.opacityExit!==void 0}const H5={duration:.45,ease:[.4,0,.1,1]},c0=e=>typeof navigator<"u"&&navigator.userAgent.toLowerCase().includes(e),f0=c0("applewebkit/")&&!c0("chrome/")?Math.round:X;function d0(e){e.min=f0(e.min),e.max=f0(e.max)}function $5(e){d0(e.x),d0(e.y)}function pp(e,t,n){return e==="position"||e==="preserve-aspect"&&!Sa(n0(t),n0(n),.2)}const b5=hp({attachResizeListener:(e,t)=>xt(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),ml={current:void 0},mp=hp({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!ml.current){const e=new b5({});e.mount(window),e.setOptions({layoutScroll:!0}),ml.current=e}return ml.current},resetTransform:(e,t)=>{e.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:e=>window.getComputedStyle(e).position==="fixed"}),W5={pan:{Feature:l5},drag:{Feature:o5,ProjectionNode:mp,MeasureLayout:ap}},G5=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function Z5(e){const t=G5.exec(e);if(!t)return[,];const[,n,r]=t;return[n,r]}function Ea(e,t,n=1){const[r,i]=Z5(e);if(!r)return;const s=window.getComputedStyle(t).getPropertyValue(r);if(s){const o=s.trim();return X2(o)?parseFloat(o):o}else return ma(i)?Ea(i,t,n+1):i}function K5(e,{...t},n){const r=e.current;if(!(r instanceof Element))return{target:t,transitionEnd:n};n&&(n={...n}),e.values.forEach(i=>{const s=i.get();if(!ma(s))return;const o=Ea(s,r);o&&i.set(o)});for(const i in t){const s=t[i];if(!ma(s))continue;const o=Ea(s,r);o&&(t[i]=o,n||(n={}),n[i]===void 0&&(n[i]=s))}return{target:t,transitionEnd:n}}const Q5=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),gp=e=>Q5.has(e),Y5=e=>Object.keys(e).some(gp),h0=e=>e===An||e===V,p0=(e,t)=>parseFloat(e.split(", ")[t]),m0=(e,t)=>(n,{transform:r})=>{if(r==="none"||!r)return 0;const i=r.match(/^matrix3d\((.+)\)$/);if(i)return p0(i[1],t);{const s=r.match(/^matrix\((.+)\)$/);return s?p0(s[1],e):0}},X5=new Set(["x","y","z"]),J5=Ei.filter(e=>!X5.has(e));function q5(e){const t=[];return J5.forEach(n=>{const r=e.getValue(n);r!==void 0&&(t.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))}),t.length&&e.render(),t}const mr={width:({x:e},{paddingLeft:t="0",paddingRight:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t="0",paddingBottom:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:m0(4,13),y:m0(5,14)};mr.translateX=mr.x;mr.translateY=mr.y;const e4=(e,t,n)=>{const r=t.measureViewportBox(),i=t.current,s=getComputedStyle(i),{display:o}=s,l={};o==="none"&&t.setStaticValue("display",e.display||"block"),n.forEach(u=>{l[u]=mr[u](r,s)}),t.render();const a=t.measureViewportBox();return n.forEach(u=>{const c=t.getValue(u);c&&c.jump(l[u]),e[u]=mr[u](a,s)}),e},t4=(e,t,n={},r={})=>{t={...t},r={...r};const i=Object.keys(t).filter(gp);let s=[],o=!1;const l=[];if(i.forEach(a=>{const u=e.getValue(a);if(!e.hasValue(a))return;let c=n[a],f=Lr(c);const d=t[a];let g;if(Ws(d)){const x=d.length,y=d[0]===null?1:0;c=d[y],f=Lr(c);for(let S=y;S=0?window.pageYOffset:null,u=e4(t,e,l);return s.length&&s.forEach(([c,f])=>{e.getValue(c).set(f)}),e.render(),yo&&a!==null&&window.scrollTo({top:a}),{target:u,transitionEnd:r}}else return{target:t,transitionEnd:r}};function n4(e,t,n,r){return Y5(t)?t4(e,t,n,r):{target:t,transitionEnd:r}}const r4=(e,t,n,r)=>{const i=K5(e,t,r);return t=i.target,r=i.transitionEnd,n4(e,t,n,r)},ja={current:null},vp={current:!1};function i4(){if(vp.current=!0,!!yo)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>ja.current=e.matches;e.addListener(t),t()}else ja.current=!1}function s4(e,t,n){const{willChange:r}=t;for(const i in t){const s=t[i],o=n[i];if(we(s))e.addValue(i,s),Ks(r)&&r.add(i);else if(we(o))e.addValue(i,tt(s,{owner:e})),Ks(r)&&r.remove(i);else if(o!==s)if(e.hasValue(i)){const l=e.getValue(i);!l.hasAnimated&&l.set(s)}else{const l=e.getStaticValue(i);e.addValue(i,tt(l!==void 0?l:s,{owner:e}))}}for(const i in n)t[i]===void 0&&e.removeValue(i);return t}const g0=new WeakMap,yp=Object.keys(vi),o4=yp.length,v0=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],l4=Mu.length;class a4{constructor({parent:t,props:n,presenceContext:r,reducedMotionConfig:i,visualState:s},o={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},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.scheduleRender=()=>B.render(this.render,!1,!0);const{latestValues:l,renderState:a}=s;this.latestValues=l,this.baseTarget={...l},this.initialValues=n.initial?{...l}:{},this.renderState=a,this.parent=t,this.props=n,this.presenceContext=r,this.depth=t?t.depth+1:0,this.reducedMotionConfig=i,this.options=o,this.isControllingVariants=Co(n),this.isVariantNode=r2(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:u,...c}=this.scrapeMotionValuesFromProps(n,{});for(const f in c){const d=c[f];l[f]!==void 0&&we(d)&&(d.set(l[f],!1),Ks(u)&&u.add(f))}}scrapeMotionValuesFromProps(t,n){return{}}mount(t){this.current=t,g0.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((n,r)=>this.bindToMotionValue(r,n)),vp.current||i4(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:ja.current,this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){g0.delete(this.current),this.projection&&this.projection.unmount(),st(this.notifyUpdate),st(this.render),this.valueSubscriptions.forEach(t=>t()),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features)this.features[t].unmount();this.current=null}bindToMotionValue(t,n){const r=Nn.has(t),i=n.on("change",o=>{this.latestValues[t]=o,this.props.onUpdate&&B.update(this.notifyUpdate,!1,!0),r&&this.projection&&(this.projection.isTransformDirty=!0)}),s=n.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{i(),s()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}loadFeatures({children:t,...n},r,i,s){let o,l;for(let a=0;athis.scheduleRender(),animationType:typeof u=="string"?u:"both",initialPromotionConfig:s,layoutScroll:d,layoutRoot:g})}return l}updateFeatures(){for(const t in this.features){const n=this.features[t];n.isMounted?n.update():(n.mount(),n.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):ee()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,n){this.latestValues[t]=n}makeTargetAnimatable(t,n=!0){return this.makeTargetAnimatableFromInstance(t,this.props,n)}update(t,n){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let r=0;rn.variantChildren.delete(t)}addValue(t,n){n!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,n)),this.values.set(t,n),this.latestValues[t]=n.get()}removeValue(t){this.values.delete(t);const n=this.valueSubscriptions.get(t);n&&(n(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,n){if(this.props.values&&this.props.values[t])return this.props.values[t];let r=this.values.get(t);return r===void 0&&n!==void 0&&(r=tt(n,{owner:this}),this.addValue(t,r)),r}readValue(t){var n;return this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:(n=this.getBaseTargetFromProps(this.props,t))!==null&&n!==void 0?n:this.readValueFromInstance(this.current,t,this.options)}setBaseTarget(t,n){this.baseTarget[t]=n}getBaseTarget(t){var n;const{initial:r}=this.props,i=typeof r=="string"||typeof r=="object"?(n=Iu(this.props,r))===null||n===void 0?void 0:n[t]:void 0;if(r&&i!==void 0)return i;const s=this.getBaseTargetFromProps(this.props,t);return s!==void 0&&!we(s)?s:this.initialValues[t]!==void 0&&i===void 0?void 0:this.baseTarget[t]}on(t,n){return this.events[t]||(this.events[t]=new Gu),this.events[t].add(n)}notify(t,...n){this.events[t]&&this.events[t].notify(...n)}}class xp extends a4{sortInstanceNodePosition(t,n){return t.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(t,n){return t.style?t.style[n]:void 0}removeValueFromRenderState(t,{vars:n,style:r}){delete n[t],delete r[t]}makeTargetAnimatableFromInstance({transition:t,transitionEnd:n,...r},{transformValues:i},s){let o=T3(r,t||{},this);if(i&&(n&&(n=i(n)),r&&(r=i(r)),o&&(o=i(o))),s){k3(this,r,o);const l=r4(this,r,o,n);n=l.transitionEnd,r=l.target}return{transition:t,transitionEnd:n,...r}}}function u4(e){return window.getComputedStyle(e)}class c4 extends xp{constructor(){super(...arguments),this.type="html"}readValueFromInstance(t,n){if(Nn.has(n)){const r=Uu(n);return r&&r.default||0}else{const r=u4(t),i=(a2(n)?r.getPropertyValue(n):r[n])||0;return typeof i=="string"?i.trim():i}}measureInstanceViewportBox(t,{transformPagePoint:n}){return op(t,n)}build(t,n,r,i){Ru(t,n,r,i.transformTemplate)}scrapeMotionValuesFromProps(t,n){return _u(t,n)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;we(t)&&(this.childSubscription=t.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}renderInstance(t,n,r,i){p2(t,n,r,i)}}class f4 extends xp{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1}getBaseTargetFromProps(t,n){return t[n]}readValueFromInstance(t,n){if(Nn.has(n)){const r=Uu(n);return r&&r.default||0}return n=m2.has(n)?n:ju(n),t.getAttribute(n)}measureInstanceViewportBox(){return ee()}scrapeMotionValuesFromProps(t,n){return v2(t,n)}build(t,n,r,i){Au(t,n,r,this.isSVGTag,i.transformTemplate)}renderInstance(t,n,r,i){g2(t,n,r,i)}mount(t){this.isSVGTag=Du(t.tagName),super.mount(t)}}const d4=(e,t)=>Vu(e)?new f4(t,{enableHardwareAcceleration:!1}):new c4(t,{enableHardwareAcceleration:!0}),h4={layout:{ProjectionNode:mp,MeasureLayout:ap}},p4={...z3,...oy,...W5,...h4},_=mv((e,t)=>Zv(e,t,p4,d4));function Zu(e){const t=ko(()=>tt(e)),{isStatic:n}=w.useContext(go);if(n){const[,r]=w.useState(e);w.useEffect(()=>t.on("change",r),[])}return t}const m4=e=>e&&typeof e=="object"&&e.mix,g4=e=>m4(e)?e.mix:void 0;function v4(...e){const t=!Array.isArray(e[0]),n=t?0:-1,r=e[0+n],i=e[1+n],s=e[2+n],o=e[3+n],l=jo(i,s,{mixer:g4(s[0]),...o});return t?l(r):l}function wp(e,t){const n=Zu(t()),r=()=>n.set(t());return r(),xo(()=>{const i=()=>B.update(r,!1,!0),s=e.map(o=>o.on("change",i));return()=>{s.forEach(o=>o()),st(r)}}),n}function y4(e){Zr.current=[],e();const t=wp(Zr.current,e);return Zr.current=void 0,t}function x4(e,t,n,r){if(typeof e=="function")return y4(e);const i=typeof t=="function"?t:v4(t,n,r);return Array.isArray(e)?y0(e,i):y0([e],([s])=>i(s))}function y0(e,t){const n=ko(()=>[]);return wp(e,()=>{n.length=0;const r=e.length;for(let i=0;i{r.current&&r.current.stop()};return w.useInsertionEffect(()=>i.attach((o,l)=>{if(n)return l(o);if(s(),r.current=yi({keyframes:[i.get(),o],velocity:i.getVelocity(),type:"spring",restDelta:.001,restSpeed:.01,...t,onUpdate:l}),!re.isProcessing){const a=performance.now()-re.timestamp;a<30&&(r.current.time=pt(a))}return i.get()},s),[JSON.stringify(t)]),xo(()=>{if(we(e))return e.on("change",o=>i.set(parseFloat(o)))},[i]),i}function C4(e,t,n){w.useInsertionEffect(()=>e.on(t,n),[e,t,n])}function S4(e){const t=Zu(e.getVelocity());return C4(e,"velocityChange",n=>{t.set(n)}),t}function Cp(e,t,n){var r;if(typeof e=="string"){let i=document;t&&(Eo(!!t.current),i=t.current),n?((r=n[e])!==null&&r!==void 0||(n[e]=i.querySelectorAll(e)),e=n[e]):e=i.querySelectorAll(e)}else e instanceof Element&&(e=[e]);return Array.from(e||[])}const gs=new WeakMap;let Nt;function k4(e,t){if(t){const{inlineSize:n,blockSize:r}=t[0];return{width:n,height:r}}else return e instanceof SVGElement&&"getBBox"in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}function P4({target:e,contentRect:t,borderBoxSize:n}){var r;(r=gs.get(e))===null||r===void 0||r.forEach(i=>{i({target:e,contentSize:t,get size(){return k4(e,n)}})})}function T4(e){e.forEach(P4)}function E4(){typeof ResizeObserver>"u"||(Nt=new ResizeObserver(T4))}function j4(e,t){Nt||E4();const n=Cp(e);return n.forEach(r=>{let i=gs.get(r);i||(i=new Set,gs.set(r,i)),i.add(t),Nt==null||Nt.observe(r)}),()=>{n.forEach(r=>{const i=gs.get(r);i==null||i.delete(t),i!=null&&i.size||Nt==null||Nt.unobserve(r)})}}const vs=new Set;let Yr;function L4(){Yr=()=>{const e={width:window.innerWidth,height:window.innerHeight},t={target:window,size:e,contentSize:e};vs.forEach(n=>n(t))},window.addEventListener("resize",Yr)}function M4(e){return vs.add(e),Yr||L4(),()=>{vs.delete(e),!vs.size&&Yr&&(Yr=void 0)}}function V4(e,t){return typeof e=="function"?M4(e):j4(e,t)}const R4=50,x0=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),N4=()=>({time:0,x:x0(),y:x0()}),A4={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function w0(e,t,n,r){const i=n[t],{length:s,position:o}=A4[t],l=i.current,a=n.time;i.current=e["scroll"+o],i.scrollLength=e["scroll"+s]-e["client"+s],i.offset.length=0,i.offset[0]=0,i.offset[1]=i.scrollLength,i.progress=pr(0,i.scrollLength,i.current);const u=r-a;i.velocity=u>R4?0:zu(i.current-l,u)}function D4(e,t,n){w0(e,"x",t,n),w0(e,"y",t,n),t.time=n}function _4(e,t){const n={x:0,y:0};let r=e;for(;r&&r!==t;)if(r instanceof HTMLElement)n.x+=r.offsetLeft,n.y+=r.offsetTop,r=r.offsetParent;else if(r.tagName==="svg"){const i=r.getBoundingClientRect();r=r.parentElement;const s=r.getBoundingClientRect();n.x+=i.left-s.left,n.y+=i.top-s.top}else if(r instanceof SVGGraphicsElement){const{x:i,y:s}=r.getBBox();n.x+=i,n.y+=s;let o=null,l=r.parentNode;for(;!o;)l.tagName==="svg"&&(o=l),l=r.parentNode;r=o}else break;return n}const I4={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},La={start:0,center:.5,end:1};function C0(e,t,n=0){let r=0;if(La[e]!==void 0&&(e=La[e]),typeof e=="string"){const i=parseFloat(e);e.endsWith("px")?r=i:e.endsWith("%")?e=i/100:e.endsWith("vw")?r=i/100*document.documentElement.clientWidth:e.endsWith("vh")?r=i/100*document.documentElement.clientHeight:e=i}return typeof e=="number"&&(r=t*e),n+r}const F4=[0,0];function O4(e,t,n,r){let i=Array.isArray(e)?e:F4,s=0,o=0;return typeof e=="number"?i=[e,e]:typeof e=="string"&&(e=e.trim(),e.includes(" ")?i=e.split(" "):i=[e,La[e]?e:"0"]),s=C0(i[0],n,r),o=C0(i[1],t),s-o}const B4={x:0,y:0};function z4(e){return"getBBox"in e&&e.tagName!=="svg"?e.getBBox():{width:e.clientWidth,height:e.clientHeight}}function U4(e,t,n){let{offset:r=I4.All}=n;const{target:i=e,axis:s="y"}=n,o=s==="y"?"height":"width",l=i!==e?_4(i,e):B4,a=i===e?{width:e.scrollWidth,height:e.scrollHeight}:z4(i),u={width:e.clientWidth,height:e.clientHeight};t[s].offset.length=0;let c=!t[s].interpolate;const f=r.length;for(let d=0;dH4(e,r.target,n),update:i=>{D4(e,n,i),(r.offset||r.target)&&U4(e,n,r)},notify:()=>t(n)}}const Vr=new WeakMap,S0=new WeakMap,gl=new WeakMap,k0=e=>e===document.documentElement?window:e;function b4(e,{container:t=document.documentElement,...n}={}){let r=gl.get(t);r||(r=new Set,gl.set(t,r));const i=N4(),s=$4(t,e,i,n);if(r.add(s),!Vr.has(t)){const l=()=>{for(const d of r)d.measure()},a=()=>{for(const d of r)d.update(re.timestamp)},u=()=>{for(const d of r)d.notify()},c=()=>{B.read(l,!1,!0),B.read(a,!1,!0),B.update(u,!1,!0)};Vr.set(t,c);const f=k0(t);window.addEventListener("resize",c,{passive:!0}),t!==document.documentElement&&S0.set(t,V4(t,c)),f.addEventListener("scroll",c,{passive:!0})}const o=Vr.get(t);return B.read(o,!1,!0),()=>{var l;st(o);const a=gl.get(t);if(!a||(a.delete(s),a.size))return;const u=Vr.get(t);Vr.delete(t),u&&(k0(t).removeEventListener("scroll",u),(l=S0.get(t))===null||l===void 0||l(),window.removeEventListener("resize",u))}}function P0(e,t){uy(!!(!t||t.current))}const W4=()=>({scrollX:tt(0),scrollY:tt(0),scrollXProgress:tt(0),scrollYProgress:tt(0)});function G4({container:e,target:t,layoutEffect:n=!0,...r}={}){const i=ko(W4);return(n?xo:w.useEffect)(()=>(P0("target",t),P0("container",e),b4(({x:o,y:l})=>{i.scrollX.set(o.current),i.scrollXProgress.set(o.progress),i.scrollY.set(l.current),i.scrollYProgress.set(l.progress)},{...r,container:(e==null?void 0:e.current)||void 0,target:(t==null?void 0:t.current)||void 0})),[e,t,JSON.stringify(r.offset)]),i}const Z4={some:0,all:1};function K4(e,t,{root:n,margin:r,amount:i="some"}={}){const s=Cp(e),o=new WeakMap,l=u=>{u.forEach(c=>{const f=o.get(c.target);if(c.isIntersecting!==!!f)if(c.isIntersecting){const d=t(c);typeof d=="function"?o.set(c.target,d):a.unobserve(c.target)}else f&&(f(c),o.delete(c.target))})},a=new IntersectionObserver(l,{root:n,rootMargin:r,threshold:typeof i=="number"?i:Z4[i]});return s.forEach(u=>a.observe(u)),()=>a.disconnect()}function Sp(e,{root:t,margin:n,amount:r,once:i=!1}={}){const[s,o]=w.useState(!1);return w.useEffect(()=>{if(!e.current||i&&s)return;const l=()=>(o(!0),i?void 0:()=>o(!1)),a={root:t&&t.current||void 0,margin:n,amount:r};return K4(e.current,l,a)},[t,e,n,i,r]),s}function kp(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tp.jsxs("div",{className:ye("relative z-10",`${r}`),children:[p.jsx(_.div,{className:"pointer-events-none absolute bottom-0 -z-10 h-2/3 w-full translate-x-[10%] whitespace-nowrap",variants:{hovered:{height:"33%"}},style:{backgroundColor:t,opacity:n}}),e]}),Pp=({text:e,color:t="#fff",className:n})=>p.jsxs(_.span,{className:ye("textStroke cursor-pointer select-none whitespace-nowrap text-3xl font-bold text-transparent",`${n}`),whileHover:t&&{color:t},style:{WebkitTextStrokeColor:t},children:["<",e,"/‌>"]}),ct=({children:e,className:t,OnClick:n})=>p.jsx(_.div,{className:ye("cursor-pointer",`${t}`),whileHover:"hovered",onClick:n,children:e}),sr="data:image/svg+xml,%3csvg%20width='740'%20height='845'%20viewBox='0%200%20740%20845'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M696.507%20423.232L696.528%20423.269L696.551%20423.306C735.89%20485.086%20745.25%20542.123%20734.167%20592.924C723.076%20643.763%20691.469%20688.553%20648.514%20725.708C562.568%20800.05%20431.566%20843.5%20330.458%20843.5C229.511%20843.5%20147.325%20798.329%2090.3362%20724.092C33.3237%20649.826%201.5%20546.418%201.5%20430.006C1.5%20313.592%2033.3254%20206.416%2090.3573%20128.386C147.369%2050.3831%20229.557%201.5%20330.458%201.5C381.084%201.5%20417.686%207.39082%20447.019%2021.2283C476.319%2035.0503%20498.517%2056.8739%20520.199%2089.038C541.907%20121.24%20563.028%20163.696%20590.229%20218.717L592.108%20222.519C618.945%20276.808%20651.687%20343.043%20696.507%20423.232Z'%20stroke='white'%20stroke-width='3'/%3e%3c/svg%3e",or="data:image/svg+xml,%3csvg%20width='740'%20height='845'%20viewBox='0%200%20740%20845'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M696.507%20423.232L696.528%20423.269L696.551%20423.306C735.89%20485.086%20745.25%20542.123%20734.167%20592.924C723.076%20643.763%20691.469%20688.553%20648.514%20725.708C562.568%20800.05%20431.566%20843.5%20330.458%20843.5C229.511%20843.5%20147.325%20798.329%2090.3362%20724.092C33.3237%20649.826%201.5%20546.418%201.5%20430.006C1.5%20313.592%2033.3254%20206.416%2090.3573%20128.386C147.369%2050.3831%20229.557%201.5%20330.458%201.5C381.084%201.5%20417.686%207.39082%20447.019%2021.2283C476.319%2035.0503%20498.517%2056.8739%20520.199%2089.038C541.907%20121.24%20563.028%20163.696%20590.229%20218.717L592.108%20222.519C618.945%20276.808%20651.687%20343.043%20696.507%20423.232Z'%20stroke='black'%20stroke-width='3'/%3e%3c/svg%3e",Q4="data:image/svg+xml,%3csvg%20width='75'%20height='75'%20viewBox='0%200%2075%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M68.7517%200H5.27206C2.36334%200%200%202.39639%200%205.33817V68.7021C0%2071.6439%202.36334%2074.0403%205.27206%2074.0403H68.7517C71.6604%2074.0403%2074.0403%2071.6439%2074.0403%2068.7021V5.33817C74.0403%202.39639%2071.6604%200%2068.7517%200ZM22.3773%2063.4631H11.4035V28.1287H22.3939V63.4631H22.3773ZM16.8904%2023.3029C13.3702%2023.3029%2010.5276%2020.4437%2010.5276%2016.94C10.5276%2013.4363%2013.3702%2010.5772%2016.8904%2010.5772C20.3941%2010.5772%2023.2533%2013.4363%2023.2533%2016.94C23.2533%2020.4602%2020.4107%2023.3029%2016.8904%2023.3029ZM63.5127%2063.4631H52.5388V46.2752C52.5388%2042.1765%2052.4562%2036.9044%2046.8371%2036.9044C41.1188%2036.9044%2040.2429%2041.3667%2040.2429%2045.9777V63.4631H29.269V28.1287H39.7966V32.9545H39.9454C41.4163%2030.178%2045.0026%2027.2528%2050.3408%2027.2528C61.4468%2027.2528%2063.5127%2034.5742%2063.5127%2044.0936V63.4631Z'%20fill='white'/%3e%3c/svg%3e",Y4="data:image/svg+xml,%3csvg%20width='75'%20height='75'%20viewBox='0%200%2075%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M68.7517%200H5.27206C2.36334%200%200%202.39639%200%205.33817V68.7021C0%2071.6439%202.36334%2074.0403%205.27206%2074.0403H68.7517C71.6604%2074.0403%2074.0403%2071.6439%2074.0403%2068.7021V5.33817C74.0403%202.39639%2071.6604%200%2068.7517%200ZM22.3773%2063.4631H11.4035V28.1287H22.3939V63.4631H22.3773ZM16.8904%2023.3029C13.3702%2023.3029%2010.5276%2020.4437%2010.5276%2016.94C10.5276%2013.4363%2013.3702%2010.5772%2016.8904%2010.5772C20.3941%2010.5772%2023.2533%2013.4363%2023.2533%2016.94C23.2533%2020.4602%2020.4107%2023.3029%2016.8904%2023.3029ZM63.5127%2063.4631H52.5388V46.2752C52.5388%2042.1765%2052.4562%2036.9044%2046.8371%2036.9044C41.1188%2036.9044%2040.2429%2041.3667%2040.2429%2045.9777V63.4631H29.269V28.1287H39.7966V32.9545H39.9454C41.4163%2030.178%2045.0026%2027.2528%2050.3408%2027.2528C61.4468%2027.2528%2063.5127%2034.5742%2063.5127%2044.0936V63.4631Z'%20fill='black'/%3e%3c/svg%3e",Tp="data:image/svg+xml,%3csvg%20width='80'%20height='76'%20viewBox='0%200%2080%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200.00203555C29.5035%20-0.104024%2019.3941%203.93823%2011.8936%2011.2404C4.39304%2018.5426%200.115128%2028.5072%200%2038.9443C0.040445%2047.1925%202.70888%2055.2158%207.62205%2061.8618C12.5352%2068.5077%2019.4403%2073.4343%2027.3455%2075.934C29.3455%2076.2955%2030.0727%2075.1023%2030.0727%2074.0537C30.0727%2073.0052%2030.0727%2070.691%2030.0727%2067.4368C18.9455%2069.7871%2016.5818%2062.2301%2016.5818%2062.2301C15.8411%2059.8577%2014.2663%2057.8298%2012.1455%2056.5171C8.50909%2054.1306%2012.4364%2054.1668%2012.4364%2054.1668C13.6933%2054.3339%2014.8958%2054.7818%2015.9539%2055.4769C17.0119%2056.172%2017.8979%2057.0962%2018.5455%2058.1804C19.6739%2060.1261%2021.5256%2061.5535%2023.7019%2062.1554C25.8781%2062.7572%2028.2051%2062.4854%2030.1818%2061.3984C30.3851%2059.4183%2031.2869%2057.5738%2032.7273%2056.1917C23.8545%2055.2154%2014.5455%2051.8889%2014.5455%2036.9556C14.4661%2033.0602%2015.9136%2029.2868%2018.5818%2026.4336C17.3666%2023.0892%2017.5101%2019.4056%2018.9818%2016.1647C18.9818%2016.1647%2022.3636%2015.1161%2029.8909%2020.1421C36.4433%2018.4059%2043.3386%2018.4059%2049.8909%2020.1421C57.5273%2015.1161%2060.8%2016.1647%2060.8%2016.1647C62.2717%2019.4056%2062.4152%2023.0892%2061.2%2026.4336C63.9302%2029.2346%2065.4562%2032.9826%2065.4545%2036.8833C65.4545%2051.8527%2056.0727%2055.1431%2047.2727%2056.1193C48.2363%2057.0496%2048.9806%2058.1805%2049.4522%2059.4309C49.9238%2060.6813%2050.1108%2062.0201%2050%2063.351V74.0176C50%2074.0176%2050.7273%2076.2955%2052.7273%2075.8978C60.61%2073.3827%2067.4919%2068.4549%2072.3898%2061.8184C77.2878%2055.1818%2079.9513%2047.176%2080%2038.9443C79.8849%2028.5072%2075.607%2018.5426%2068.1064%2011.2404C60.6059%203.93823%2050.4965%20-0.104024%2040%200.00203555Z'%20fill='white'/%3e%3c/svg%3e",Ep="data:image/svg+xml,%3csvg%20width='80'%20height='76'%20viewBox='0%200%2080%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200.00203555C29.5035%20-0.104024%2019.3941%203.93823%2011.8936%2011.2404C4.39304%2018.5426%200.115128%2028.5072%200%2038.9443C0.040445%2047.1925%202.70888%2055.2158%207.62205%2061.8618C12.5352%2068.5077%2019.4403%2073.4343%2027.3455%2075.934C29.3455%2076.2955%2030.0727%2075.1023%2030.0727%2074.0537C30.0727%2073.0052%2030.0727%2070.691%2030.0727%2067.4368C18.9455%2069.7871%2016.5818%2062.2301%2016.5818%2062.2301C15.8411%2059.8577%2014.2663%2057.8298%2012.1455%2056.5171C8.50909%2054.1306%2012.4364%2054.1668%2012.4364%2054.1668C13.6933%2054.3339%2014.8958%2054.7818%2015.9539%2055.4769C17.0119%2056.172%2017.8979%2057.0962%2018.5455%2058.1804C19.6739%2060.1261%2021.5256%2061.5535%2023.7019%2062.1554C25.8781%2062.7572%2028.2051%2062.4854%2030.1818%2061.3984C30.3851%2059.4183%2031.2869%2057.5738%2032.7273%2056.1917C23.8545%2055.2154%2014.5455%2051.8889%2014.5455%2036.9556C14.4661%2033.0602%2015.9136%2029.2868%2018.5818%2026.4336C17.3666%2023.0892%2017.5101%2019.4056%2018.9818%2016.1647C18.9818%2016.1647%2022.3636%2015.1161%2029.8909%2020.1421C36.4433%2018.4059%2043.3386%2018.4059%2049.8909%2020.1421C57.5273%2015.1161%2060.8%2016.1647%2060.8%2016.1647C62.2717%2019.4056%2062.4152%2023.0892%2061.2%2026.4336C63.9302%2029.2346%2065.4562%2032.9826%2065.4545%2036.8833C65.4545%2051.8527%2056.0727%2055.1431%2047.2727%2056.1193C48.2363%2057.0496%2048.9806%2058.1805%2049.4522%2059.4309C49.9238%2060.6813%2050.1108%2062.0201%2050%2063.351V74.0176C50%2074.0176%2050.7273%2076.2955%2052.7273%2075.8978C60.61%2073.3827%2067.4919%2068.4549%2072.3898%2061.8184C77.2878%2055.1818%2079.9513%2047.176%2080%2038.9443C79.8849%2028.5072%2075.607%2018.5426%2068.1064%2011.2404C60.6059%203.93823%2050.4965%20-0.104024%2040%200.00203555Z'%20fill='black'/%3e%3c/svg%3e",X4="data:image/svg+xml,%3csvg%20width='485'%20height='243'%20viewBox='0%200%20485%20243'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.42134%20230.309C-3.64872%20215.925%20-1.77246%20194.479%2012.6121%20182.409L218.678%209.49896C233.063%20-2.5711%20254.508%20-0.694852%20266.578%2013.6897C278.648%2028.0742%20276.772%2049.5199%20262.388%2061.59L56.3216%20234.5C41.9371%20246.57%2020.4914%20244.694%208.42134%20230.309Z'%20fill='white'/%3e%3cpath%20d='M218.855%2013.0454C230.925%20-1.33911%20252.37%20-3.21537%20266.755%208.85469L472.821%20181.765C487.205%20193.835%20489.082%20215.28%20477.012%20229.665C464.942%20244.049%20443.496%20245.926%20429.111%20233.856L223.045%2060.9457C208.661%2048.8757%20206.785%2027.43%20218.855%2013.0454Z'%20fill='white'/%3e%3c/svg%3e",J4="data:image/svg+xml,%3csvg%20width='485'%20height='243'%20viewBox='0%200%20485%20243'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M477.012%2013.0454C489.082%2027.4299%20487.205%2048.8756%20472.821%2060.9457L266.755%20233.856C252.37%20245.926%20230.925%20244.049%20218.855%20229.665C206.784%20215.28%20208.661%20193.835%20223.045%20181.765L429.111%208.85466C443.496%20-3.2154%20464.941%20-1.33914%20477.012%2013.0454Z'%20fill='white'/%3e%3cpath%20d='M266.578%20230.309C254.508%20244.694%20233.062%20246.57%20218.678%20234.5L12.612%2061.5899C-1.77254%2049.5199%20-3.6488%2028.0742%208.42126%2013.6897C20.4913%20-0.694886%2041.937%20-2.57114%2056.3216%209.49892L262.388%20182.409C276.772%20194.479%20278.648%20215.925%20266.578%20230.309Z'%20fill='white'/%3e%3c/svg%3e",q4="data:image/svg+xml,%3csvg%20width='243'%20height='485'%20viewBox='0%200%20243%20485'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M230.348%20476.972C215.964%20489.043%20194.518%20487.166%20182.448%20472.782L9.53802%20266.716C-2.53204%20252.331%20-0.655789%20230.886%2013.7287%20218.815C28.1133%20206.745%2049.559%20208.622%2061.629%20223.006L234.539%20429.072C246.609%20443.457%20244.733%20464.902%20230.348%20476.972Z'%20fill='white'/%3e%3cpath%20d='M13.0845%20266.539C-1.30005%20254.469%20-3.1763%20233.023%208.89376%20218.639L181.804%2012.5729C193.874%20-1.81161%20215.319%20-3.68787%20229.704%208.3822C244.088%2020.4523%20245.965%2041.8979%20233.895%2056.2825L60.9848%20262.348C48.9147%20276.733%2027.469%20278.609%2013.0845%20266.539Z'%20fill='white'/%3e%3c/svg%3e",ex="data:image/svg+xml,%3csvg%20width='243'%20height='485'%20viewBox='0%200%20243%20485'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0845%208.38204C27.469%20-3.68802%2048.9147%20-1.81177%2060.9847%2012.5728L233.895%20218.639C245.965%20233.023%20244.088%20254.469%20229.704%20266.539C215.319%20278.609%20193.874%20276.733%20181.804%20262.348L8.89372%2056.2823C-3.17633%2041.8978%20-1.30008%2020.4521%2013.0845%208.38204Z'%20fill='white'/%3e%3cpath%20d='M230.348%20218.815C244.733%20230.885%20246.609%20252.331%20234.539%20266.716L61.629%20472.782C49.5589%20487.166%2028.1133%20489.042%2013.7287%20476.972C-0.655823%20464.902%20-2.53207%20443.457%209.53798%20429.072L182.448%20223.006C194.518%20208.622%20215.964%20206.745%20230.348%20218.815Z'%20fill='white'/%3e%3c/svg%3e",tx="data:image/svg+xml,%3csvg%20width='485'%20height='243'%20viewBox='0%200%20485%20243'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.42134%20230.309C-3.64872%20215.925%20-1.77246%20194.479%2012.6121%20182.409L218.678%209.49896C233.063%20-2.5711%20254.508%20-0.694852%20266.578%2013.6897C278.648%2028.0742%20276.772%2049.5199%20262.388%2061.59L56.3216%20234.5C41.9371%20246.57%2020.4914%20244.694%208.42134%20230.309Z'%20fill='black'/%3e%3cpath%20d='M218.855%2013.0454C230.925%20-1.33911%20252.37%20-3.21537%20266.755%208.85469L472.821%20181.765C487.205%20193.835%20489.082%20215.28%20477.012%20229.665C464.942%20244.049%20443.496%20245.926%20429.111%20233.856L223.045%2060.9457C208.661%2048.8757%20206.785%2027.43%20218.855%2013.0454Z'%20fill='black'/%3e%3c/svg%3e",nx="data:image/svg+xml,%3csvg%20width='485'%20height='243'%20viewBox='0%200%20485%20243'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M477.012%2013.0454C489.082%2027.4299%20487.205%2048.8756%20472.821%2060.9457L266.755%20233.856C252.37%20245.926%20230.925%20244.049%20218.855%20229.665C206.784%20215.28%20208.661%20193.835%20223.045%20181.765L429.111%208.85466C443.496%20-3.2154%20464.941%20-1.33914%20477.012%2013.0454Z'%20fill='black'/%3e%3cpath%20d='M266.578%20230.309C254.508%20244.694%20233.062%20246.57%20218.678%20234.5L12.612%2061.5899C-1.77254%2049.5199%20-3.6488%2028.0742%208.42126%2013.6897C20.4913%20-0.694886%2041.937%20-2.57114%2056.3216%209.49892L262.388%20182.409C276.772%20194.479%20278.648%20215.925%20266.578%20230.309Z'%20fill='black'/%3e%3c/svg%3e",rx="data:image/svg+xml,%3csvg%20width='243'%20height='485'%20viewBox='0%200%20243%20485'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M230.348%20476.972C215.964%20489.043%20194.518%20487.166%20182.448%20472.782L9.53802%20266.716C-2.53204%20252.331%20-0.655789%20230.886%2013.7287%20218.815C28.1133%20206.745%2049.559%20208.622%2061.629%20223.006L234.539%20429.072C246.609%20443.457%20244.733%20464.902%20230.348%20476.972Z'%20fill='black'/%3e%3cpath%20d='M13.0845%20266.539C-1.30005%20254.469%20-3.1763%20233.023%208.89376%20218.639L181.804%2012.5729C193.874%20-1.81161%20215.319%20-3.68787%20229.704%208.3822C244.088%2020.4523%20245.965%2041.8979%20233.895%2056.2825L60.9848%20262.348C48.9147%20276.733%2027.469%20278.609%2013.0845%20266.539Z'%20fill='black'/%3e%3c/svg%3e",ix="data:image/svg+xml,%3csvg%20width='243'%20height='485'%20viewBox='0%200%20243%20485'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0845%208.38204C27.469%20-3.68802%2048.9147%20-1.81177%2060.9847%2012.5728L233.895%20218.639C245.965%20233.023%20244.088%20254.469%20229.704%20266.539C215.319%20278.609%20193.874%20276.733%20181.804%20262.348L8.89372%2056.2823C-3.17633%2041.8978%20-1.30008%2020.4521%2013.0845%208.38204Z'%20fill='black'/%3e%3cpath%20d='M230.348%20218.815C244.733%20230.885%20246.609%20252.331%20234.539%20266.716L61.629%20472.782C49.5589%20487.166%2028.1133%20489.042%2013.7287%20476.972C-0.655823%20464.902%20-2.53207%20443.457%209.53798%20429.072L182.448%20223.006C194.518%20208.622%20215.964%20206.745%20230.348%20218.815Z'%20fill='black'/%3e%3c/svg%3e",sx="data:image/svg+xml,%3csvg%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%200.000232697H13V2.00023H1V0.000232697Z'%20fill='%23D9D9D9'/%3e%3cpath%20d='M11%2012.0002V0.000232697H13V12.0002H11Z'%20fill='%23D9D9D9'/%3e%3cpath%20d='M0%2011.3137L11.3137%200L12.7279%201.41421L1.41421%2012.7279L0%2011.3137Z'%20fill='%23D9D9D9'/%3e%3c/svg%3e",ox="data:image/svg+xml,%3csvg%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%200.000232697H13V2.00023H1V0.000232697Z'%20fill='black'/%3e%3cpath%20d='M11%2012.0002V0.000232697H13V12.0002H11Z'%20fill='black'/%3e%3cpath%20d='M0%2011.3137L11.3137%200L12.7279%201.41421L1.41421%2012.7279L0%2011.3137Z'%20fill='black'/%3e%3c/svg%3e",lx=()=>{const e=w.useRef(null),[t,n]=w.useState({left:0,width:0}),[r,i]=w.useState(!1),{AboutRef:s,ProjectRef:o,ContactRef:l}=w.useContext(Qu);w.useEffect(()=>{if(e.current){const f=e.current.offsetLeft,d=e.current.offsetWidth;n({left:f,width:d/2})}},[]);const a=f=>{i(!0);const d=f.target.offsetLeft,g=f.target.offsetWidth;n({left:d,width:g/2})},u=()=>{i(!1)},c=f=>{if(!f.current)return;const{offsetTop:d}=f.current;window.scrollTo({top:d,behavior:"smooth"})};return p.jsxs(p.Fragment,{children:[p.jsx(ax,{}),p.jsxs("div",{className:"border-line relative flex h-[5rem] w-[50rem] select-none items-center justify-between border-b px-[5rem] tracking-wider backdrop-blur-md",children:[p.jsx(Pp,{text:"a",className:"bold",color:"var(--text)"}),p.jsx("div",{ref:e,onMouseEnter:a,onMouseLeave:u,children:p.jsx(ct,{OnClick:()=>{c(s)},children:p.jsx(Ut,{text:"About me",highlight:"var(--blue)"})})}),p.jsx("div",{onMouseEnter:a,onMouseLeave:u,children:p.jsx(ct,{OnClick:()=>{c(o)},children:p.jsx(Ut,{text:"Projects",highlight:"var(--green)"})})}),p.jsx("div",{onMouseEnter:a,onMouseLeave:u,children:p.jsx(ct,{OnClick:()=>{c(l)},children:p.jsx(Ut,{text:"Contacts",highlight:"var(--yellow)"})})}),p.jsx("div",{onMouseEnter:a,onMouseLeave:u,children:p.jsx(ct,{children:p.jsx(Ut,{text:"Resume",highlight:"var(--purple)"})})}),p.jsx(_.div,{className:"absolute bottom-3 h-2 w-2 rounded-full bg-white",animate:{left:t.left+t.width,opacity:r?1:0},transition:r?{}:{delay:.3},initial:{opacity:0}})]})]})},ax=()=>{const e=[0,90,180],t=[7,17,31],{theme:n}=w.useContext(Lt);return p.jsxs(p.Fragment,{children:[p.jsx(_.img,{src:n?or:sr,className:ye("pointer-events-none absolute left-[50%] right-0 w-[30rem] blur-sm"),initial:{x:"-30%",y:"-75%",rotate:e[0]},animate:{rotate:360+e[0]},transition:{duration:t[0],ease:"linear",repeat:1/0}}),p.jsx(_.img,{src:n?or:sr,className:ye("pointer-events-none absolute left-[50%] right-0 w-[32rem] blur-[2px]"),initial:{x:"-60%",y:"-75%",rotate:e[1]},animate:{rotate:360+e[1]},transition:{duration:t[1],ease:"linear",repeat:1/0}})," ",p.jsx(_.img,{src:n?or:sr,className:ye("pointer-events-none absolute left-[50%] right-0 w-[35rem]"),initial:{x:"-50%",y:"-75%",rotate:e[2]},animate:{rotate:360+e[2]},transition:{duration:t[2],ease:"linear",repeat:1/0}})]})},ux=({className:e,isToggled:t,NavigateSection:n})=>{const{AboutRef:r,ProjectRef:i,ContactRef:s}=w.useContext(Qu);return p.jsx(_.div,{className:ye("bg-navMenuBg absolute right-0 top-0 z-[999] h-full w-0 overflow-hidden outline backdrop-blur-xl",`${e}`),initial:{opacity:0,width:0},animate:t?{opacity:1,width:"100%"}:{opacity:0},children:p.jsx(_.div,{transition:{staggerChildren:t?.1:0,delayChildren:.3},initial:!1,animate:t?"open":"closed",children:p.jsxs("div",{className:"bold mr-20 mt-[8rem] flex flex-col items-end justify-center gap-6 text-nowrap text-3xl",children:[p.jsx(vl,{text:"About me",highlight:"var(--blue)",OnClick:()=>{n(r)}}),p.jsx(vl,{text:"Projects",highlight:"var(--green)",OnClick:()=>{n(i)}}),p.jsx(vl,{text:"Contacts",highlight:"var(--yellow)",OnClick:()=>{n(s)}})]})})})},cx={open:{opacity:1,y:0},closed:{opacity:0,y:10}},vl=({text:e,highlight:t="white",OnClick:n})=>p.jsx(p.Fragment,{children:p.jsxs(_.div,{variants:cx,className:"text-text relative w-max",children:[p.jsx(ct,{OnClick:n,children:p.jsx(Ut,{text:e,highlight:t})}),p.jsx("hr",{className:"border-line absolute mb-4 mt-1 w-[120%] -translate-x-10"})]})}),fx=()=>{const[e,t]=w.useState(!1),n=()=>{t(!e)},r=i=>{if(n(),!i.current)return;const{offsetTop:s}=i.current;window.scrollTo({top:s,behavior:"instant"})};return p.jsxs(p.Fragment,{children:[p.jsx(ux,{isToggled:e,NavigateSection:r}),p.jsx(hx,{}),p.jsxs("div",{className:"bold hover relative flex h-[5rem] w-full select-none items-center justify-between bg-background px-[2rem] tracking-wider",children:[p.jsx(Pp,{text:"a",color:"var(--text)"}),p.jsx(dx,{handleToggle:n,isToggled:e,className:"z-[9999]"})]})]})},dx=Et.memo(({className:e,isToggled:t,handleToggle:n})=>{const r=()=>p.jsx(_.div,{className:"bg-menuBlock aspect-square w-full",initial:t?{rotate:0}:{rotate:45},animate:t?{rotate:45}:{rotate:0}}),i=()=>p.jsx(_.div,{className:"bg-menuBlock aspect-square w-full",initial:t?{scale:1}:{scale:0},animate:t?{scale:0}:{scale:1}});return p.jsxs(_.div,{className:ye("origin grid aspect-square w-10 cursor-pointer grid-cols-3 place-items-center gap-2",`${e}`),onClick:n,animate:t?{rotateZ:90,gap:"4px"}:{rotateZ:0},children:[p.jsx(r,{}),p.jsx(i,{}),p.jsx(r,{}),p.jsx(i,{}),p.jsx(r,{}),p.jsx(i,{}),p.jsx(r,{}),p.jsx(i,{}),p.jsx(r,{})]})}),hx=()=>{const{theme:e}=w.useContext(Lt),t=[0,90,180],n=[7,17,31];return p.jsxs(p.Fragment,{children:[p.jsx(_.img,{src:e=="light"?or:sr,className:"absolute left-0 z-10 w-[25rem]",initial:{x:"-30%",y:"-60%",rotate:t[0]},animate:{rotate:360+t[0]},transition:{duration:n[0],ease:"linear",repeat:1/0}}),p.jsx(_.img,{src:e=="light"?or:sr,className:"absolute left-0 z-10 w-[25rem]",initial:{x:"-30%",y:"-60%",rotate:t[1]},animate:{rotate:360+t[1]},transition:{duration:n[1],ease:"linear",repeat:1/0}})," ",p.jsx(_.img,{src:e=="light"?or:sr,className:"absolute left-0 z-10 w-[25rem]",initial:{x:"-30%",y:"-60%",rotate:t[2]},animate:{rotate:360+t[2]},transition:{duration:n[2],ease:"linear",repeat:1/0}})]})},Ht={initial:{x:"-100%",opacity:0},animate:{x:0,opacity:1}},px={initial:{opacity:0,x:"30%"},animate:{opacity:1,x:0}},mx={Visible:{rotate:[0,25,-25,25,-25,0]},Invisible:{rotate:0}},gx={focus:{opacity:1},unfocused:{opacity:.5}},Ji={focus:{opacity:1},unfocused:{opacity:.5}};var qi,vx=new Uint8Array(16);function yx(){if(!qi&&(qi=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto<"u"&&typeof msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto),!qi))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return qi(vx)}const xx=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function wx(e){return typeof e=="string"&&xx.test(e)}var fe=[];for(var yl=0;yl<256;++yl)fe.push((yl+256).toString(16).substr(1));function Cx(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0,n=(fe[e[t+0]]+fe[e[t+1]]+fe[e[t+2]]+fe[e[t+3]]+"-"+fe[e[t+4]]+fe[e[t+5]]+"-"+fe[e[t+6]]+fe[e[t+7]]+"-"+fe[e[t+8]]+fe[e[t+9]]+"-"+fe[e[t+10]]+fe[e[t+11]]+fe[e[t+12]]+fe[e[t+13]]+fe[e[t+14]]+fe[e[t+15]]).toLowerCase();if(!wx(n))throw TypeError("Stringified UUID is invalid");return n}function T0(e,t,n){e=e||{};var r=e.random||(e.rng||yx)();if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){n=n||0;for(var i=0;i<16;++i)t[n+i]=r[i];return t}return Cx(r)}const $t=({className:e,text:t,TextVariants:n,type:r="word",staggerChildren:i=r=="word"?.175:.04,transition:s,delayChild:o=0})=>{let l=t;r=="word"?l=l.split(" "):l=[...l];const a=w.useRef(null),u=Sp(a,{once:!0});return p.jsx(_.div,{ref:a,className:ye("flex",`${e}`),transition:{staggerChildren:i,delayChildren:o},initial:"initial",animate:u?"animate":"initial",children:l.map((c,f)=>c==" "?p.jsx(_.span,{variants:n,transition:s,children:" "},T0()):p.jsxs(_.span,{className:"whitespace-nowrap",variants:n,transition:s,children:[c,r=="word"&&f!=l.length-1&&p.jsx(p.Fragment,{children:" "})]},T0()))})},Sx=()=>p.jsxs("div",{className:"relative flex text-[4rem] sm:text-[5rem] lg:text-[6rem]",children:[p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"textStroke bold overflow-hidden",text:"Hello, I'm Ashton",TextVariants:Ht,type:"letters"}),p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"bold absolute right-0 -translate-y-1 overflow-hidden",text:"Ashton",TextVariants:Ht,type:"letters",delayChild:.55})]}),kx=()=>p.jsxs("div",{className:"ml-4 text-[5.5rem] leading-[6rem]",children:[p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.1,className:"textStroke bold overflow-hidden",text:"Hello,",TextVariants:Ht,type:"letters"}),p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"textStroke bold overflow-hidden",text:"I'm",TextVariants:Ht,type:"letters",delayChild:.5}),p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"bold absolute translate-y-1 overflow-hidden",text:"Ashton",TextVariants:Ht,type:"letters",delayChild:.9}),p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"textStroke bold overflow-hidden",text:"Ashton",TextVariants:Ht,type:"letters",delayChild:.8})]}),Px=({className:e,itemClassName:t,items:n,icons:r})=>{const[i,s]=w.useState([0,1]),o=n.length;return w.useEffect(()=>{setTimeout(()=>{s([(i[0]+1)%o,(i[1]+1)%o])},2e3)},[i]),w.useEffect(()=>{n.length!=(r==null?void 0:r.length)&&(console.error("items and icons must have the same length"),r=void 0)},[]),p.jsxs(_.div,{className:ye("relative h-min",`${e}`),children:[p.jsxs(_.div,{className:ye("flex w-full whitespace-nowrap",`${t}`),initial:{y:0},animate:{y:"-50%",opacity:0},children:[n[i[0]]," ",!!r&&p.jsx("img",{className:"h-[40px] sm:h-[30px] lg:h-[40px]",src:r[i[0]]})]},n[i[0]]),p.jsxs(_.p,{className:ye("flex w-full whitespace-nowrap",`${t}`),initial:{y:0,opacity:0},animate:{y:"-100%",opacity:1},children:[n[i[1]]," ",!!r&&p.jsx("img",{className:"h-[40px] sm:h-[30px] lg:h-[40px]",src:r[i[1]]})]},n[i[1]])]})},es=({className:e})=>p.jsx("div",{className:ye("bg-Blob absolute z-10 aspect-[2.5] w-[50%] rotate-[25deg] rounded-full blur-[150px]",`${e}`)}),Tx="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.90179%2027.201L3.65479%202H28.3448L26.0948%2027.197L15.9848%2030L5.90179%2027.201Z'%20fill='%23E44F26'/%3e%3cpath%20d='M15.9849%2030L15.9849%202H28.3449L26.0949%2027.197L15.9849%2030Z'%20fill='%231572B6'/%3e%3cpath%20d='M16%2027.8575L24.17%2025.5925L26.092%204.06055H16V27.8575Z'%20fill='%2333A9DC'/%3e%3cpath%20d='M16%2013.4074H11.91L11.628%2010.2424H16V7.15137H15.989H8.25L8.324%207.98137L9.083%2016.4984H16V13.4074Z'%20fill='%23EBEBEB'/%3e%3cpath%20d='M16.0002%2021.4339L15.9862%2021.4379L12.5442%2020.5089L12.3242%2018.0439H10.6512H9.22119L9.65419%2022.8959L15.9862%2024.6539L16.0002%2024.6499V21.4339Z'%20fill='%23EBEBEB'/%3e%3cpath%20d='M15.9888%2013.4072V16.4982H19.7948L19.4368%2020.5072L15.9888%2021.4372V24.6532L22.3258%2022.8962L22.3718%2022.3742L23.0978%2014.2372L23.1738%2013.4072H22.3408H15.9888Z'%20fill='white'/%3e%3cpath%20d='M15.9888%207.15137V9.07137V10.2354V10.2424H23.4448H23.4548L23.5168%209.54837L23.6578%207.98137L23.7318%207.15137H15.9888Z'%20fill='white'/%3e%3c/svg%3e",Ex="https://tulza.github.io/Tulza-dev/assets/react-icon-TYbmH4gU.svg",jx="data:image/svg+xml,%3csvg%20width='75'%20height='45'%20viewBox='0%200%2075%2045'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M37.5%200C27.5%200%2021.25%205%2018.75%2015C22.5%2010%2026.875%208.125%2031.875%209.375C34.7278%2010.0882%2036.7668%2012.1578%2039.0238%2014.4488C42.7004%2018.1807%2046.9557%2022.5%2056.25%2022.5C66.25%2022.5%2072.5%2017.5%2075%207.5C71.25%2012.5%2066.875%2014.375%2061.875%2013.125C59.0222%2012.4118%2056.9832%2010.3422%2054.7262%208.05125C51.0496%204.31931%2046.7943%200%2037.5%200ZM18.75%2022.5C8.75%2022.5%202.5%2027.5%200%2037.5C3.75%2032.5%208.125%2030.625%2013.125%2031.875C15.9778%2032.5882%2018.0168%2034.6578%2020.2738%2036.9488C23.9504%2040.6807%2028.2057%2045%2037.5%2045C47.5%2045%2053.75%2040%2056.25%2030C52.5%2035%2048.125%2036.875%2043.125%2035.625C40.2722%2034.9118%2038.2332%2032.8422%2035.9762%2030.5513C32.2996%2026.8193%2028.0443%2022.5%2018.75%2022.5Z'%20fill='url(%23paint0_linear_28_114)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_28_114'%20x1='-533.333'%20y1='2217.6'%20x2='17843.8'%20y2='8591.65'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232298BD'/%3e%3cstop%20offset='1'%20stop-color='%230ED7B5'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",Lx="data:image/svg+xml,%3csvg%20width='75'%20height='75'%20viewBox='0%200%2075%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M37.5%2075C58.2107%2075%2075%2058.2107%2075%2037.5C75%2016.7893%2058.2107%200%2037.5%200C16.7893%200%200%2016.7893%200%2037.5C0%2058.2107%2016.7893%2075%2037.5%2075Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.75%2049.1077H37.5V66.9649L18.75%2049.1077Z'%20fill='%230055FF'/%3e%3cpath%20d='M37.5%2031.2495H18.75V49.1067H56.25L37.5%2031.2495Z'%20fill='%2300AAFF'/%3e%3cpath%20d='M18.75%2013.3928L37.5%2031.2501H56.25V13.3928H18.75Z'%20fill='%2388DDFF'/%3e%3c/svg%3e",Mx="data:image/svg+xml,%3csvg%20width='75'%20height='75'%20viewBox='0%200%2075%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M63.2812%200C69.7533%200%2075%205.24667%2075%2011.7187V63.2812C75%2069.7533%2069.7533%2075%2063.2812%2075H11.7187C5.24667%2075%200%2069.7533%200%2063.2812V11.7187C0%205.24667%205.24667%200%2011.7187%200H63.2812Z'%20fill='%23030303'/%3e%3cpath%20d='M37.5684%2037.6188C37.5684%2033.18%2041.1668%2029.5813%2045.6056%2029.5813C50.0446%2029.5813%2053.6431%2033.18%2053.6431%2037.6188C53.6431%2042.0579%2050.0446%2045.6563%2045.6056%2045.6563C41.1668%2045.6563%2037.5684%2042.0579%2037.5684%2037.6188Z'%20fill='%231ABCFE'/%3e%3cpath%20d='M21.4932%2053.6937C21.4932%2049.2549%2025.0916%2045.6565%2029.5307%2045.6565H37.5682V53.6937C37.5682%2058.1327%2033.9697%2061.7312%2029.5307%2061.7312C25.0916%2061.7312%2021.4932%2058.1327%2021.4932%2053.6937Z'%20fill='%230ACF83'/%3e%3cpath%20d='M37.5684%2013.5066V29.5813H45.6056C50.0446%2029.5813%2053.6431%2025.9828%2053.6431%2021.5441C53.6431%2017.1051%2050.0446%2013.5066%2045.6056%2013.5066H37.5684Z'%20fill='%23FF7262'/%3e%3cpath%20d='M21.4932%2021.5441C21.4932%2025.9828%2025.0916%2029.5813%2029.5307%2029.5813H37.5682V13.5066H29.5307C25.0916%2013.5066%2021.4932%2017.1051%2021.4932%2021.5441Z'%20fill='%23F24E1E'/%3e%3cpath%20d='M21.4932%2037.6188C21.4932%2042.0579%2025.0916%2045.6563%2029.5307%2045.6563H37.5682V29.5813H29.5307C25.0916%2029.5813%2021.4932%2033.18%2021.4932%2037.6188Z'%20fill='%23A259FF'/%3e%3c/svg%3e",Vx="data:image/svg+xml,%3csvg%20height='256'%20preserveAspectRatio='xMidYMid'%20viewBox='0%200%20256%20256'%20width='256'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m0%20128v-128h128%20128v128%20128h-128-128z'%20fill='%23007acc'%20transform='matrix(1%200%200%20-1%200%20256)'/%3e%3cg%20fill='%23fff'%3e%3cpath%20d='m146.658132%20223.436863.081269-10.483809h-16.660317-16.660317v-47.339683-47.339682h-11.784127-11.7841274v47.339682%2047.339683h-16.6603175-16.6603175v10.280635c0%205.688888.1219048%2010.443174.2844445%2010.565079.1219048.16254%2020.3987301.243809%2044.9828569.203175l44.739048-.121905z'%20transform='matrix(-1%200%200%20-1%20203.26928%20352.285986)'/%3e%3cpath%20d='m206.566631%20234.272145c6.501588-1.625397%2011.459048-4.510477%2016.010159-9.224127%202.356826-2.519365%205.851429-7.111111%206.135873-8.208254.08127-.32508-11.052698-7.801905-17.798095-11.987302-.24381-.16254-1.219048.893968-2.316191%202.519365-3.291428%204.794921-6.745396%206.867302-12.027936%207.233016-7.76127.528254-12.759365-3.535238-12.71873-10.32127%200-1.991111.284444-3.169524%201.097143-4.79492%201.706666-3.535239%204.87619-5.648254%2014.831746-9.955556%2018.326349-7.883175%2026.168889-13.084444%2031.045079-20.48%205.445079-8.248889%206.664127-21.414603%202.966349-31.207619-4.063492-10.646349-14.140952-17.879365-28.322539-20.276825-4.388572-.772064-14.791112-.650159-19.504762.203174-10.280635%201.828572-20.033016%206.907937-26.046984%2013.572064-2.356826%202.600635-6.948572%209.386666-6.664127%209.874285.121904.16254%201.178412.812699%202.356825%201.503492%201.137778.650159%205.445079%203.128889%209.508571%205.485715l7.354921%204.266666%201.544127-2.275555c2.153651-3.291429%206.867302-7.801905%209.711746-9.305397%208.167619-4.307302%2019.382857-3.697778%2024.909206%201.259683%202.356826%202.15365%203.332064%204.388571%203.332064%207.68%200%202.966349-.365714%204.266666-1.909841%206.501587-1.991112%202.844444-6.054604%205.241905-17.594921%2010.24-13.206349%205.688889-18.895238%209.224127-24.096508%2014.831746-3.006984%203.250794-5.851429%208.452063-7.029841%2012.8-.975238%203.616508-1.219048%2012.678095-.446984%2016.335238%202.722539%2012.759365%2012.353015%2021.658413%2026.250158%2024.299683%204.510477.853333%2014.994286.528253%2019.423492-.568889z'%20transform='matrix(1%200%200%20-1%200%20352.38048)'/%3e%3c/g%3e%3c/svg%3e",Rx="data:image/svg+xml,%3csvg%20height='319'%20preserveAspectRatio='xMidYMid'%20viewBox='0%200%20256%20319'%20width='256'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath%20id='a'%20d='m9.87245893%20293.324145-9.86099779-262.7509283c-.3256701-8.6776325%206.32802782-16.0318249%2014.99485846-16.5735018l223.4880694-13.96800436c8.821799-.55136241%2016.420248%206.15315109%2016.971611%2014.97495016.020773.3323713.031167.6653101.031167.99833v286.3136053c0%208.839012-7.165435%2016.004447-16.004448%2016.004447-.239453%200-.478875-.005374-.718087-.016117l-213.6270715-9.594673c-8.3199296-.373675-14.9627611-7.06565-15.27510157-15.388108z'/%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20fill='%23fff'%20xlink:href='%23a'/%3e%3c/mask%3e%3c/defs%3e%3cuse%20fill='%23ff4785'%20xlink:href='%23a'/%3e%3cpath%20d='m188.665358%2039.126973%201.526545-36.71548766%2030.691632-2.41148534%201.32222%2037.8634126c.046016%201.317734-.984915%202.423272-2.302649%202.4692883-.564237.0197036-1.117199-.1611913-1.560697-.5105633l-11.83568-9.323726-14.013155%2010.6298328c-1.050497.7968662-2.548081.5912577-3.344947-.4592396-.335442-.4422072-.506327-.9874722-.483269-1.5420318zm-39.251655%2080.853336c0%206.226666%2041.941975%203.242387%2047.572316-1.131416%200-42.4021104-22.751978-64.6837519-64.414689-64.6837519-41.6627118%200-65.0056495%2022.6283131-65.0056495%2056.5707999%200%2059.116499%2079.7796605%2060.247915%2079.7796605%2092.493278%200%209.05133-4.432203%2014.425558-14.18305%2014.425558-12.70565%200-17.728814-6.488863-17.137853-28.551479%200-4.786197-48.4587575-6.278336-49.9361587%200-3.7620647%2053.465572%2029.5480226%2068.887096%2067.6649717%2068.887096%2036.935028%200%2065.89209-19.687271%2065.89209-55.326883%200-63.359309-80.961582-61.662185-80.961582-93.058985%200-12.7284338%209.455368-14.425558%2015.069492-14.425558%205.909604%200%2016.546892%201.0415999%2015.660452%2024.801341z'%20fill='%23fff'%20mask='url(%23b)'/%3e%3c/svg%3e",Nx=Et.forwardRef((e,t)=>{const n=w.useContext(Mo),r=["Html/Css","React","Tailwind","Framer-motion","Typescript","StoryBook","Figma"],i=[Tx,Ex,jx,Lx,Vx,Rx,Mx];return p.jsxs("div",{className:"relative h-[100vh] overflow-hidden",ref:t,children:[n&&p.jsx("div",{className:"absolute -z-10 h-full w-full",children:p.jsxs(_.div,{className:"relative h-full w-full",animate:{x:["0%","-5%","5%","0%"],rotate:[0,-6,6,0]},transition:{ease:"easeInOut",duration:10,repeat:1/0},children:[p.jsx(es,{className:"left-0 top-[50%] translate-y-[-100%]"}),p.jsx(es,{className:"right-0 translate-x-[50%] translate-y-[50%]"}),p.jsx(es,{className:"bottom-0 right-[25%] translate-x-[50%] translate-y-[50%]"}),p.jsx(es,{className:"bottom-0 left-0 translate-x-[-50%] translate-y-[50%]"})]})}),p.jsx("div",{className:" flex w-full justify-center sm:mt-[2rem]",children:n?p.jsx(lx,{}):p.jsx(fx,{})}),p.jsx("div",{className:"pointer-events-none mt-[6rem] flex h-[100vh] select-none flex-col items-start pb-[10rem] sm:mt-[0rem] sm:items-center sm:justify-center",children:p.jsxs("div",{children:[n?p.jsx(Sx,{}):p.jsx(kx,{}),p.jsx("div",{className:"nsm:flex nsm:w-[100vw] nsm:justify-center",children:p.jsxs("div",{className:"flex flex-col sm:flex-row sm:text-xl lg:text-2xl",children:[p.jsx($t,{text:"self-taught web developer working with",TextVariants:Ht,delayChild:1}),n?p.jsx(p.Fragment,{children:" "}):p.jsx("hr",{}),p.jsx(_.div,{className:"bold w-full justify-start text-2xl sm:text-2xl",initial:"initial",animate:"animate",variants:Ht,transition:{delay:1.8},children:p.jsx(Px,{className:"text-center sm:text-left sm:text-xl lg:text-2xl nsm:mt-8",itemClassName:"nsm:justify-center",items:r,icons:i})})]})})]})})]})}),Ax=({className:e,children:t,duration:n,inViewVariant:r,amount:i,delay:s,once:o=!1})=>{i=i||.5,n=n||.5,s=s||0;const l=w.useRef(null),a=Sp(l,{amount:i,once:o});return p.jsx(_.div,{className:ye("",e),ref:l,initial:"Invisible",animate:a?"Visible":"Invisible",transition:a?{duration:n,delay:s}:{duration:0,delay:0},variants:r,children:t})},ts=Et.forwardRef(({title:e,text:t,titleElem:n},r)=>(typeof t=="string"&&(t=[t]),p.jsxs(_.div,{className:"w-full pb-12 pt-4",ref:r,children:[p.jsx("p",{className:"bold mb-4 text-[1.2rem] sm:text-xl",children:n||e}),p.jsx("div",{className:"space-y-2 text-[0.9rem] sm:text-base",children:t.map(i=>p.jsx("p",{children:i},i))})]}))),Dx=({parentRef:e,itemsRef:t,itemsTitle:n,focus:r,setFocus:i})=>{const{theme:s}=w.useContext(Lt),[o,l]=w.useState(!1),{scrollY:a}=G4(),u=S4(a),c=w4(u,{damping:50,stiffness:400}),f=x4(c,[0,1e3],o?[0,0]:[0,-20],{clamp:!1}),d=w.useRef(null);w.useEffect(()=>{const y=()=>{if(d.current&&e.current){const{offsetTop:v,offsetHeight:h}=d.current,{offsetHeight:m}=e.current;v==0||m-h-v==0?l(!0):l(!1)}},S=()=>{if(d.current){const{offsetTop:v,offsetHeight:h}=d.current,m=v+h/2;for(let C=t.length-1;0<=C;C--)if(t[C].current.offsetTop{y(),S()}),()=>{removeEventListener("scroll",()=>{y(),S()})}});const g=y=>{if(!y.current)return;const S=e.current.offsetTop+y.current.offsetHeight/2+y.current.offsetTop-window.innerHeight/2;window.scrollTo({top:S,behavior:"smooth"})},x=y=>{if(y<0||y>=t.length||!t[y].current)return;const S=e.current.offsetTop+t[y].current.offsetHeight/1.5+t[y].current.offsetTop-window.innerHeight/2;window.scrollTo({top:S,behavior:"smooth"})};return p.jsxs(_.div,{className:"sticky left-0 top-[calc(50%_-_200px)] h-min",style:{y:f},ref:d,children:[p.jsx("div",{className:" bg-aboutContainer w-[200px] space-y-4 rounded-xl p-4 px-2 outline outline-1 outline-[#585858] lg:w-[300px] lg:px-2",children:t.map((y,S)=>p.jsx(_.div,{animate:r==S?"focus":"unfocused",variants:gx,className:"flex h-10 w-full items-center rounded-lg pl-2 outline outline-1 outline-[#585858]",children:p.jsxs(ct,{OnClick:()=>g(y),children:[S+1," ",p.jsx("span",{className:"bold text-sm lg:text-base",children:n[S]})]})},S))}),p.jsxs("div",{className:"mt-4 flex justify-evenly",children:[p.jsx(ct,{className:"rounded-full",OnClick:()=>x(r-1),children:p.jsxs("div",{className:"bg-aboutContainer relative flex h-[40px] w-[80px] items-center justify-center overflow-hidden rounded-full outline outline-1 outline-[#585858]",children:[p.jsx("img",{src:s=="light"?tx:X4,className:"z-10 w-6"}),p.jsx(_.div,{className:"absolute aspect-square w-0 rounded-full bg-[#2c2c2c]",variants:{hovered:{width:"100%"}}})]})}),p.jsx(ct,{className:"rounded-full",OnClick:()=>x(r+1),children:p.jsxs("div",{className:"bg-aboutContainer relative flex h-[40px] w-[80px] items-center justify-center overflow-hidden rounded-full outline outline-1 outline-[#585858]",children:[p.jsx("img",{src:s=="light"?nx:J4,className:"z-10 w-6"}),p.jsx(_.div,{className:"absolute aspect-square w-0 rounded-full bg-[#2c2c2c]",variants:{hovered:{width:"100%"}}})]})})]})]})},_x=()=>{const e=w.useContext(Mo),t=w.useRef(null),n=w.useRef(null),r=w.useRef(null),i=w.useRef(null),s=w.useRef(null),o=[n,r,i,s],[l,a]=w.useState(0);return p.jsxs("div",{ref:t,className:"relative flex h-min w-[300px] justify-between gap-4 sm:w-[650px] lg:w-[1000px]",children:[e&&p.jsx(Dx,{parentRef:t,itemsRef:o,focus:l,setFocus:a,itemsTitle:["Highschool","GamJam","University Of Auckland","WebDev Journey"]}),p.jsxs("div",{className:"bg-aboutContainer mb-[56px] w-full divide-y divide-[#585858] rounded-xl px-6 py-4 outline outline-1 outline-[#585858] sm:px-12",children:[p.jsx(_.div,{variants:Ji,initial:"unfocused",animate:l==0?"focus":e?"unfocused":"focus",children:p.jsx(ts,{ref:n,titleElem:p.jsxs(p.Fragment,{children:["2020-2022 ",p.jsx("br",{}),p.jsx("span",{className:"text-lime-200",children:"Otago Bayfield Highschool"})]}),text:["During my first senior year of highschool, I took my first computer science class during highschool and ever since has taken a liking to it.","During the course of rest of highschool years, I've created many basic terminal programs in C# later creating unity games, and volunteered to become a technical support student."]})}),p.jsx(_.div,{variants:Ji,initial:"unfocused",animate:l==1?"focus":e?"unfocused":"focus",children:p.jsx(ts,{ref:r,titleElem:p.jsxs(p.Fragment,{children:["July 2022 ",p.jsx("br",{}),p.jsx("span",{className:"text-green",children:"Otago GameJam Participant"})]}),text:["I applied to play in a GameJam and worked with a team of 4 from my highschool.","during this 48 hour event to create a game with Unity and C# where i had help create UI assets and design stage layout"]})}),p.jsx(_.div,{variants:Ji,initial:"unfocused",animate:l==2?"focus":e?"unfocused":"focus",children:p.jsx(ts,{ref:i,titleElem:p.jsxs(p.Fragment,{children:["2023-2024",p.jsx("br",{}),p.jsx("span",{className:"text-blue",children:"Studying at University of Auckland"})]}),text:["In early 2023, I moved to Auckland with my family and began my studies at the University of Auckland, majoring in Computer science BSc.","In my first year, studied computer theory and math, learnt to programmed in python, and learnt basic data structures such as stack, queues, binary tree, and hashtables"]})}),p.jsx(_.div,{variants:Ji,initial:"unfocused",animate:l==3?"focus":e?"unfocused":"focus",children:p.jsx(ts,{ref:s,titleElem:p.jsxs(p.Fragment,{children:["2023-2024",p.jsx("br",{}),p.jsx("span",{className:"text-cyan-300",children:"My WebDev journey"})]}),text:["Between my school breaks I've set a goal to become better at web development, because of my passion on designing which have led me to start mimic components from front end mentor challenges.","Ever since I have tried to keep up my work ethics by working something to improve my skills every day which have led up to this website.","During my first few weeks I have worked with html/css/javascript and later adapted to using React, Framer motion, and then Typescript."]})})]})]})},Ix=Et.forwardRef((e,t)=>p.jsx(p.Fragment,{children:p.jsxs("div",{className:"flex w-full flex-col items-center justify-start border-t",children:[p.jsx("div",{ref:t}),p.jsx(Ut,{text:"About me",highlight:"var(--blue)",className:"bold my-10 text-3xl"}),p.jsxs("div",{className:"text-lg sm:text-lg mb-20 w-[90%] px-3 text-center sm:w-[600px] lg:w-[1000px] lg:text-xl",children:[p.jsx("div",{className:"text-3xl",children:p.jsx(Ax,{delay:.5,inViewVariant:mx,duration:1,children:"👋"})}),p.jsx($t,{className:"flex-wrap justify-center",TextVariants:px,transition:{ease:"easeInOut",duration:.3},staggerChildren:.15,text:"Hi, I'm a second-year university student and a self-taught web developer. My passion lies in the creation of UI/UX design, and animation to create beautiful visuals on the web."})]}),p.jsx(_x,{})]})})),Fx="https://tulza.github.io/Tulza-dev/assets/adviceGeneratorComponent-MB2TU0Jq.svg",Ox="https://tulza.github.io/Tulza-dev/assets/urlShortening-DYjInzkr.svg",Bx="https://tulza.github.io/Tulza-dev/assets/StrayArtist-8d8D0ceM.svg",zx="https://tulza.github.io/Tulza-dev/assets/CalcComponent-6j-Wsn_y.svg",Ux="https://tulza.github.io/Tulza-dev/assets/pythonSolitaire-MlI-HMGA.svg",Hx="https://tulza.github.io/Tulza-dev/assets/oldPortfolio-Giu97hS0.svg",$x="data:image/svg+xml,%3csvg%20width='300'%20height='200'%20viewBox='0%200%20300%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_224_132)'%3e%3crect%20width='300'%20height='200'%20fill='white'/%3e%3crect%20width='300'%20height='200'%20fill='%231F1F1F'/%3e%3cg%20clip-path='url(%23clip1_224_132)'%3e%3cpath%20d='M148.75%2071.5625V45H109.688C107.09%2045%20105%2047.0898%20105%2049.6875V140.312C105%20142.91%20107.09%20145%20109.688%20145H175.312C177.91%20145%20180%20142.91%20180%20140.312V76.25H153.438C150.859%2076.25%20148.75%2074.1406%20148.75%2071.5625ZM161.25%20117.656C161.25%20118.945%20160.195%20120%20158.906%20120H126.094C124.805%20120%20123.75%20118.945%20123.75%20117.656V116.094C123.75%20114.805%20124.805%20113.75%20126.094%20113.75H158.906C160.195%20113.75%20161.25%20114.805%20161.25%20116.094V117.656ZM161.25%20105.156C161.25%20106.445%20160.195%20107.5%20158.906%20107.5H126.094C124.805%20107.5%20123.75%20106.445%20123.75%20105.156V103.594C123.75%20102.305%20124.805%20101.25%20126.094%20101.25H158.906C160.195%20101.25%20161.25%20102.305%20161.25%20103.594V105.156ZM161.25%2091.0938V92.6562C161.25%2093.9453%20160.195%2095%20158.906%2095H126.094C124.805%2095%20123.75%2093.9453%20123.75%2092.6562V91.0938C123.75%2089.8047%20124.805%2088.75%20126.094%2088.75H158.906C160.195%2088.75%20161.25%2089.8047%20161.25%2091.0938ZM180%2068.8086V70H155V45H156.191C157.441%2045%20158.633%2045.4883%20159.512%2046.3672L178.633%2065.5078C179.512%2066.3867%20180%2067.5781%20180%2068.8086Z'%20fill='%23333232'/%3e%3c/g%3e%3crect%20x='101.085'%20y='44.708'%20width='130.896'%20height='6'%20rx='1'%20transform='rotate(47.5644%20101.085%2044.708)'%20fill='%23333232'/%3e%3crect%20x='105.428'%20y='41'%20width='130.896'%20height='6'%20transform='rotate(47.5644%20105.428%2041)'%20fill='%231F1F1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_224_132'%3e%3crect%20width='300'%20height='200'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_224_132'%3e%3crect%20width='75'%20height='100'%20fill='white'%20transform='translate(105%2045)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",E0=e=>{switch(e=String(e).toLowerCase(),e){case"react":return"aqua";case"tailwind":case"typescript":return"blue";case"html/css":return"red";case"unity":case"framer motion":case"figma":return"gray";case"javascript":case"python":return"yellow";case"post api":case"rest api":case"turtle graphics":return"green";case"c#":case"responsive":return"purple";case"storybook":return"pink";default:return"white"}},In=({image:e=$x,title:t,tags:n=[],githubLink:r,pageLink:i})=>{const[l,a]=w.useState(!1),[u,c]=w.useState(!1),f={scale:1.1},d=w.useRef(null),{theme:g}=w.useContext(Lt),x=10;return w.useEffect(()=>{if(!d.current)return;const{offsetWidth:y}=d.current;y>300&&c(!0)},[]),p.jsxs("div",{style:{width:300,height:200},className:"border-1 relative select-none overflow-hidden rounded-xl border",onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[p.jsx("img",{src:e,style:{height:200}}),p.jsxs("div",{children:[p.jsx(_.div,{initial:{y:"0%"},animate:l?{y:"-120%"}:{y:"0%"},className:"bg-cardTagBg absolute top-0 ml-1 mt-1 rounded-lg p-1 outline outline-1",children:t}),p.jsxs("div",{className:"absolute right-0 top-0 mr-1 mt-1 space-y-2",children:[!!i&&p.jsx(_.a,{target:"_blank",href:i,whileHover:f,className:"bg-cardTagBg grid aspect-square w-[30px] cursor-pointer place-items-center rounded-lg p-1 outline outline-1",children:p.jsx("img",{src:g=="light"?ox:sx,className:"w-[20px]"})}),!!r&&p.jsx(_.a,{target:"_blank",href:r,whileHover:f,className:"bg-cardTagBg grid aspect-square w-[30px] cursor-pointer place-items-center rounded-xl p-1 outline outline-1",children:p.jsx("img",{src:g=="light"?Ep:Tp,className:"w-[20px]"})})]})]}),p.jsx(_.div,{className:"absolute flex h-[40px] w-full items-center rounded-t-lg bg-[#1] py-2 outline outline-1 backdrop-blur-lg",initial:{y:"-100%"},animate:l?{y:"1%"}:{y:"-100%"},transition:{ease:"easeInOut",duration:.2},children:p.jsxs(_.div,{className:"flex gap-2 pl-2",ref:d,initial:{x:"0%"},animate:u?{x:"-50%"}:{},transition:{duration:x,ease:"linear",repeat:1/0},children:[n.map(y=>p.jsx("div",{style:{color:`var(--tag_${E0(y)})`},className:"h-full whitespace-nowrap rounded-md bg-black px-1 outline outline-1",children:y},y)),u&&n.map(y=>p.jsx("div",{style:{color:`var(--tag_${E0(y)})`},className:"h-full whitespace-nowrap rounded-md bg-black px-1 outline outline-1",children:y},y))]})})]})},Ge=({index:e})=>[p.jsx(In,{title:"Old web portfolio",image:Hx,githubLink:"https://github.com/tulza/Tulza-dev-old",pageLink:"https://tulza.github.io/Tulza-dev-old/",tags:["React","Javascript","Tailwind","Framer motion","HTML/CSS"]}),p.jsx(In,{title:"URL shortening page",image:Ox,githubLink:"https://github.com/tulza/url-shortening-api",pageLink:"https://tulza.github.io/url-shortening-api/#",tags:["React","Javascript","Tailwind","Responsive","Post API","HTML/CSS"]}),p.jsx(In,{image:Fx,title:"Advice generator app",githubLink:"https://github.com/tulza/frontend-mentor-challenges/tree/main/3.%20advice-generator-app-main",pageLink:"https://tulza.github.io/frontend-mentor-challenges/3.%20advice-generator-app-main/index.html",tags:["HTML/CSS","Javascript","Rest API"]}),p.jsx(In,{title:"Calculator app component",githubLink:"https://github.com/tulza/Calculator-app",pageLink:"https://tulza.github.io/Calculator-app",image:zx,tags:["React","Tailwind","Typescript","Framer motion","Responsive"]}),p.jsx(In,{title:"python simplifed solitaire",image:Ux,tags:["Python","Turtle graphics"]}),p.jsx(In,{title:'"stray artist" platformer',image:Bx,githubLink:"https://github.com/tulza/Stray-Artist",tags:["C#","Unity"]})][e],bx=()=>p.jsxs("div",{className:"flex gap-4 lg:flex-col",children:[p.jsxs("div",{className:"flex h-[full] w-min gap-4 sm:flex-col lg:translate-x-[5%] lg:flex-row",children:[p.jsx(Ge,{index:0}),p.jsx(Ge,{index:1}),p.jsx(Ge,{index:2})]}),p.jsxs("div",{className:"flex h-[full] w-min gap-4 sm:flex-col lg:-translate-x-[5%] lg:flex-row",children:[p.jsx(Ge,{index:3}),p.jsx(Ge,{index:4}),p.jsx(Ge,{index:5})]})]}),Wx=()=>{const{theme:e}=w.useContext(Lt),t=100,n=300,r=6,[i,s]=w.useState(1),o=({OnClick:l,image:a})=>p.jsx(_.div,{whileHover:{scale:.95},whileTap:{scale:1.05},onClick:l,className:"flex aspect-square h-[50px] cursor-pointer select-none items-center justify-center rounded-xl p-2 outline outline-1",children:p.jsx("img",{src:a,className:"h-full"})});return p.jsxs("div",{className:"my-4 flex w-[100vw] flex-col items-center overflow-hidden py-4",children:[p.jsx("div",{className:"flex w-[300px]",children:p.jsxs(_.div,{className:"flex",style:{gap:t},animate:{x:-(n+t)*(i-1)},transition:{ease:"easeInOut"},children:[p.jsx(Ge,{index:0}),p.jsx(Ge,{index:1}),p.jsx(Ge,{index:2}),p.jsx(Ge,{index:3}),p.jsx(Ge,{index:4}),p.jsx(Ge,{index:5})]})}),p.jsxs("div",{className:"mt-8 flex gap-8",children:[p.jsx(o,{className:"-rotate-90",image:e=="light"?rx:q4,OnClick:()=>{i!=1&&s(i-1)}}),p.jsxs("div",{className:"bold flex w-[50px] select-none items-center justify-center border-b-2",children:[i,"/",r]}),p.jsx(o,{image:e=="light"?ix:ex,OnClick:()=>{i!=6&&s(i+1)}})]})]})},Gx=Et.forwardRef((e,t)=>{const n=w.useContext(Mo);return p.jsx("div",{className:"flex w-full flex-col items-center pb-40",children:p.jsxs("div",{className:"flex h-[full] flex-col items-center",ref:t,children:[p.jsx(Ut,{text:"Projects",highlight:"var(--green)",className:"bold my-10 text-3xl"}),n?p.jsx(bx,{}):p.jsx(Wx,{})]})})}),j0=()=>p.jsx("div",{className:"fade pointer-events-none absolute z-10 flex h-[200px] w-full -translate-y-[50%] items-end sm:h-[400px]"}),L0=({image:e,link:t,label:n})=>p.jsxs("a",{target:"_blank",href:t,className:"bg-gray flex cursor-pointer items-center gap-4 rounded-xl p-2 outline outline-1",children:[p.jsx("img",{src:e,className:"aspect-square h-[30px] sm:h-[50px]"}),p.jsx("p",{children:n})]}),Zx=()=>p.jsx("div",{className:"pt-[6rem] sm:pt-[15rem]"}),Le={origin:"https://api.emailjs.com",blockHeadless:!1},Ku=e=>e?typeof e=="string"?{publicKey:e}:e.toString()==="[object Object]"?e:{}:{},Kx=(e,t="https://api.emailjs.com")=>{if(!e)return;const n=Ku(e);Le.publicKey=n.publicKey,Le.blockHeadless=n.blockHeadless,Le.blockList=n.blockList,Le.limitRate=n.limitRate,Le.origin=n.origin||t};class Lo{constructor(t=0,n="Network Error"){this.status=t,this.text=n}}const jp=async(e,t,n={})=>{const r=await fetch(Le.origin+e,{method:"POST",headers:n,body:t}),i=await r.text(),s=new Lo(r.status,i);if(r.ok)return s;throw s},Lp=(e,t,n)=>{if(!e||typeof e!="string")throw"The public key is required. Visit https://dashboard.emailjs.com/admin/account";if(!t||typeof t!="string")throw"The service ID is required. Visit https://dashboard.emailjs.com/admin";if(!n||typeof n!="string")throw"The template ID is required. Visit https://dashboard.emailjs.com/admin/templates"},Qx=e=>{if(e&&e.toString()!=="[object Object]")throw"The template params have to be the object. Visit https://www.emailjs.com/docs/sdk/send/"},Mp=e=>e.webdriver||!e.languages||e.languages.length===0,Vp=()=>new Lo(451,"Unavailable For Headless Browser"),Yx=(e,t)=>{if(!Array.isArray(e))throw"The BlockList list has to be an array";if(typeof t!="string")throw"The BlockList watchVariable has to be a string"},Xx=e=>{var t;return!((t=e.list)!=null&&t.length)||!e.watchVariable},Jx=(e,t)=>e instanceof FormData?e.get(t):e[t],Rp=(e,t)=>{if(Xx(e))return!1;Yx(e.list,e.watchVariable);const n=Jx(t,e.watchVariable);return typeof n!="string"?!1:e.list.includes(n)},Np=()=>new Lo(403,"Forbidden"),qx=(e,t)=>{if(typeof e!="number"||e<0)throw"The LimitRate throttle has to be a positive number";if(t&&typeof t!="string")throw"The LimitRate ID has to be a string"},e6=(e,t,n)=>{const r=Number(n.getItem(e)||0);return t-Date.now()+r},M0=(e,t,n)=>{setTimeout(()=>{n.removeItem(e)},t)},Ap=(e,t,n)=>{if(!n.throttle)return!1;qx(n.throttle,n.id);const r=n.id||t,i=e6(r,n.throttle,e);return i>0?(M0(r,i,e),!0):(e.setItem(r,Date.now().toString()),M0(r,n.throttle,e),!1)},Dp=()=>new Lo(429,"Too Many Requests"),t6=(e,t,n,r)=>{const i=Ku(r),s=i.publicKey||Le.publicKey,o=i.blockHeadless||Le.blockHeadless,l={...Le.blockList,...i.blockList},a={...Le.limitRate,...i.limitRate};return o&&Mp(navigator)?Promise.reject(Vp()):(Lp(s,e,t),Qx(n),n&&Rp(l,n)?Promise.reject(Np()):Ap(localStorage,location.pathname,a)?Promise.reject(Dp()):jp("/api/v1.0/email/send",JSON.stringify({lib_version:"4.1.0",user_id:s,service_id:e,template_id:t,template_params:n}),{"Content-type":"application/json"}))},n6=e=>{if(!e||e.nodeName!=="FORM")throw"The 3rd parameter is expected to be the HTML form element or the style selector of the form"},r6=e=>typeof e=="string"?document.querySelector(e):e,i6=(e,t,n,r)=>{const i=Ku(r),s=i.publicKey||Le.publicKey,o=i.blockHeadless||Le.blockHeadless,l={...Le.blockList,...i.blockList},a={...Le.limitRate,...i.limitRate};if(o&&Mp(navigator))return Promise.reject(Vp());const u=r6(n);Lp(s,e,t),n6(u);const c=new FormData(u);return Rp(l,c)?Promise.reject(Np()):Ap(localStorage,location.pathname,a)?Promise.reject(Dp()):(c.append("lib_version","4.1.0"),c.append("service_id",e),c.append("template_id",t),c.append("user_id",s),jp("/api/v1.0/email/send-form",c))},s6={init:Kx,send:t6,sendForm:i6},o6=({className:e})=>{const[t,n]=w.useState(""),[r,i]=w.useState(!0),s=l=>/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(l).toLowerCase()),o=l=>{const a={firstName:l.target.Name.value,lastName:"",email:l.target.email.value,message:l.target.message.value};if(!s(a.email)){i(!1),console.log("invalid email");return}n("sending..."),s6.send("service_1ky3x8k","template_o64krx7",a,"uGbBWlRG9lo-8cow6").then(u=>u).then(u=>{console.log("data from response ",JSON.stringify(u)),u.status<299&&(console.log("successfully sent"),l.target.fName.value="",l.target.lName.value="",l.target.email.value="",l.target.message.value="",n("Thank you!"))}).catch(u=>{console.warn(`ERROR: + */const rv="startTransition",df=tm[rv];function iv(e){let{basename:t,children:n,future:r,window:i}=e,s=w.useRef();s.current==null&&(s.current=dg({window:i,v5Compat:!0}));let o=s.current,[l,a]=w.useState({action:o.action,location:o.location}),{v7_startTransition:u}=r||{},c=w.useCallback(f=>{u&&df?df(()=>a(f)):a(f)},[a,u]);return w.useLayoutEffect(()=>o.listen(c),[o,c]),w.createElement(tv,{basename:t,children:n,location:l.location,navigationType:l.action,navigator:o,future:r})}var hf;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(hf||(hf={}));var pf;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(pf||(pf={}));const sv=e=>{const[t,n]=w.useState(!1),r=()=>{const i=window.matchMedia(`${e}`);n(i.matches)};return w.useEffect(()=>(r(),addEventListener("resize",()=>{r()}),removeEventListener("resize",()=>{r()})),[]),t},go=w.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"}),vo=w.createContext({}),Eu=w.createContext(null),yo=typeof document<"u",xo=yo?w.useLayoutEffect:w.useEffect,t2=w.createContext({strict:!1}),ju=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),ov="framerAppearId",n2="data-"+ju(ov);function lv(e,t,n,r){const{visualElement:i}=w.useContext(vo),s=w.useContext(t2),o=w.useContext(Eu),l=w.useContext(go).reducedMotion,a=w.useRef();r=r||s.renderer,!a.current&&r&&(a.current=r(e,{visualState:t,parent:i,props:n,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:l}));const u=a.current;w.useInsertionEffect(()=>{u&&u.update(n,o)});const c=w.useRef(!!(n[n2]&&!window.HandoffComplete));return xo(()=>{u&&(u.render(),c.current&&u.animationState&&u.animationState.animateChanges())}),w.useEffect(()=>{u&&(u.updateFeatures(),!c.current&&u.animationState&&u.animationState.animateChanges(),c.current&&(c.current=!1,window.HandoffComplete=!0))}),u}function Qn(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function av(e,t,n){return w.useCallback(r=>{r&&e.mount&&e.mount(r),t&&(r?t.mount(r):t.unmount()),n&&(typeof n=="function"?n(r):Qn(n)&&(n.current=r))},[t])}function gi(e){return typeof e=="string"||Array.isArray(e)}function wo(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}const Lu=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],Mu=["initial",...Lu];function Co(e){return wo(e.animate)||Mu.some(t=>gi(e[t]))}function r2(e){return!!(Co(e)||e.variants)}function uv(e,t){if(Co(e)){const{initial:n,animate:r}=e;return{initial:n===!1||gi(n)?n:void 0,animate:gi(r)?r:void 0}}return e.inherit!==!1?t:{}}function cv(e){const{initial:t,animate:n}=uv(e,w.useContext(vo));return w.useMemo(()=>({initial:t,animate:n}),[mf(t),mf(n)])}function mf(e){return Array.isArray(e)?e.join(" "):e}const gf={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},vi={};for(const e in gf)vi[e]={isEnabled:t=>gf[e].some(n=>!!t[n])};function fv(e){for(const t in e)vi[t]={...vi[t],...e[t]}}const i2=w.createContext({}),s2=w.createContext({}),dv=Symbol.for("motionComponentSymbol");function hv({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:r,Component:i}){e&&fv(e);function s(l,a){let u;const c={...w.useContext(go),...l,layoutId:pv(l)},{isStatic:f}=c,d=cv(l),g=r(l,f);if(!f&&yo){d.visualElement=lv(i,g,c,t);const x=w.useContext(s2),y=w.useContext(t2).strict;d.visualElement&&(u=d.visualElement.loadFeatures(c,y,e,x))}return w.createElement(vo.Provider,{value:d},u&&d.visualElement?w.createElement(u,{visualElement:d.visualElement,...c}):null,n(i,l,av(g,d.visualElement,a),g,f,d.visualElement))}const o=w.forwardRef(s);return o[dv]=i,o}function pv({layoutId:e}){const t=w.useContext(i2).id;return t&&e!==void 0?t+"-"+e:e}function mv(e){function t(r,i={}){return hv(e(r,i))}if(typeof Proxy>"u")return t;const n=new Map;return new Proxy(t,{get:(r,i)=>(n.has(i)||n.set(i,t(i)),n.get(i))})}const gv=["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 Vu(e){return typeof e!="string"||e.includes("-")?!1:!!(gv.indexOf(e)>-1||/[A-Z]/.test(e))}const $s={};function vv(e){Object.assign($s,e)}const Ei=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Nn=new Set(Ei);function o2(e,{layout:t,layoutId:n}){return Nn.has(e)||e.startsWith("origin")||(t||n!==void 0)&&(!!$s[e]||e==="opacity")}const we=e=>!!(e&&e.getVelocity),yv={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},xv=Ei.length;function wv(e,{enableHardwareAcceleration:t=!0,allowTransformNone:n=!0},r,i){let s="";for(let o=0;ot=>typeof t=="string"&&t.startsWith(e),a2=l2("--"),ma=l2("var(--"),Cv=/var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g,Sv=(e,t)=>t&&typeof e=="number"?t.transform(e):e,tn=(e,t,n)=>Math.min(Math.max(n,e),t),An={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},Wr={...An,transform:e=>tn(0,1,e)},Ki={...An,default:1},Gr=e=>Math.round(e*1e5)/1e5,So=/(-)?([\d]*\.?[\d])+/g,u2=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,kv=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function ji(e){return typeof e=="string"}const Li=e=>({test:t=>ji(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),Rt=Li("deg"),ht=Li("%"),V=Li("px"),Pv=Li("vh"),Tv=Li("vw"),vf={...ht,parse:e=>ht.parse(e)/100,transform:e=>ht.transform(e*100)},yf={...An,transform:Math.round},c2={borderWidth:V,borderTopWidth:V,borderRightWidth:V,borderBottomWidth:V,borderLeftWidth:V,borderRadius:V,radius:V,borderTopLeftRadius:V,borderTopRightRadius:V,borderBottomRightRadius:V,borderBottomLeftRadius:V,width:V,maxWidth:V,height:V,maxHeight:V,size:V,top:V,right:V,bottom:V,left:V,padding:V,paddingTop:V,paddingRight:V,paddingBottom:V,paddingLeft:V,margin:V,marginTop:V,marginRight:V,marginBottom:V,marginLeft:V,rotate:Rt,rotateX:Rt,rotateY:Rt,rotateZ:Rt,scale:Ki,scaleX:Ki,scaleY:Ki,scaleZ:Ki,skew:Rt,skewX:Rt,skewY:Rt,distance:V,translateX:V,translateY:V,translateZ:V,x:V,y:V,z:V,perspective:V,transformPerspective:V,opacity:Wr,originX:vf,originY:vf,originZ:V,zIndex:yf,fillOpacity:Wr,strokeOpacity:Wr,numOctaves:yf};function Ru(e,t,n,r){const{style:i,vars:s,transform:o,transformOrigin:l}=e;let a=!1,u=!1,c=!0;for(const f in t){const d=t[f];if(a2(f)){s[f]=d;continue}const g=c2[f],x=Sv(d,g);if(Nn.has(f)){if(a=!0,o[f]=x,!c)continue;d!==(g.default||0)&&(c=!1)}else f.startsWith("origin")?(u=!0,l[f]=x):i[f]=x}if(t.transform||(a||r?i.transform=wv(e.transform,n,c,r):i.transform&&(i.transform="none")),u){const{originX:f="50%",originY:d="50%",originZ:g=0}=l;i.transformOrigin=`${f} ${d} ${g}`}}const Nu=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function f2(e,t,n){for(const r in t)!we(t[r])&&!o2(r,n)&&(e[r]=t[r])}function Ev({transformTemplate:e},t,n){return w.useMemo(()=>{const r=Nu();return Ru(r,t,{enableHardwareAcceleration:!n},e),Object.assign({},r.vars,r.style)},[t])}function jv(e,t,n){const r=e.style||{},i={};return f2(i,r,e),Object.assign(i,Ev(e,t,n)),e.transformValues?e.transformValues(i):i}function Lv(e,t,n){const r={},i=jv(e,t,n);return e.drag&&e.dragListener!==!1&&(r.draggable=!1,i.userSelect=i.WebkitUserSelect=i.WebkitTouchCallout="none",i.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(r.tabIndex=0),r.style=i,r}const Mv=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function bs(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||Mv.has(e)}let d2=e=>!bs(e);function Vv(e){e&&(d2=t=>t.startsWith("on")?!bs(t):e(t))}try{Vv(require("@emotion/is-prop-valid").default)}catch{}function Rv(e,t,n){const r={};for(const i in e)i==="values"&&typeof e.values=="object"||(d2(i)||n===!0&&bs(i)||!t&&!bs(i)||e.draggable&&i.startsWith("onDrag"))&&(r[i]=e[i]);return r}function xf(e,t,n){return typeof e=="string"?e:V.transform(t+n*e)}function Nv(e,t,n){const r=xf(t,e.x,e.width),i=xf(n,e.y,e.height);return`${r} ${i}`}const Av={offset:"stroke-dashoffset",array:"stroke-dasharray"},Dv={offset:"strokeDashoffset",array:"strokeDasharray"};function _v(e,t,n=1,r=0,i=!0){e.pathLength=1;const s=i?Av:Dv;e[s.offset]=V.transform(-r);const o=V.transform(t),l=V.transform(n);e[s.array]=`${o} ${l}`}function Au(e,{attrX:t,attrY:n,attrScale:r,originX:i,originY:s,pathLength:o,pathSpacing:l=1,pathOffset:a=0,...u},c,f,d){if(Ru(e,u,c,d),f){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:g,style:x,dimensions:y}=e;g.transform&&(y&&(x.transform=g.transform),delete g.transform),y&&(i!==void 0||s!==void 0||x.transform)&&(x.transformOrigin=Nv(y,i!==void 0?i:.5,s!==void 0?s:.5)),t!==void 0&&(g.x=t),n!==void 0&&(g.y=n),r!==void 0&&(g.scale=r),o!==void 0&&_v(g,o,l,a,!1)}const h2=()=>({...Nu(),attrs:{}}),Du=e=>typeof e=="string"&&e.toLowerCase()==="svg";function Iv(e,t,n,r){const i=w.useMemo(()=>{const s=h2();return Au(s,t,{enableHardwareAcceleration:!1},Du(r),e.transformTemplate),{...s.attrs,style:{...s.style}}},[t]);if(e.style){const s={};f2(s,e.style,e),i.style={...s,...i.style}}return i}function Fv(e=!1){return(n,r,i,{latestValues:s},o)=>{const a=(Vu(n)?Iv:Lv)(r,s,o,n),c={...Rv(r,typeof n=="string",e),...a,ref:i},{children:f}=r,d=w.useMemo(()=>we(f)?f.get():f,[f]);return w.createElement(n,{...c,children:d})}}function p2(e,{style:t,vars:n},r,i){Object.assign(e.style,t,i&&i.getProjectionStyles(r));for(const s in n)e.style.setProperty(s,n[s])}const m2=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function g2(e,t,n,r){p2(e,t,void 0,r);for(const i in t.attrs)e.setAttribute(m2.has(i)?i:ju(i),t.attrs[i])}function _u(e,t){const{style:n}=e,r={};for(const i in n)(we(n[i])||t.style&&we(t.style[i])||o2(i,e))&&(r[i]=n[i]);return r}function v2(e,t){const n=_u(e,t);for(const r in e)if(we(e[r])||we(t[r])){const i=Ei.indexOf(r)!==-1?"attr"+r.charAt(0).toUpperCase()+r.substring(1):r;n[i]=e[r]}return n}function Iu(e,t,n,r={},i={}){return typeof t=="function"&&(t=t(n!==void 0?n:e.custom,r,i)),typeof t=="string"&&(t=e.variants&&e.variants[t]),typeof t=="function"&&(t=t(n!==void 0?n:e.custom,r,i)),t}function ko(e){const t=w.useRef(null);return t.current===null&&(t.current=e()),t.current}const Ws=e=>Array.isArray(e),Ov=e=>!!(e&&typeof e=="object"&&e.mix&&e.toValue),Bv=e=>Ws(e)?e[e.length-1]||0:e;function ps(e){const t=we(e)?e.get():e;return Ov(t)?t.toValue():t}function zv({scrapeMotionValuesFromProps:e,createRenderState:t,onMount:n},r,i,s){const o={latestValues:Uv(r,i,s,e),renderState:t()};return n&&(o.mount=l=>n(r,l,o)),o}const y2=e=>(t,n)=>{const r=w.useContext(vo),i=w.useContext(Eu),s=()=>zv(e,t,r,i);return n?s():ko(s)};function Uv(e,t,n,r){const i={},s=r(e,{});for(const d in s)i[d]=ps(s[d]);let{initial:o,animate:l}=e;const a=Co(e),u=r2(e);t&&u&&!a&&e.inherit!==!1&&(o===void 0&&(o=t.initial),l===void 0&&(l=t.animate));let c=n?n.initial===!1:!1;c=c||o===!1;const f=c?l:o;return f&&typeof f!="boolean"&&!wo(f)&&(Array.isArray(f)?f:[f]).forEach(g=>{const x=Iu(e,g);if(!x)return;const{transitionEnd:y,transition:S,...v}=x;for(const h in v){let m=v[h];if(Array.isArray(m)){const C=c?m.length-1:0;m=m[C]}m!==null&&(i[h]=m)}for(const h in y)i[h]=y[h]}),i}const X=e=>e;class wf{constructor(){this.order=[],this.scheduled=new Set}add(t){if(!this.scheduled.has(t))return this.scheduled.add(t),this.order.push(t),!0}remove(t){const n=this.order.indexOf(t);n!==-1&&(this.order.splice(n,1),this.scheduled.delete(t))}clear(){this.order.length=0,this.scheduled.clear()}}function Hv(e){let t=new wf,n=new wf,r=0,i=!1,s=!1;const o=new WeakSet,l={schedule:(a,u=!1,c=!1)=>{const f=c&&i,d=f?t:n;return u&&o.add(a),d.add(a)&&f&&i&&(r=t.order.length),a},cancel:a=>{n.remove(a),o.delete(a)},process:a=>{if(i){s=!0;return}if(i=!0,[t,n]=[n,t],n.clear(),r=t.order.length,r)for(let u=0;u(f[d]=Hv(()=>n=!0),f),{}),o=f=>s[f].process(i),l=()=>{const f=performance.now();n=!1,i.delta=r?1e3/60:Math.max(Math.min(f-i.timestamp,$v),1),i.timestamp=f,i.isProcessing=!0,Qi.forEach(o),i.isProcessing=!1,n&&t&&(r=!1,e(l))},a=()=>{n=!0,r=!0,i.isProcessing||e(l)};return{schedule:Qi.reduce((f,d)=>{const g=s[d];return f[d]=(x,y=!1,S=!1)=>(n||a(),g.schedule(x,y,S)),f},{}),cancel:f=>Qi.forEach(d=>s[d].cancel(f)),state:i,steps:s}}const{schedule:B,cancel:st,state:re,steps:il}=bv(typeof requestAnimationFrame<"u"?requestAnimationFrame:X,!0),Wv={useVisualState:y2({scrapeMotionValuesFromProps:v2,createRenderState:h2,onMount:(e,t,{renderState:n,latestValues:r})=>{B.read(()=>{try{n.dimensions=typeof t.getBBox=="function"?t.getBBox():t.getBoundingClientRect()}catch{n.dimensions={x:0,y:0,width:0,height:0}}}),B.render(()=>{Au(n,r,{enableHardwareAcceleration:!1},Du(t.tagName),e.transformTemplate),g2(t,n)})}})},Gv={useVisualState:y2({scrapeMotionValuesFromProps:_u,createRenderState:Nu})};function Zv(e,{forwardMotionProps:t=!1},n,r){return{...Vu(e)?Wv:Gv,preloadedFeatures:n,useRender:Fv(t),createVisualElement:r,Component:e}}function xt(e,t,n,r={passive:!0}){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n)}const x2=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1;function Po(e,t="page"){return{point:{x:e[t+"X"],y:e[t+"Y"]}}}const Kv=e=>t=>x2(t)&&e(t,Po(t));function Ct(e,t,n,r){return xt(e,t,Kv(n),r)}const Qv=(e,t)=>n=>t(e(n)),Jt=(...e)=>e.reduce(Qv);function w2(e){let t=null;return()=>{const n=()=>{t=null};return t===null?(t=e,n):!1}}const Cf=w2("dragHorizontal"),Sf=w2("dragVertical");function C2(e){let t=!1;if(e==="y")t=Sf();else if(e==="x")t=Cf();else{const n=Cf(),r=Sf();n&&r?t=()=>{n(),r()}:(n&&n(),r&&r())}return t}function S2(){const e=C2(!0);return e?(e(),!1):!0}class ln{constructor(t){this.isMounted=!1,this.node=t}update(){}}function kf(e,t){const n="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),i=(s,o)=>{if(s.pointerType==="touch"||S2())return;const l=e.getProps();e.animationState&&l.whileHover&&e.animationState.setActive("whileHover",t),l[r]&&B.update(()=>l[r](s,o))};return Ct(e.current,n,i,{passive:!e.getProps()[r]})}class Yv extends ln{mount(){this.unmount=Jt(kf(this.node,!0),kf(this.node,!1))}unmount(){}}class Xv extends ln{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{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=Jt(xt(this.node.current,"focus",()=>this.onFocus()),xt(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}const k2=(e,t)=>t?e===t?!0:k2(e,t.parentElement):!1;function sl(e,t){if(!t)return;const n=new PointerEvent("pointer"+e);t(n,Po(n))}class Jv extends ln{constructor(){super(...arguments),this.removeStartListeners=X,this.removeEndListeners=X,this.removeAccessibleListeners=X,this.startPointerPress=(t,n)=>{if(this.removeEndListeners(),this.isPressing)return;const r=this.node.getProps(),s=Ct(window,"pointerup",(l,a)=>{if(!this.checkPressEnd())return;const{onTap:u,onTapCancel:c}=this.node.getProps();B.update(()=>{k2(this.node.current,l.target)?u&&u(l,a):c&&c(l,a)})},{passive:!(r.onTap||r.onPointerUp)}),o=Ct(window,"pointercancel",(l,a)=>this.cancelPress(l,a),{passive:!(r.onTapCancel||r.onPointerCancel)});this.removeEndListeners=Jt(s,o),this.startPress(t,n)},this.startAccessiblePress=()=>{const t=s=>{if(s.key!=="Enter"||this.isPressing)return;const o=l=>{l.key!=="Enter"||!this.checkPressEnd()||sl("up",(a,u)=>{const{onTap:c}=this.node.getProps();c&&B.update(()=>c(a,u))})};this.removeEndListeners(),this.removeEndListeners=xt(this.node.current,"keyup",o),sl("down",(l,a)=>{this.startPress(l,a)})},n=xt(this.node.current,"keydown",t),r=()=>{this.isPressing&&sl("cancel",(s,o)=>this.cancelPress(s,o))},i=xt(this.node.current,"blur",r);this.removeAccessibleListeners=Jt(n,i)}}startPress(t,n){this.isPressing=!0;const{onTapStart:r,whileTap:i}=this.node.getProps();i&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),r&&B.update(()=>r(t,n))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!S2()}cancelPress(t,n){if(!this.checkPressEnd())return;const{onTapCancel:r}=this.node.getProps();r&&B.update(()=>r(t,n))}mount(){const t=this.node.getProps(),n=Ct(this.node.current,"pointerdown",this.startPointerPress,{passive:!(t.onTapStart||t.onPointerStart)}),r=xt(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=Jt(n,r)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}const ga=new WeakMap,ol=new WeakMap,qv=e=>{const t=ga.get(e.target);t&&t(e)},ey=e=>{e.forEach(qv)};function ty({root:e,...t}){const n=e||document;ol.has(n)||ol.set(n,{});const r=ol.get(n),i=JSON.stringify(t);return r[i]||(r[i]=new IntersectionObserver(ey,{root:e,...t})),r[i]}function ny(e,t,n){const r=ty(t);return ga.set(e,n),r.observe(e),()=>{ga.delete(e),r.unobserve(e)}}const ry={some:0,all:1};class iy extends ln{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:n,margin:r,amount:i="some",once:s}=t,o={root:n?n.current:void 0,rootMargin:r,threshold:typeof i=="number"?i:ry[i]},l=a=>{const{isIntersecting:u}=a;if(this.isInView===u||(this.isInView=u,s&&!u&&this.hasEnteredView))return;u&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",u);const{onViewportEnter:c,onViewportLeave:f}=this.node.getProps(),d=u?c:f;d&&d(a)};return ny(this.node.current,o,l)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:n}=this.node;["amount","margin","root"].some(sy(t,n))&&this.startObserver()}unmount(){}}function sy({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}const oy={inView:{Feature:iy},tap:{Feature:Jv},focus:{Feature:Xv},hover:{Feature:Yv}};function P2(e,t){if(!Array.isArray(t))return!1;const n=t.length;if(n!==e.length)return!1;for(let r=0;rt[r]=n.get()),t}function ay(e){const t={};return e.values.forEach((n,r)=>t[r]=n.getVelocity()),t}function To(e,t,n){const r=e.getProps();return Iu(r,t,n!==void 0?n:r.custom,ly(e),ay(e))}let uy=X,Eo=X;const kn=e=>e*1e3,pt=e=>e/1e3,cy={current:!1},T2=e=>Array.isArray(e)&&typeof e[0]=="number";function E2(e){return!!(!e||typeof e=="string"&&j2[e]||T2(e)||Array.isArray(e)&&e.every(E2))}const _r=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,j2={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:_r([0,.65,.55,1]),circOut:_r([.55,0,1,.45]),backIn:_r([.31,.01,.66,-.59]),backOut:_r([.33,1.53,.69,.99])};function L2(e){if(e)return T2(e)?_r(e):Array.isArray(e)?e.map(L2):j2[e]}function fy(e,t,n,{delay:r=0,duration:i,repeat:s=0,repeatType:o="loop",ease:l,times:a}={}){const u={[t]:n};a&&(u.offset=a);const c=L2(l);return Array.isArray(c)&&(u.easing=c),e.animate(u,{delay:r,duration:i,easing:Array.isArray(c)?"linear":c,fill:"both",iterations:s+1,direction:o==="reverse"?"alternate":"normal"})}function dy(e,{repeat:t,repeatType:n="loop"}){const r=t&&n!=="loop"&&t%2===1?0:e.length-1;return e[r]}const M2=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,hy=1e-7,py=12;function my(e,t,n,r,i){let s,o,l=0;do o=t+(n-t)/2,s=M2(o,r,i)-e,s>0?n=o:t=o;while(Math.abs(s)>hy&&++lmy(s,0,1,e,n);return s=>s===0||s===1?s:M2(i(s),t,r)}const gy=Mi(.42,0,1,1),vy=Mi(0,0,.58,1),V2=Mi(.42,0,.58,1),yy=e=>Array.isArray(e)&&typeof e[0]!="number",R2=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,N2=e=>t=>1-e(1-t),Fu=e=>1-Math.sin(Math.acos(e)),A2=N2(Fu),xy=R2(Fu),D2=Mi(.33,1.53,.69,.99),Ou=N2(D2),wy=R2(Ou),Cy=e=>(e*=2)<1?.5*Ou(e):.5*(2-Math.pow(2,-10*(e-1))),Sy={linear:X,easeIn:gy,easeInOut:V2,easeOut:vy,circIn:Fu,circInOut:xy,circOut:A2,backIn:Ou,backInOut:wy,backOut:D2,anticipate:Cy},Pf=e=>{if(Array.isArray(e)){Eo(e.length===4);const[t,n,r,i]=e;return Mi(t,n,r,i)}else if(typeof e=="string")return Sy[e];return e},Bu=(e,t)=>n=>!!(ji(n)&&kv.test(n)&&n.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(n,t)),_2=(e,t,n)=>r=>{if(!ji(r))return r;const[i,s,o,l]=r.match(So);return{[e]:parseFloat(i),[t]:parseFloat(s),[n]:parseFloat(o),alpha:l!==void 0?parseFloat(l):1}},ky=e=>tn(0,255,e),ll={...An,transform:e=>Math.round(ky(e))},xn={test:Bu("rgb","red"),parse:_2("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:r=1})=>"rgba("+ll.transform(e)+", "+ll.transform(t)+", "+ll.transform(n)+", "+Gr(Wr.transform(r))+")"};function Py(e){let t="",n="",r="",i="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),i=e.substring(4,5),t+=t,n+=n,r+=r,i+=i),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:i?parseInt(i,16)/255:1}}const va={test:Bu("#"),parse:Py,transform:xn.transform},Yn={test:Bu("hsl","hue"),parse:_2("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>"hsla("+Math.round(e)+", "+ht.transform(Gr(t))+", "+ht.transform(Gr(n))+", "+Gr(Wr.transform(r))+")"},Se={test:e=>xn.test(e)||va.test(e)||Yn.test(e),parse:e=>xn.test(e)?xn.parse(e):Yn.test(e)?Yn.parse(e):va.parse(e),transform:e=>ji(e)?e:e.hasOwnProperty("red")?xn.transform(e):Yn.transform(e)},Z=(e,t,n)=>-n*e+n*t+e;function al(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function Ty({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,t/=100,n/=100;let i=0,s=0,o=0;if(!t)i=s=o=n;else{const l=n<.5?n*(1+t):n+t-n*t,a=2*n-l;i=al(a,l,e+1/3),s=al(a,l,e),o=al(a,l,e-1/3)}return{red:Math.round(i*255),green:Math.round(s*255),blue:Math.round(o*255),alpha:r}}const ul=(e,t,n)=>{const r=e*e;return Math.sqrt(Math.max(0,n*(t*t-r)+r))},Ey=[va,xn,Yn],jy=e=>Ey.find(t=>t.test(e));function Tf(e){const t=jy(e);let n=t.parse(e);return t===Yn&&(n=Ty(n)),n}const I2=(e,t)=>{const n=Tf(e),r=Tf(t),i={...n};return s=>(i.red=ul(n.red,r.red,s),i.green=ul(n.green,r.green,s),i.blue=ul(n.blue,r.blue,s),i.alpha=Z(n.alpha,r.alpha,s),xn.transform(i))};function Ly(e){var t,n;return isNaN(e)&&ji(e)&&(((t=e.match(So))===null||t===void 0?void 0:t.length)||0)+(((n=e.match(u2))===null||n===void 0?void 0:n.length)||0)>0}const F2={regex:Cv,countKey:"Vars",token:"${v}",parse:X},O2={regex:u2,countKey:"Colors",token:"${c}",parse:Se.parse},B2={regex:So,countKey:"Numbers",token:"${n}",parse:An.parse};function cl(e,{regex:t,countKey:n,token:r,parse:i}){const s=e.tokenised.match(t);s&&(e["num"+n]=s.length,e.tokenised=e.tokenised.replace(t,r),e.values.push(...s.map(i)))}function Gs(e){const t=e.toString(),n={value:t,tokenised:t,values:[],numVars:0,numColors:0,numNumbers:0};return n.value.includes("var(--")&&cl(n,F2),cl(n,O2),cl(n,B2),n}function z2(e){return Gs(e).values}function U2(e){const{values:t,numColors:n,numVars:r,tokenised:i}=Gs(e),s=t.length;return o=>{let l=i;for(let a=0;atypeof e=="number"?0:e;function Vy(e){const t=z2(e);return U2(e)(t.map(My))}const nn={test:Ly,parse:z2,createTransformer:U2,getAnimatableNone:Vy},H2=(e,t)=>n=>`${n>0?t:e}`;function $2(e,t){return typeof e=="number"?n=>Z(e,t,n):Se.test(e)?I2(e,t):e.startsWith("var(")?H2(e,t):W2(e,t)}const b2=(e,t)=>{const n=[...e],r=n.length,i=e.map((s,o)=>$2(s,t[o]));return s=>{for(let o=0;o{const n={...e,...t},r={};for(const i in n)e[i]!==void 0&&t[i]!==void 0&&(r[i]=$2(e[i],t[i]));return i=>{for(const s in r)n[s]=r[s](i);return n}},W2=(e,t)=>{const n=nn.createTransformer(t),r=Gs(e),i=Gs(t);return r.numVars===i.numVars&&r.numColors===i.numColors&&r.numNumbers>=i.numNumbers?Jt(b2(r.values,i.values),n):H2(e,t)},pr=(e,t,n)=>{const r=t-e;return r===0?1:(n-e)/r},Ef=(e,t)=>n=>Z(e,t,n);function Ny(e){return typeof e=="number"?Ef:typeof e=="string"?Se.test(e)?I2:W2:Array.isArray(e)?b2:typeof e=="object"?Ry:Ef}function Ay(e,t,n){const r=[],i=n||Ny(e[0]),s=e.length-1;for(let o=0;ot[0];e[0]>e[s-1]&&(e=[...e].reverse(),t=[...t].reverse());const o=Ay(t,r,i),l=o.length,a=u=>{let c=0;if(l>1)for(;ca(tn(e[0],e[s-1],u)):a}function Dy(e,t){const n=e[e.length-1];for(let r=1;r<=t;r++){const i=pr(0,t,r);e.push(Z(n,1,i))}}function G2(e){const t=[0];return Dy(t,e.length-1),t}function _y(e,t){return e.map(n=>n*t)}function Iy(e,t){return e.map(()=>t||V2).splice(0,e.length-1)}function Zs({duration:e=300,keyframes:t,times:n,ease:r="easeInOut"}){const i=yy(r)?r.map(Pf):Pf(r),s={done:!1,value:t[0]},o=_y(n&&n.length===t.length?n:G2(t),e),l=jo(o,t,{ease:Array.isArray(i)?i:Iy(t,i)});return{calculatedDuration:e,next:a=>(s.value=l(a),s.done=a>=e,s)}}function zu(e,t){return t?e*(1e3/t):0}const Fy=5;function Z2(e,t,n){const r=Math.max(t-Fy,0);return zu(n-e(r),t-r)}const fl=.001,Oy=.01,By=10,zy=.05,Uy=1;function Hy({duration:e=800,bounce:t=.25,velocity:n=0,mass:r=1}){let i,s,o=1-t;o=tn(zy,Uy,o),e=tn(Oy,By,pt(e)),o<1?(i=u=>{const c=u*o,f=c*e,d=c-n,g=ya(u,o),x=Math.exp(-f);return fl-d/g*x},s=u=>{const f=u*o*e,d=f*n+n,g=Math.pow(o,2)*Math.pow(u,2)*e,x=Math.exp(-f),y=ya(Math.pow(u,2),o);return(-i(u)+fl>0?-1:1)*((d-g)*x)/y}):(i=u=>{const c=Math.exp(-u*e),f=(u-n)*e+1;return-fl+c*f},s=u=>{const c=Math.exp(-u*e),f=(n-u)*(e*e);return c*f});const l=5/e,a=by(i,s,l);if(e=kn(e),isNaN(a))return{stiffness:100,damping:10,duration:e};{const u=Math.pow(a,2)*r;return{stiffness:u,damping:o*2*Math.sqrt(r*u),duration:e}}}const $y=12;function by(e,t,n){let r=n;for(let i=1;i<$y;i++)r=r-e(r)/t(r);return r}function ya(e,t){return e*Math.sqrt(1-t*t)}const Wy=["duration","bounce"],Gy=["stiffness","damping","mass"];function jf(e,t){return t.some(n=>e[n]!==void 0)}function Zy(e){let t={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...e};if(!jf(e,Gy)&&jf(e,Wy)){const n=Hy(e);t={...t,...n,mass:1},t.isResolvedFromDuration=!0}return t}function K2({keyframes:e,restDelta:t,restSpeed:n,...r}){const i=e[0],s=e[e.length-1],o={done:!1,value:i},{stiffness:l,damping:a,mass:u,duration:c,velocity:f,isResolvedFromDuration:d}=Zy({...r,velocity:-pt(r.velocity||0)}),g=f||0,x=a/(2*Math.sqrt(l*u)),y=s-i,S=pt(Math.sqrt(l/u)),v=Math.abs(y)<5;n||(n=v?.01:2),t||(t=v?.005:.5);let h;if(x<1){const m=ya(S,x);h=C=>{const k=Math.exp(-x*S*C);return s-k*((g+x*S*y)/m*Math.sin(m*C)+y*Math.cos(m*C))}}else if(x===1)h=m=>s-Math.exp(-S*m)*(y+(g+S*y)*m);else{const m=S*Math.sqrt(x*x-1);h=C=>{const k=Math.exp(-x*S*C),j=Math.min(m*C,300);return s-k*((g+x*S*y)*Math.sinh(j)+m*y*Math.cosh(j))/m}}return{calculatedDuration:d&&c||null,next:m=>{const C=h(m);if(d)o.done=m>=c;else{let k=g;m!==0&&(x<1?k=Z2(h,m,C):k=0);const j=Math.abs(k)<=n,E=Math.abs(s-C)<=t;o.done=j&&E}return o.value=o.done?s:C,o}}}function Lf({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:i=10,bounceStiffness:s=500,modifyTarget:o,min:l,max:a,restDelta:u=.5,restSpeed:c}){const f=e[0],d={done:!1,value:f},g=T=>l!==void 0&&Ta,x=T=>l===void 0?a:a===void 0||Math.abs(l-T)-y*Math.exp(-T/r),m=T=>v+h(T),C=T=>{const D=h(T),N=m(T);d.done=Math.abs(D)<=u,d.value=d.done?v:N};let k,j;const E=T=>{g(d.value)&&(k=T,j=K2({keyframes:[d.value,x(d.value)],velocity:Z2(m,T,d.value),damping:i,stiffness:s,restDelta:u,restSpeed:c}))};return E(0),{calculatedDuration:null,next:T=>{let D=!1;return!j&&k===void 0&&(D=!0,C(T),E(T)),k!==void 0&&T>k?j.next(T-k):(!D&&C(T),d)}}}const Ky=e=>{const t=({timestamp:n})=>e(n);return{start:()=>B.update(t,!0),stop:()=>st(t),now:()=>re.isProcessing?re.timestamp:performance.now()}},Mf=2e4;function Vf(e){let t=0;const n=50;let r=e.next(t);for(;!r.done&&t=Mf?1/0:t}const Qy={decay:Lf,inertia:Lf,tween:Zs,keyframes:Zs,spring:K2};function yi({autoplay:e=!0,delay:t=0,driver:n=Ky,keyframes:r,type:i="keyframes",repeat:s=0,repeatDelay:o=0,repeatType:l="loop",onPlay:a,onStop:u,onComplete:c,onUpdate:f,...d}){let g=1,x=!1,y,S;const v=()=>{S=new Promise(A=>{y=A})};v();let h;const m=Qy[i]||Zs;let C;m!==Zs&&typeof r[0]!="number"&&(C=jo([0,100],r,{clamp:!1}),r=[0,100]);const k=m({...d,keyframes:r});let j;l==="mirror"&&(j=m({...d,keyframes:[...r].reverse(),velocity:-(d.velocity||0)}));let E="idle",T=null,D=null,N=null;k.calculatedDuration===null&&s&&(k.calculatedDuration=Vf(k));const{calculatedDuration:oe}=k;let ce=1/0,Ce=1/0;oe!==null&&(ce=oe+o,Ce=ce*(s+1)-o);let le=0;const Mt=A=>{if(D===null)return;g>0&&(D=Math.min(D,A)),g<0&&(D=Math.min(A-Ce/g,D)),T!==null?le=T:le=Math.round(A-D)*g;const b=le-t*(g>=0?1:-1),an=g>=0?b<0:b>Ce;le=Math.max(b,0),E==="finished"&&T===null&&(le=Ce);let ot=le,Dn=k;if(s){const Vo=Math.min(le,Ce)/ce;let Vi=Math.floor(Vo),cn=Vo%1;!cn&&Vo>=1&&(cn=1),cn===1&&Vi--,Vi=Math.min(Vi,s+1),!!(Vi%2)&&(l==="reverse"?(cn=1-cn,o&&(cn-=o/ce)):l==="mirror"&&(Dn=j)),ot=tn(0,1,cn)*ce}const Ae=an?{done:!1,value:r[0]}:Dn.next(ot);C&&(Ae.value=C(Ae.value));let{done:un}=Ae;!an&&oe!==null&&(un=g>=0?le>=Ce:le<=0);const _p=T===null&&(E==="finished"||E==="running"&&un);return f&&f(Ae.value),_p&&L(),Ae},J=()=>{h&&h.stop(),h=void 0},Ue=()=>{E="idle",J(),y(),v(),D=N=null},L=()=>{E="finished",c&&c(),J(),y()},R=()=>{if(x)return;h||(h=n(Mt));const A=h.now();a&&a(),T!==null?D=A-T:(!D||E==="finished")&&(D=A),E==="finished"&&v(),N=D,T=null,E="running",h.start()};e&&R();const I={then(A,b){return S.then(A,b)},get time(){return pt(le)},set time(A){A=kn(A),le=A,T!==null||!h||g===0?T=A:D=h.now()-A/g},get duration(){const A=k.calculatedDuration===null?Vf(k):k.calculatedDuration;return pt(A)},get speed(){return g},set speed(A){A===g||!h||(g=A,I.time=pt(le))},get state(){return E},play:R,pause:()=>{E="paused",T=le},stop:()=>{x=!0,E!=="idle"&&(E="idle",u&&u(),Ue())},cancel:()=>{N!==null&&Mt(N),Ue()},complete:()=>{E="finished"},sample:A=>(D=0,Mt(A))};return I}function Yy(e){let t;return()=>(t===void 0&&(t=e()),t)}const Xy=Yy(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),Jy=new Set(["opacity","clipPath","filter","transform","backgroundColor"]),Yi=10,qy=2e4,e3=(e,t)=>t.type==="spring"||e==="backgroundColor"||!E2(t.ease);function t3(e,t,{onUpdate:n,onComplete:r,...i}){if(!(Xy()&&Jy.has(t)&&!i.repeatDelay&&i.repeatType!=="mirror"&&i.damping!==0&&i.type!=="inertia"))return!1;let o=!1,l,a,u=!1;const c=()=>{a=new Promise(m=>{l=m})};c();let{keyframes:f,duration:d=300,ease:g,times:x}=i;if(e3(t,i)){const m=yi({...i,repeat:0,delay:0});let C={done:!1,value:f[0]};const k=[];let j=0;for(;!C.done&&j{u=!1,y.cancel()},v=()=>{u=!0,B.update(S),l(),c()};return y.onfinish=()=>{u||(e.set(dy(f,i)),r&&r(),v())},{then(m,C){return a.then(m,C)},attachTimeline(m){return y.timeline=m,y.onfinish=null,X},get time(){return pt(y.currentTime||0)},set time(m){y.currentTime=kn(m)},get speed(){return y.playbackRate},set speed(m){y.playbackRate=m},get duration(){return pt(d)},play:()=>{o||(y.play(),st(S))},pause:()=>y.pause(),stop:()=>{if(o=!0,y.playState==="idle")return;const{currentTime:m}=y;if(m){const C=yi({...i,autoplay:!1});e.setWithVelocity(C.sample(m-Yi).value,C.sample(m).value,Yi)}v()},complete:()=>{u||y.finish()},cancel:v}}function n3({keyframes:e,delay:t,onUpdate:n,onComplete:r}){const i=()=>(n&&n(e[e.length-1]),r&&r(),{time:0,speed:1,duration:0,play:X,pause:X,stop:X,then:s=>(s(),Promise.resolve()),cancel:X,complete:X});return t?yi({keyframes:[0,1],duration:0,delay:t,onComplete:i}):i()}const r3={type:"spring",stiffness:500,damping:25,restSpeed:10},i3=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),s3={type:"keyframes",duration:.8},o3={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},l3=(e,{keyframes:t})=>t.length>2?s3:Nn.has(e)?e.startsWith("scale")?i3(t[1]):r3:o3,xa=(e,t)=>e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&(nn.test(t)||t==="0")&&!t.startsWith("url(")),a3=new Set(["brightness","contrast","saturate","opacity"]);function u3(e){const[t,n]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[r]=n.match(So)||[];if(!r)return e;const i=n.replace(r,"");let s=a3.has(t)?1:0;return r!==n&&(s*=100),t+"("+s+i+")"}const c3=/([a-z-]*)\(.*?\)/g,wa={...nn,getAnimatableNone:e=>{const t=e.match(c3);return t?t.map(u3).join(" "):e}},f3={...c2,color:Se,backgroundColor:Se,outlineColor:Se,fill:Se,stroke:Se,borderColor:Se,borderTopColor:Se,borderRightColor:Se,borderBottomColor:Se,borderLeftColor:Se,filter:wa,WebkitFilter:wa},Uu=e=>f3[e];function Q2(e,t){let n=Uu(e);return n!==wa&&(n=nn),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const Y2=e=>/^0[^.\s]+$/.test(e);function d3(e){if(typeof e=="number")return e===0;if(e!==null)return e==="none"||e==="0"||Y2(e)}function h3(e,t,n,r){const i=xa(t,n);let s;Array.isArray(n)?s=[...n]:s=[null,n];const o=r.from!==void 0?r.from:e.get();let l;const a=[];for(let u=0;ui=>{const s=Hu(r,e)||{},o=s.delay||r.delay||0;let{elapsed:l=0}=r;l=l-kn(o);const a=h3(t,e,n,s),u=a[0],c=a[a.length-1],f=xa(e,u),d=xa(e,c);let g={keyframes:a,velocity:t.getVelocity(),ease:"easeOut",...s,delay:-l,onUpdate:x=>{t.set(x),s.onUpdate&&s.onUpdate(x)},onComplete:()=>{i(),s.onComplete&&s.onComplete()}};if(p3(s)||(g={...g,...l3(e,g)}),g.duration&&(g.duration=kn(g.duration)),g.repeatDelay&&(g.repeatDelay=kn(g.repeatDelay)),!f||!d||cy.current||s.type===!1||m3.skipAnimations)return n3(g);if(!r.isHandoff&&t.owner&&t.owner.current instanceof HTMLElement&&!t.owner.getProps().onUpdate){const x=t3(t,e,g);if(x)return x}return yi(g)};function Ks(e){return!!(we(e)&&e.add)}const X2=e=>/^\-?\d*\.?\d+$/.test(e);function bu(e,t){e.indexOf(t)===-1&&e.push(t)}function Wu(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}class Gu{constructor(){this.subscriptions=[]}add(t){return bu(this.subscriptions,t),()=>Wu(this.subscriptions,t)}notify(t,n,r){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](t,n,r);else for(let s=0;s!isNaN(parseFloat(e)),Zr={current:void 0};class v3{constructor(t,n={}){this.version="10.17.12",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(r,i=!0)=>{this.prev=this.current,this.current=r;const{delta:s,timestamp:o}=re;this.lastUpdated!==o&&(this.timeDelta=s,this.lastUpdated=o,B.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),i&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>B.postRender(this.velocityCheck),this.velocityCheck=({timestamp:r})=>{r!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=g3(this.current),this.owner=n.owner}onChange(t){return this.on("change",t)}on(t,n){this.events[t]||(this.events[t]=new Gu);const r=this.events[t].add(n);return t==="change"?()=>{r(),B.read(()=>{this.events.change.getSize()||this.stop()})}:r}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,n){this.passiveEffect=t,this.stopPassiveEffect=n}set(t,n=!0){!n||!this.passiveEffect?this.updateAndNotify(t,n):this.passiveEffect(t,this.updateAndNotify)}setWithVelocity(t,n,r){this.set(n),this.prev=t,this.timeDelta=r}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return Zr.current&&Zr.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?zu(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=t(n),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.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function tt(e,t){return new v3(e,t)}const J2=e=>t=>t.test(e),y3={test:e=>e==="auto",parse:e=>e},q2=[An,V,ht,Rt,Tv,Pv,y3],Lr=e=>q2.find(J2(e)),x3=[...q2,Se,nn],w3=e=>x3.find(J2(e));function C3(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,tt(n))}function S3(e,t){const n=To(e,t);let{transitionEnd:r={},transition:i={},...s}=n?e.makeTargetAnimatable(n,!1):{};s={...s,...r};for(const o in s){const l=Bv(s[o]);C3(e,o,l)}}function k3(e,t,n){var r,i;const s=Object.keys(t).filter(l=>!e.hasValue(l)),o=s.length;if(o)for(let l=0;la.remove(f))),u.push(S)}return o&&Promise.all(u).then(()=>{o&&S3(e,o)}),u}function Ca(e,t,n={}){const r=To(e,t,n.custom);let{transition:i=e.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(i=n.transitionOverride);const s=r?()=>Promise.all(ep(e,r,n)):()=>Promise.resolve(),o=e.variantChildren&&e.variantChildren.size?(a=0)=>{const{delayChildren:u=0,staggerChildren:c,staggerDirection:f}=i;return L3(e,t,u+a,c,f,n)}:()=>Promise.resolve(),{when:l}=i;if(l){const[a,u]=l==="beforeChildren"?[s,o]:[o,s];return a().then(()=>u())}else return Promise.all([s(),o(n.delay)])}function L3(e,t,n=0,r=0,i=1,s){const o=[],l=(e.variantChildren.size-1)*r,a=i===1?(u=0)=>u*r:(u=0)=>l-u*r;return Array.from(e.variantChildren).sort(M3).forEach((u,c)=>{u.notify("AnimationStart",t),o.push(Ca(u,t,{...s,delay:n+a(c)}).then(()=>u.notify("AnimationComplete",t)))}),Promise.all(o)}function M3(e,t){return e.sortNodePosition(t)}function V3(e,t,n={}){e.notify("AnimationStart",t);let r;if(Array.isArray(t)){const i=t.map(s=>Ca(e,s,n));r=Promise.all(i)}else if(typeof t=="string")r=Ca(e,t,n);else{const i=typeof t=="function"?To(e,t,n.custom):t;r=Promise.all(ep(e,i,n))}return r.then(()=>e.notify("AnimationComplete",t))}const R3=[...Lu].reverse(),N3=Lu.length;function A3(e){return t=>Promise.all(t.map(({animation:n,options:r})=>V3(e,n,r)))}function D3(e){let t=A3(e);const n=I3();let r=!0;const i=(a,u)=>{const c=To(e,u);if(c){const{transition:f,transitionEnd:d,...g}=c;a={...a,...g,...d}}return a};function s(a){t=a(e)}function o(a,u){const c=e.getProps(),f=e.getVariantContext(!0)||{},d=[],g=new Set;let x={},y=1/0;for(let v=0;vy&&k,N=!1;const oe=Array.isArray(C)?C:[C];let ce=oe.reduce(i,{});j===!1&&(ce={});const{prevResolvedValues:Ce={}}=m,le={...Ce,...ce},Mt=J=>{D=!0,g.has(J)&&(N=!0,g.delete(J)),m.needsAnimating[J]=!0};for(const J in le){const Ue=ce[J],L=Ce[J];if(x.hasOwnProperty(J))continue;let R=!1;Ws(Ue)&&Ws(L)?R=!P2(Ue,L):R=Ue!==L,R?Ue!==void 0?Mt(J):g.add(J):Ue!==void 0&&g.has(J)?Mt(J):m.protectedKeys[J]=!0}m.prevProp=C,m.prevResolvedValues=ce,m.isActive&&(x={...x,...ce}),r&&e.blockInitialAnimation&&(D=!1),D&&(!E||N)&&d.push(...oe.map(J=>({animation:J,options:{type:h,...a}})))}if(g.size){const v={};g.forEach(h=>{const m=e.getBaseTarget(h);m!==void 0&&(v[h]=m)}),d.push({animation:v})}let S=!!d.length;return r&&(c.initial===!1||c.initial===c.animate)&&!e.manuallyAnimateOnMount&&(S=!1),r=!1,S?t(d):Promise.resolve()}function l(a,u,c){var f;if(n[a].isActive===u)return Promise.resolve();(f=e.variantChildren)===null||f===void 0||f.forEach(g=>{var x;return(x=g.animationState)===null||x===void 0?void 0:x.setActive(a,u)}),n[a].isActive=u;const d=o(c,a);for(const g in n)n[g].protectedKeys={};return d}return{animateChanges:o,setActive:l,setAnimateFunction:s,getState:()=>n}}function _3(e,t){return typeof t=="string"?t!==e:Array.isArray(t)?!P2(t,e):!1}function fn(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function I3(){return{animate:fn(!0),whileInView:fn(),whileHover:fn(),whileTap:fn(),whileDrag:fn(),whileFocus:fn(),exit:fn()}}class F3 extends ln{constructor(t){super(t),t.animationState||(t.animationState=D3(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();this.unmount(),wo(t)&&(this.unmount=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){}}let O3=0;class B3 extends ln{constructor(){super(...arguments),this.id=O3++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n,custom:r}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===i)return;const s=this.node.animationState.setActive("exit",!t,{custom:r??this.node.getProps().custom});n&&!t&&s.then(()=>n(this.id))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}const z3={animation:{Feature:F3},exit:{Feature:B3}},Rf=(e,t)=>Math.abs(e-t);function U3(e,t){const n=Rf(e.x,t.x),r=Rf(e.y,t.y);return Math.sqrt(n**2+r**2)}class tp{constructor(t,n,{transformPagePoint:r,contextWindow:i,dragSnapToOrigin:s=!1}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const f=hl(this.lastMoveEventInfo,this.history),d=this.startEvent!==null,g=U3(f.offset,{x:0,y:0})>=3;if(!d&&!g)return;const{point:x}=f,{timestamp:y}=re;this.history.push({...x,timestamp:y});const{onStart:S,onMove:v}=this.handlers;d||(S&&S(this.lastMoveEvent,f),this.startEvent=this.lastMoveEvent),v&&v(this.lastMoveEvent,f)},this.handlePointerMove=(f,d)=>{this.lastMoveEvent=f,this.lastMoveEventInfo=dl(d,this.transformPagePoint),B.update(this.updatePoint,!0)},this.handlePointerUp=(f,d)=>{this.end();const{onEnd:g,onSessionEnd:x,resumeAnimation:y}=this.handlers;if(this.dragSnapToOrigin&&y&&y(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const S=hl(f.type==="pointercancel"?this.lastMoveEventInfo:dl(d,this.transformPagePoint),this.history);this.startEvent&&g&&g(f,S),x&&x(f,S)},!x2(t))return;this.dragSnapToOrigin=s,this.handlers=n,this.transformPagePoint=r,this.contextWindow=i||window;const o=Po(t),l=dl(o,this.transformPagePoint),{point:a}=l,{timestamp:u}=re;this.history=[{...a,timestamp:u}];const{onSessionStart:c}=n;c&&c(t,hl(l,this.history)),this.removeListeners=Jt(Ct(this.contextWindow,"pointermove",this.handlePointerMove),Ct(this.contextWindow,"pointerup",this.handlePointerUp),Ct(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),st(this.updatePoint)}}function dl(e,t){return t?{point:t(e.point)}:e}function Nf(e,t){return{x:e.x-t.x,y:e.y-t.y}}function hl({point:e},t){return{point:e,delta:Nf(e,np(t)),offset:Nf(e,H3(t)),velocity:$3(t,.1)}}function H3(e){return e[0]}function np(e){return e[e.length-1]}function $3(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,r=null;const i=np(e);for(;n>=0&&(r=e[n],!(i.timestamp-r.timestamp>kn(t)));)n--;if(!r)return{x:0,y:0};const s=pt(i.timestamp-r.timestamp);if(s===0)return{x:0,y:0};const o={x:(i.x-r.x)/s,y:(i.y-r.y)/s};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function Oe(e){return e.max-e.min}function Sa(e,t=0,n=.01){return Math.abs(e-t)<=n}function Af(e,t,n,r=.5){e.origin=r,e.originPoint=Z(t.min,t.max,e.origin),e.scale=Oe(n)/Oe(t),(Sa(e.scale,1,1e-4)||isNaN(e.scale))&&(e.scale=1),e.translate=Z(n.min,n.max,e.origin)-e.originPoint,(Sa(e.translate)||isNaN(e.translate))&&(e.translate=0)}function Kr(e,t,n,r){Af(e.x,t.x,n.x,r?r.originX:void 0),Af(e.y,t.y,n.y,r?r.originY:void 0)}function Df(e,t,n){e.min=n.min+t.min,e.max=e.min+Oe(t)}function b3(e,t,n){Df(e.x,t.x,n.x),Df(e.y,t.y,n.y)}function _f(e,t,n){e.min=t.min-n.min,e.max=e.min+Oe(t)}function Qr(e,t,n){_f(e.x,t.x,n.x),_f(e.y,t.y,n.y)}function W3(e,{min:t,max:n},r){return t!==void 0&&en&&(e=r?Z(n,e,r.max):Math.min(e,n)),e}function If(e,t,n){return{min:t!==void 0?e.min+t:void 0,max:n!==void 0?e.max+n-(e.max-e.min):void 0}}function G3(e,{top:t,left:n,bottom:r,right:i}){return{x:If(e.x,n,i),y:If(e.y,t,r)}}function Ff(e,t){let n=t.min-e.min,r=t.max-e.max;return t.max-t.minr?n=pr(t.min,t.max-r,e.min):r>i&&(n=pr(e.min,e.max-i,t.min)),tn(0,1,n)}function Q3(e,t){const n={};return t.min!==void 0&&(n.min=t.min-e.min),t.max!==void 0&&(n.max=t.max-e.min),n}const ka=.35;function Y3(e=ka){return e===!1?e=0:e===!0&&(e=ka),{x:Of(e,"left","right"),y:Of(e,"top","bottom")}}function Of(e,t,n){return{min:Bf(e,t),max:Bf(e,n)}}function Bf(e,t){return typeof e=="number"?e:e[t]||0}const zf=()=>({translate:0,scale:1,origin:0,originPoint:0}),Xn=()=>({x:zf(),y:zf()}),Uf=()=>({min:0,max:0}),ee=()=>({x:Uf(),y:Uf()});function $e(e){return[e("x"),e("y")]}function rp({top:e,left:t,right:n,bottom:r}){return{x:{min:t,max:n},y:{min:e,max:r}}}function X3({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}function J3(e,t){if(!t)return e;const n=t({x:e.left,y:e.top}),r=t({x:e.right,y:e.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}function pl(e){return e===void 0||e===1}function Pa({scale:e,scaleX:t,scaleY:n}){return!pl(e)||!pl(t)||!pl(n)}function pn(e){return Pa(e)||ip(e)||e.z||e.rotate||e.rotateX||e.rotateY}function ip(e){return Hf(e.x)||Hf(e.y)}function Hf(e){return e&&e!=="0%"}function Qs(e,t,n){const r=e-n,i=t*r;return n+i}function $f(e,t,n,r,i){return i!==void 0&&(e=Qs(e,i,r)),Qs(e,n,r)+t}function Ta(e,t=0,n=1,r,i){e.min=$f(e.min,t,n,r,i),e.max=$f(e.max,t,n,r,i)}function sp(e,{x:t,y:n}){Ta(e.x,t.translate,t.scale,t.originPoint),Ta(e.y,n.translate,n.scale,n.originPoint)}function q3(e,t,n,r=!1){const i=n.length;if(!i)return;t.x=t.y=1;let s,o;for(let l=0;l1.0000000000001||e<.999999999999?e:1}function _t(e,t){e.min=e.min+t,e.max=e.max+t}function Wf(e,t,[n,r,i]){const s=t[i]!==void 0?t[i]:.5,o=Z(e.min,e.max,s);Ta(e,t[n],t[r],o,t.scale)}const e5=["x","scaleX","originX"],t5=["y","scaleY","originY"];function Jn(e,t){Wf(e.x,t,e5),Wf(e.y,t,t5)}function op(e,t){return rp(J3(e.getBoundingClientRect(),t))}function n5(e,t,n){const r=op(e,n),{scroll:i}=t;return i&&(_t(r.x,i.offset.x),_t(r.y,i.offset.y)),r}const lp=({current:e})=>e?e.ownerDocument.defaultView:null,r5=new WeakMap;class i5{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=ee(),this.visualElement=t}start(t,{snapToCursor:n=!1}={}){const{presenceContext:r}=this.visualElement;if(r&&r.isPresent===!1)return;const i=c=>{const{dragSnapToOrigin:f}=this.getProps();f?this.pauseAnimation():this.stopAnimation(),n&&this.snapToCursor(Po(c,"page").point)},s=(c,f)=>{const{drag:d,dragPropagation:g,onDragStart:x}=this.getProps();if(d&&!g&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=C2(d),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),$e(S=>{let v=this.getAxisMotionValue(S).get()||0;if(ht.test(v)){const{projection:h}=this.visualElement;if(h&&h.layout){const m=h.layout.layoutBox[S];m&&(v=Oe(m)*(parseFloat(v)/100))}}this.originPoint[S]=v}),x&&B.update(()=>x(c,f),!1,!0);const{animationState:y}=this.visualElement;y&&y.setActive("whileDrag",!0)},o=(c,f)=>{const{dragPropagation:d,dragDirectionLock:g,onDirectionLock:x,onDrag:y}=this.getProps();if(!d&&!this.openGlobalLock)return;const{offset:S}=f;if(g&&this.currentDirection===null){this.currentDirection=s5(S),this.currentDirection!==null&&x&&x(this.currentDirection);return}this.updateAxis("x",f.point,S),this.updateAxis("y",f.point,S),this.visualElement.render(),y&&y(c,f)},l=(c,f)=>this.stop(c,f),a=()=>$e(c=>{var f;return this.getAnimationState(c)==="paused"&&((f=this.getAxisMotionValue(c).animation)===null||f===void 0?void 0:f.play())}),{dragSnapToOrigin:u}=this.getProps();this.panSession=new tp(t,{onSessionStart:i,onStart:s,onMove:o,onSessionEnd:l,resumeAnimation:a},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,contextWindow:lp(this.visualElement)})}stop(t,n){const r=this.isDragging;if(this.cancel(),!r)return;const{velocity:i}=n;this.startAnimation(i);const{onDragEnd:s}=this.getProps();s&&B.update(()=>s(t,n))}cancel(){this.isDragging=!1;const{projection:t,animationState:n}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:r}=this.getProps();!r&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),n&&n.setActive("whileDrag",!1)}updateAxis(t,n,r){const{drag:i}=this.getProps();if(!r||!Xi(t,i,this.currentDirection))return;const s=this.getAxisMotionValue(t);let o=this.originPoint[t]+r[t];this.constraints&&this.constraints[t]&&(o=W3(o,this.constraints[t],this.elastic[t])),s.set(o)}resolveConstraints(){var t;const{dragConstraints:n,dragElastic:r}=this.getProps(),i=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(t=this.visualElement.projection)===null||t===void 0?void 0:t.layout,s=this.constraints;n&&Qn(n)?this.constraints||(this.constraints=this.resolveRefConstraints()):n&&i?this.constraints=G3(i.layoutBox,n):this.constraints=!1,this.elastic=Y3(r),s!==this.constraints&&i&&this.constraints&&!this.hasMutatedConstraints&&$e(o=>{this.getAxisMotionValue(o)&&(this.constraints[o]=Q3(i.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:n}=this.getProps();if(!t||!Qn(t))return!1;const r=t.current,{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const s=n5(r,i.root,this.visualElement.getTransformPagePoint());let o=Z3(i.layout.layoutBox,s);if(n){const l=n(X3(o));this.hasMutatedConstraints=!!l,l&&(o=rp(l))}return o}startAnimation(t){const{drag:n,dragMomentum:r,dragElastic:i,dragTransition:s,dragSnapToOrigin:o,onDragTransitionEnd:l}=this.getProps(),a=this.constraints||{},u=$e(c=>{if(!Xi(c,n,this.currentDirection))return;let f=a&&a[c]||{};o&&(f={min:0,max:0});const d=i?200:1e6,g=i?40:1e7,x={type:"inertia",velocity:r?t[c]:0,bounceStiffness:d,bounceDamping:g,timeConstant:750,restDelta:1,restSpeed:10,...s,...f};return this.startAxisValueAnimation(c,x)});return Promise.all(u).then(l)}startAxisValueAnimation(t,n){const r=this.getAxisMotionValue(t);return r.start($u(t,r,0,n))}stopAnimation(){$e(t=>this.getAxisMotionValue(t).stop())}pauseAnimation(){$e(t=>{var n;return(n=this.getAxisMotionValue(t).animation)===null||n===void 0?void 0:n.pause()})}getAnimationState(t){var n;return(n=this.getAxisMotionValue(t).animation)===null||n===void 0?void 0:n.state}getAxisMotionValue(t){const n="_drag"+t.toUpperCase(),r=this.visualElement.getProps(),i=r[n];return i||this.visualElement.getValue(t,(r.initial?r.initial[t]:void 0)||0)}snapToCursor(t){$e(n=>{const{drag:r}=this.getProps();if(!Xi(n,r,this.currentDirection))return;const{projection:i}=this.visualElement,s=this.getAxisMotionValue(n);if(i&&i.layout){const{min:o,max:l}=i.layout.layoutBox[n];s.set(t[n]-Z(o,l,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:n}=this.getProps(),{projection:r}=this.visualElement;if(!Qn(n)||!r||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};$e(o=>{const l=this.getAxisMotionValue(o);if(l){const a=l.get();i[o]=K3({min:a,max:a},this.constraints[o])}});const{transformTemplate:s}=this.visualElement.getProps();this.visualElement.current.style.transform=s?s({},""):"none",r.root&&r.root.updateScroll(),r.updateLayout(),this.resolveConstraints(),$e(o=>{if(!Xi(o,t,null))return;const l=this.getAxisMotionValue(o),{min:a,max:u}=this.constraints[o];l.set(Z(a,u,i[o]))})}addListeners(){if(!this.visualElement.current)return;r5.set(this.visualElement,this);const t=this.visualElement.current,n=Ct(t,"pointerdown",a=>{const{drag:u,dragListener:c=!0}=this.getProps();u&&c&&this.start(a)}),r=()=>{const{dragConstraints:a}=this.getProps();Qn(a)&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,s=i.addEventListener("measure",r);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),r();const o=xt(window,"resize",()=>this.scalePositionWithinConstraints()),l=i.addEventListener("didUpdate",({delta:a,hasLayoutChanged:u})=>{this.isDragging&&u&&($e(c=>{const f=this.getAxisMotionValue(c);f&&(this.originPoint[c]+=a[c].translate,f.set(f.get()+a[c].translate))}),this.visualElement.render())});return()=>{o(),n(),s(),l&&l()}}getProps(){const t=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:r=!1,dragPropagation:i=!1,dragConstraints:s=!1,dragElastic:o=ka,dragMomentum:l=!0}=t;return{...t,drag:n,dragDirectionLock:r,dragPropagation:i,dragConstraints:s,dragElastic:o,dragMomentum:l}}}function Xi(e,t,n){return(t===!0||t===e)&&(n===null||n===e)}function s5(e,t=10){let n=null;return Math.abs(e.y)>t?n="y":Math.abs(e.x)>t&&(n="x"),n}class o5 extends ln{constructor(t){super(t),this.removeGroupControls=X,this.removeListeners=X,this.controls=new i5(t)}mount(){const{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||X}unmount(){this.removeGroupControls(),this.removeListeners()}}const Gf=e=>(t,n)=>{e&&B.update(()=>e(t,n))};class l5 extends ln{constructor(){super(...arguments),this.removePointerDownListener=X}onPointerDown(t){this.session=new tp(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:lp(this.node)})}createPanHandlers(){const{onPanSessionStart:t,onPanStart:n,onPan:r,onPanEnd:i}=this.node.getProps();return{onSessionStart:Gf(t),onStart:Gf(n),onMove:r,onEnd:(s,o)=>{delete this.session,i&&B.update(()=>i(s,o))}}}mount(){this.removePointerDownListener=Ct(this.node.current,"pointerdown",t=>this.onPointerDown(t))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}function a5(){const e=w.useContext(Eu);if(e===null)return[!0,null];const{isPresent:t,onExitComplete:n,register:r}=e,i=w.useId();return w.useEffect(()=>r(i),[]),!t&&n?[!1,()=>n&&n(i)]:[!0]}const ms={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function Zf(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}const Mr={correct:(e,t)=>{if(!t.target)return e;if(typeof e=="string")if(V.test(e))e=parseFloat(e);else return e;const n=Zf(e,t.target.x),r=Zf(e,t.target.y);return`${n}% ${r}%`}},u5={correct:(e,{treeScale:t,projectionDelta:n})=>{const r=e,i=nn.parse(e);if(i.length>5)return r;const s=nn.createTransformer(e),o=typeof i[0]!="number"?1:0,l=n.x.scale*t.x,a=n.y.scale*t.y;i[0+o]/=l,i[1+o]/=a;const u=Z(l,a,.5);return typeof i[2+o]=="number"&&(i[2+o]/=u),typeof i[3+o]=="number"&&(i[3+o]/=u),s(i)}};class c5 extends Et.Component{componentDidMount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:r,layoutId:i}=this.props,{projection:s}=t;vv(f5),s&&(n.group&&n.group.add(s),r&&r.register&&i&&r.register(s),s.root.didUpdate(),s.addEventListener("animationComplete",()=>{this.safeToRemove()}),s.setOptions({...s.options,onExitComplete:()=>this.safeToRemove()})),ms.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:n,visualElement:r,drag:i,isPresent:s}=this.props,o=r.projection;return o&&(o.isPresent=s,i||t.layoutDependency!==n||n===void 0?o.willUpdate():this.safeToRemove(),t.isPresent!==s&&(s?o.promote():o.relegate()||B.postRender(()=>{const l=o.getStack();(!l||!l.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),queueMicrotask(()=>{!t.currentAnimation&&t.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:r}=this.props,{projection:i}=t;i&&(i.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(i),r&&r.deregister&&r.deregister(i))}safeToRemove(){const{safeToRemove:t}=this.props;t&&t()}render(){return null}}function ap(e){const[t,n]=a5(),r=w.useContext(i2);return Et.createElement(c5,{...e,layoutGroup:r,switchLayoutGroup:w.useContext(s2),isPresent:t,safeToRemove:n})}const f5={borderRadius:{...Mr,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Mr,borderTopRightRadius:Mr,borderBottomLeftRadius:Mr,borderBottomRightRadius:Mr,boxShadow:u5},up=["TopLeft","TopRight","BottomLeft","BottomRight"],d5=up.length,Kf=e=>typeof e=="string"?parseFloat(e):e,Qf=e=>typeof e=="number"||V.test(e);function h5(e,t,n,r,i,s){i?(e.opacity=Z(0,n.opacity!==void 0?n.opacity:1,p5(r)),e.opacityExit=Z(t.opacity!==void 0?t.opacity:1,0,m5(r))):s&&(e.opacity=Z(t.opacity!==void 0?t.opacity:1,n.opacity!==void 0?n.opacity:1,r));for(let o=0;ort?1:n(pr(e,t,r))}function Xf(e,t){e.min=t.min,e.max=t.max}function He(e,t){Xf(e.x,t.x),Xf(e.y,t.y)}function Jf(e,t,n,r,i){return e-=t,e=Qs(e,1/n,r),i!==void 0&&(e=Qs(e,1/i,r)),e}function g5(e,t=0,n=1,r=.5,i,s=e,o=e){if(ht.test(t)&&(t=parseFloat(t),t=Z(o.min,o.max,t/100)-o.min),typeof t!="number")return;let l=Z(s.min,s.max,r);e===s&&(l-=t),e.min=Jf(e.min,t,n,l,i),e.max=Jf(e.max,t,n,l,i)}function qf(e,t,[n,r,i],s,o){g5(e,t[n],t[r],t[i],t.scale,s,o)}const v5=["x","scaleX","originX"],y5=["y","scaleY","originY"];function e0(e,t,n,r){qf(e.x,t,v5,n?n.x:void 0,r?r.x:void 0),qf(e.y,t,y5,n?n.y:void 0,r?r.y:void 0)}function t0(e){return e.translate===0&&e.scale===1}function fp(e){return t0(e.x)&&t0(e.y)}function x5(e,t){return e.x.min===t.x.min&&e.x.max===t.x.max&&e.y.min===t.y.min&&e.y.max===t.y.max}function dp(e,t){return Math.round(e.x.min)===Math.round(t.x.min)&&Math.round(e.x.max)===Math.round(t.x.max)&&Math.round(e.y.min)===Math.round(t.y.min)&&Math.round(e.y.max)===Math.round(t.y.max)}function n0(e){return Oe(e.x)/Oe(e.y)}class w5{constructor(){this.members=[]}add(t){bu(this.members,t),t.scheduleRender()}remove(t){if(Wu(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const n=this.members[this.members.length-1];n&&this.promote(n)}}relegate(t){const n=this.members.findIndex(i=>t===i);if(n===0)return!1;let r;for(let i=n;i>=0;i--){const s=this.members[i];if(s.isPresent!==!1){r=s;break}}return r?(this.promote(r),!0):!1}promote(t,n){const r=this.lead;if(t!==r&&(this.prevLead=r,this.lead=t,t.show(),r)){r.instance&&r.scheduleRender(),t.scheduleRender(),t.resumeFrom=r,n&&(t.resumeFrom.preserveOpacity=!0),r.snapshot&&(t.snapshot=r.snapshot,t.snapshot.latestValues=r.animationValues||r.latestValues),t.root&&t.root.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:i}=t.options;i===!1&&r.hide()}}exitAnimationComplete(){this.members.forEach(t=>{const{options:n,resumingFrom:r}=t;n.onExitComplete&&n.onExitComplete(),r&&r.options.onExitComplete&&r.options.onExitComplete()})}scheduleRender(){this.members.forEach(t=>{t.instance&&t.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function r0(e,t,n){let r="";const i=e.x.translate/t.x,s=e.y.translate/t.y;if((i||s)&&(r=`translate3d(${i}px, ${s}px, 0) `),(t.x!==1||t.y!==1)&&(r+=`scale(${1/t.x}, ${1/t.y}) `),n){const{rotate:a,rotateX:u,rotateY:c}=n;a&&(r+=`rotate(${a}deg) `),u&&(r+=`rotateX(${u}deg) `),c&&(r+=`rotateY(${c}deg) `)}const o=e.x.scale*t.x,l=e.y.scale*t.y;return(o!==1||l!==1)&&(r+=`scale(${o}, ${l})`),r||"none"}const C5=(e,t)=>e.depth-t.depth;class S5{constructor(){this.children=[],this.isDirty=!1}add(t){bu(this.children,t),this.isDirty=!0}remove(t){Wu(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(C5),this.isDirty=!1,this.children.forEach(t)}}function k5(e,t){const n=performance.now(),r=({timestamp:i})=>{const s=i-n;s>=t&&(st(r),e(s-t))};return B.read(r,!0),()=>st(r)}function P5(e){window.MotionDebug&&window.MotionDebug.record(e)}function T5(e){return e instanceof SVGElement&&e.tagName!=="svg"}function E5(e,t,n){const r=we(e)?e:tt(e);return r.start($u("",r,t,n)),r.animation}const i0=["","X","Y","Z"],j5={visibility:"hidden"},s0=1e3;let L5=0;const mn={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function hp({attachResizeListener:e,defaultParent:t,measureScroll:n,checkIsScrollRoot:r,resetTransform:i}){return class{constructor(o={},l=t==null?void 0:t()){this.id=L5++,this.animationId=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.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,mn.totalNodes=mn.resolvedTargetDeltas=mn.recalculatedProjection=0,this.nodes.forEach(R5),this.nodes.forEach(I5),this.nodes.forEach(F5),this.nodes.forEach(N5),P5(mn)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=o,this.root=l?l.root||l:this,this.path=l?[...l.path,l]:[],this.parent=l,this.depth=l?l.depth+1:0;for(let a=0;athis.root.updateBlockedByResize=!1;e(o,()=>{this.root.updateBlockedByResize=!0,f&&f(),f=k5(d,250),ms.hasAnimatedSinceResize&&(ms.hasAnimatedSinceResize=!1,this.nodes.forEach(l0))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&c&&(a||u)&&this.addEventListener("didUpdate",({delta:f,hasLayoutChanged:d,hasRelativeTargetChanged:g,layout:x})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const y=this.options.transition||c.getDefaultTransition()||H5,{onLayoutAnimationStart:S,onLayoutAnimationComplete:v}=c.getProps(),h=!this.targetLayout||!dp(this.targetLayout,x)||g,m=!d&&g;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||m||d&&(h||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(f,m);const C={...Hu(y,"layout"),onPlay:S,onComplete:v};(c.shouldReduceMotion||this.options.layoutRoot)&&(C.delay=0,C.type=!1),this.startAnimation(C)}else d||l0(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=x})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const o=this.getStack();o&&o.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,st(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(O5),this.animationId++)}getTransformTemplate(){const{visualElement:o}=this.options;return o&&o.getProps().transformTemplate}willUpdate(o=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let c=0;cthis.update()))}clearAllSnapshots(){this.nodes.forEach(A5),this.sharedNodes.forEach(B5)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,B.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){B.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure())}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let a=0;a{const k=C/1e3;a0(f.x,o.x,k),a0(f.y,o.y,k),this.setTargetDelta(f),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Qr(d,this.layout.layoutBox,this.relativeParent.layout.layoutBox),z5(this.relativeTarget,this.relativeTargetOrigin,d,k),m&&x5(this.relativeTarget,m)&&(this.isProjectionDirty=!1),m||(m=ee()),He(m,this.relativeTarget)),y&&(this.animationValues=c,h5(c,u,this.latestValues,k,h,v)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=k},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(o){this.notifyListeners("animationStart"),this.currentAnimation&&this.currentAnimation.stop(),this.resumingFrom&&this.resumingFrom.currentAnimation&&this.resumingFrom.currentAnimation.stop(),this.pendingAnimation&&(st(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=B.update(()=>{ms.hasAnimatedSinceResize=!0,this.currentAnimation=E5(0,s0,{...o,onUpdate:l=>{this.mixTargetDelta(l),o.onUpdate&&o.onUpdate(l)},onComplete:()=>{o.onComplete&&o.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const o=this.getStack();o&&o.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(s0),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const o=this.getLead();let{targetWithTransforms:l,target:a,layout:u,latestValues:c}=o;if(!(!l||!a||!u)){if(this!==o&&this.layout&&u&&pp(this.options.animationType,this.layout.layoutBox,u.layoutBox)){a=this.target||ee();const f=Oe(this.layout.layoutBox.x);a.x.min=o.target.x.min,a.x.max=a.x.min+f;const d=Oe(this.layout.layoutBox.y);a.y.min=o.target.y.min,a.y.max=a.y.min+d}He(l,a),Jn(l,c),Kr(this.projectionDeltaWithTransform,this.layoutCorrected,l,c)}}registerSharedNode(o,l){this.sharedNodes.has(o)||this.sharedNodes.set(o,new w5),this.sharedNodes.get(o).add(l);const u=l.options.initialPromotionConfig;l.promote({transition:u?u.transition:void 0,preserveFollowOpacity:u&&u.shouldPreserveFollowOpacity?u.shouldPreserveFollowOpacity(l):void 0})}isLead(){const o=this.getStack();return o?o.lead===this:!0}getLead(){var o;const{layoutId:l}=this.options;return l?((o=this.getStack())===null||o===void 0?void 0:o.lead)||this:this}getPrevLead(){var o;const{layoutId:l}=this.options;return l?(o=this.getStack())===null||o===void 0?void 0:o.prevLead:void 0}getStack(){const{layoutId:o}=this.options;if(o)return this.root.sharedNodes.get(o)}promote({needsReset:o,transition:l,preserveFollowOpacity:a}={}){const u=this.getStack();u&&u.promote(this,a),o&&(this.projectionDelta=void 0,this.needsReset=!0),l&&this.setOptions({transition:l})}relegate(){const o=this.getStack();return o?o.relegate(this):!1}resetRotation(){const{visualElement:o}=this.options;if(!o)return;let l=!1;const{latestValues:a}=o;if((a.rotate||a.rotateX||a.rotateY||a.rotateZ)&&(l=!0),!l)return;const u={};for(let c=0;c{var l;return(l=o.currentAnimation)===null||l===void 0?void 0:l.stop()}),this.root.nodes.forEach(o0),this.root.sharedNodes.clear()}}}function M5(e){e.updateLayout()}function V5(e){var t;const n=((t=e.resumeFrom)===null||t===void 0?void 0:t.snapshot)||e.snapshot;if(e.isLead()&&e.layout&&n&&e.hasListeners("didUpdate")){const{layoutBox:r,measuredBox:i}=e.layout,{animationType:s}=e.options,o=n.source!==e.layout.source;s==="size"?$e(f=>{const d=o?n.measuredBox[f]:n.layoutBox[f],g=Oe(d);d.min=r[f].min,d.max=d.min+g}):pp(s,n.layoutBox,r)&&$e(f=>{const d=o?n.measuredBox[f]:n.layoutBox[f],g=Oe(r[f]);d.max=d.min+g,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[f].max=e.relativeTarget[f].min+g)});const l=Xn();Kr(l,r,n.layoutBox);const a=Xn();o?Kr(a,e.applyTransform(i,!0),n.measuredBox):Kr(a,r,n.layoutBox);const u=!fp(l);let c=!1;if(!e.resumeFrom){const f=e.getClosestProjectingParent();if(f&&!f.resumeFrom){const{snapshot:d,layout:g}=f;if(d&&g){const x=ee();Qr(x,n.layoutBox,d.layoutBox);const y=ee();Qr(y,r,g.layoutBox),dp(x,y)||(c=!0),f.options.layoutRoot&&(e.relativeTarget=y,e.relativeTargetOrigin=x,e.relativeParent=f)}}}e.notifyListeners("didUpdate",{layout:r,snapshot:n,delta:a,layoutDelta:l,hasLayoutChanged:u,hasRelativeTargetChanged:c})}else if(e.isLead()){const{onExitComplete:r}=e.options;r&&r()}e.options.transition=void 0}function R5(e){mn.totalNodes++,e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function N5(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function A5(e){e.clearSnapshot()}function o0(e){e.clearMeasurements()}function D5(e){e.isLayoutDirty=!1}function _5(e){const{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function l0(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function I5(e){e.resolveTargetDelta()}function F5(e){e.calcProjection()}function O5(e){e.resetRotation()}function B5(e){e.removeLeadSnapshot()}function a0(e,t,n){e.translate=Z(t.translate,0,n),e.scale=Z(t.scale,1,n),e.origin=t.origin,e.originPoint=t.originPoint}function u0(e,t,n,r){e.min=Z(t.min,n.min,r),e.max=Z(t.max,n.max,r)}function z5(e,t,n,r){u0(e.x,t.x,n.x,r),u0(e.y,t.y,n.y,r)}function U5(e){return e.animationValues&&e.animationValues.opacityExit!==void 0}const H5={duration:.45,ease:[.4,0,.1,1]},c0=e=>typeof navigator<"u"&&navigator.userAgent.toLowerCase().includes(e),f0=c0("applewebkit/")&&!c0("chrome/")?Math.round:X;function d0(e){e.min=f0(e.min),e.max=f0(e.max)}function $5(e){d0(e.x),d0(e.y)}function pp(e,t,n){return e==="position"||e==="preserve-aspect"&&!Sa(n0(t),n0(n),.2)}const b5=hp({attachResizeListener:(e,t)=>xt(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),ml={current:void 0},mp=hp({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!ml.current){const e=new b5({});e.mount(window),e.setOptions({layoutScroll:!0}),ml.current=e}return ml.current},resetTransform:(e,t)=>{e.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:e=>window.getComputedStyle(e).position==="fixed"}),W5={pan:{Feature:l5},drag:{Feature:o5,ProjectionNode:mp,MeasureLayout:ap}},G5=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function Z5(e){const t=G5.exec(e);if(!t)return[,];const[,n,r]=t;return[n,r]}function Ea(e,t,n=1){const[r,i]=Z5(e);if(!r)return;const s=window.getComputedStyle(t).getPropertyValue(r);if(s){const o=s.trim();return X2(o)?parseFloat(o):o}else return ma(i)?Ea(i,t,n+1):i}function K5(e,{...t},n){const r=e.current;if(!(r instanceof Element))return{target:t,transitionEnd:n};n&&(n={...n}),e.values.forEach(i=>{const s=i.get();if(!ma(s))return;const o=Ea(s,r);o&&i.set(o)});for(const i in t){const s=t[i];if(!ma(s))continue;const o=Ea(s,r);o&&(t[i]=o,n||(n={}),n[i]===void 0&&(n[i]=s))}return{target:t,transitionEnd:n}}const Q5=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),gp=e=>Q5.has(e),Y5=e=>Object.keys(e).some(gp),h0=e=>e===An||e===V,p0=(e,t)=>parseFloat(e.split(", ")[t]),m0=(e,t)=>(n,{transform:r})=>{if(r==="none"||!r)return 0;const i=r.match(/^matrix3d\((.+)\)$/);if(i)return p0(i[1],t);{const s=r.match(/^matrix\((.+)\)$/);return s?p0(s[1],e):0}},X5=new Set(["x","y","z"]),J5=Ei.filter(e=>!X5.has(e));function q5(e){const t=[];return J5.forEach(n=>{const r=e.getValue(n);r!==void 0&&(t.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))}),t.length&&e.render(),t}const mr={width:({x:e},{paddingLeft:t="0",paddingRight:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t="0",paddingBottom:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:m0(4,13),y:m0(5,14)};mr.translateX=mr.x;mr.translateY=mr.y;const e4=(e,t,n)=>{const r=t.measureViewportBox(),i=t.current,s=getComputedStyle(i),{display:o}=s,l={};o==="none"&&t.setStaticValue("display",e.display||"block"),n.forEach(u=>{l[u]=mr[u](r,s)}),t.render();const a=t.measureViewportBox();return n.forEach(u=>{const c=t.getValue(u);c&&c.jump(l[u]),e[u]=mr[u](a,s)}),e},t4=(e,t,n={},r={})=>{t={...t},r={...r};const i=Object.keys(t).filter(gp);let s=[],o=!1;const l=[];if(i.forEach(a=>{const u=e.getValue(a);if(!e.hasValue(a))return;let c=n[a],f=Lr(c);const d=t[a];let g;if(Ws(d)){const x=d.length,y=d[0]===null?1:0;c=d[y],f=Lr(c);for(let S=y;S=0?window.pageYOffset:null,u=e4(t,e,l);return s.length&&s.forEach(([c,f])=>{e.getValue(c).set(f)}),e.render(),yo&&a!==null&&window.scrollTo({top:a}),{target:u,transitionEnd:r}}else return{target:t,transitionEnd:r}};function n4(e,t,n,r){return Y5(t)?t4(e,t,n,r):{target:t,transitionEnd:r}}const r4=(e,t,n,r)=>{const i=K5(e,t,r);return t=i.target,r=i.transitionEnd,n4(e,t,n,r)},ja={current:null},vp={current:!1};function i4(){if(vp.current=!0,!!yo)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>ja.current=e.matches;e.addListener(t),t()}else ja.current=!1}function s4(e,t,n){const{willChange:r}=t;for(const i in t){const s=t[i],o=n[i];if(we(s))e.addValue(i,s),Ks(r)&&r.add(i);else if(we(o))e.addValue(i,tt(s,{owner:e})),Ks(r)&&r.remove(i);else if(o!==s)if(e.hasValue(i)){const l=e.getValue(i);!l.hasAnimated&&l.set(s)}else{const l=e.getStaticValue(i);e.addValue(i,tt(l!==void 0?l:s,{owner:e}))}}for(const i in n)t[i]===void 0&&e.removeValue(i);return t}const g0=new WeakMap,yp=Object.keys(vi),o4=yp.length,v0=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],l4=Mu.length;class a4{constructor({parent:t,props:n,presenceContext:r,reducedMotionConfig:i,visualState:s},o={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},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.scheduleRender=()=>B.render(this.render,!1,!0);const{latestValues:l,renderState:a}=s;this.latestValues=l,this.baseTarget={...l},this.initialValues=n.initial?{...l}:{},this.renderState=a,this.parent=t,this.props=n,this.presenceContext=r,this.depth=t?t.depth+1:0,this.reducedMotionConfig=i,this.options=o,this.isControllingVariants=Co(n),this.isVariantNode=r2(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:u,...c}=this.scrapeMotionValuesFromProps(n,{});for(const f in c){const d=c[f];l[f]!==void 0&&we(d)&&(d.set(l[f],!1),Ks(u)&&u.add(f))}}scrapeMotionValuesFromProps(t,n){return{}}mount(t){this.current=t,g0.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((n,r)=>this.bindToMotionValue(r,n)),vp.current||i4(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:ja.current,this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){g0.delete(this.current),this.projection&&this.projection.unmount(),st(this.notifyUpdate),st(this.render),this.valueSubscriptions.forEach(t=>t()),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features)this.features[t].unmount();this.current=null}bindToMotionValue(t,n){const r=Nn.has(t),i=n.on("change",o=>{this.latestValues[t]=o,this.props.onUpdate&&B.update(this.notifyUpdate,!1,!0),r&&this.projection&&(this.projection.isTransformDirty=!0)}),s=n.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{i(),s()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}loadFeatures({children:t,...n},r,i,s){let o,l;for(let a=0;athis.scheduleRender(),animationType:typeof u=="string"?u:"both",initialPromotionConfig:s,layoutScroll:d,layoutRoot:g})}return l}updateFeatures(){for(const t in this.features){const n=this.features[t];n.isMounted?n.update():(n.mount(),n.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):ee()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,n){this.latestValues[t]=n}makeTargetAnimatable(t,n=!0){return this.makeTargetAnimatableFromInstance(t,this.props,n)}update(t,n){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let r=0;rn.variantChildren.delete(t)}addValue(t,n){n!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,n)),this.values.set(t,n),this.latestValues[t]=n.get()}removeValue(t){this.values.delete(t);const n=this.valueSubscriptions.get(t);n&&(n(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,n){if(this.props.values&&this.props.values[t])return this.props.values[t];let r=this.values.get(t);return r===void 0&&n!==void 0&&(r=tt(n,{owner:this}),this.addValue(t,r)),r}readValue(t){var n;return this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:(n=this.getBaseTargetFromProps(this.props,t))!==null&&n!==void 0?n:this.readValueFromInstance(this.current,t,this.options)}setBaseTarget(t,n){this.baseTarget[t]=n}getBaseTarget(t){var n;const{initial:r}=this.props,i=typeof r=="string"||typeof r=="object"?(n=Iu(this.props,r))===null||n===void 0?void 0:n[t]:void 0;if(r&&i!==void 0)return i;const s=this.getBaseTargetFromProps(this.props,t);return s!==void 0&&!we(s)?s:this.initialValues[t]!==void 0&&i===void 0?void 0:this.baseTarget[t]}on(t,n){return this.events[t]||(this.events[t]=new Gu),this.events[t].add(n)}notify(t,...n){this.events[t]&&this.events[t].notify(...n)}}class xp extends a4{sortInstanceNodePosition(t,n){return t.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(t,n){return t.style?t.style[n]:void 0}removeValueFromRenderState(t,{vars:n,style:r}){delete n[t],delete r[t]}makeTargetAnimatableFromInstance({transition:t,transitionEnd:n,...r},{transformValues:i},s){let o=T3(r,t||{},this);if(i&&(n&&(n=i(n)),r&&(r=i(r)),o&&(o=i(o))),s){k3(this,r,o);const l=r4(this,r,o,n);n=l.transitionEnd,r=l.target}return{transition:t,transitionEnd:n,...r}}}function u4(e){return window.getComputedStyle(e)}class c4 extends xp{constructor(){super(...arguments),this.type="html"}readValueFromInstance(t,n){if(Nn.has(n)){const r=Uu(n);return r&&r.default||0}else{const r=u4(t),i=(a2(n)?r.getPropertyValue(n):r[n])||0;return typeof i=="string"?i.trim():i}}measureInstanceViewportBox(t,{transformPagePoint:n}){return op(t,n)}build(t,n,r,i){Ru(t,n,r,i.transformTemplate)}scrapeMotionValuesFromProps(t,n){return _u(t,n)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;we(t)&&(this.childSubscription=t.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}renderInstance(t,n,r,i){p2(t,n,r,i)}}class f4 extends xp{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1}getBaseTargetFromProps(t,n){return t[n]}readValueFromInstance(t,n){if(Nn.has(n)){const r=Uu(n);return r&&r.default||0}return n=m2.has(n)?n:ju(n),t.getAttribute(n)}measureInstanceViewportBox(){return ee()}scrapeMotionValuesFromProps(t,n){return v2(t,n)}build(t,n,r,i){Au(t,n,r,this.isSVGTag,i.transformTemplate)}renderInstance(t,n,r,i){g2(t,n,r,i)}mount(t){this.isSVGTag=Du(t.tagName),super.mount(t)}}const d4=(e,t)=>Vu(e)?new f4(t,{enableHardwareAcceleration:!1}):new c4(t,{enableHardwareAcceleration:!0}),h4={layout:{ProjectionNode:mp,MeasureLayout:ap}},p4={...z3,...oy,...W5,...h4},_=mv((e,t)=>Zv(e,t,p4,d4));function Zu(e){const t=ko(()=>tt(e)),{isStatic:n}=w.useContext(go);if(n){const[,r]=w.useState(e);w.useEffect(()=>t.on("change",r),[])}return t}const m4=e=>e&&typeof e=="object"&&e.mix,g4=e=>m4(e)?e.mix:void 0;function v4(...e){const t=!Array.isArray(e[0]),n=t?0:-1,r=e[0+n],i=e[1+n],s=e[2+n],o=e[3+n],l=jo(i,s,{mixer:g4(s[0]),...o});return t?l(r):l}function wp(e,t){const n=Zu(t()),r=()=>n.set(t());return r(),xo(()=>{const i=()=>B.update(r,!1,!0),s=e.map(o=>o.on("change",i));return()=>{s.forEach(o=>o()),st(r)}}),n}function y4(e){Zr.current=[],e();const t=wp(Zr.current,e);return Zr.current=void 0,t}function x4(e,t,n,r){if(typeof e=="function")return y4(e);const i=typeof t=="function"?t:v4(t,n,r);return Array.isArray(e)?y0(e,i):y0([e],([s])=>i(s))}function y0(e,t){const n=ko(()=>[]);return wp(e,()=>{n.length=0;const r=e.length;for(let i=0;i{r.current&&r.current.stop()};return w.useInsertionEffect(()=>i.attach((o,l)=>{if(n)return l(o);if(s(),r.current=yi({keyframes:[i.get(),o],velocity:i.getVelocity(),type:"spring",restDelta:.001,restSpeed:.01,...t,onUpdate:l}),!re.isProcessing){const a=performance.now()-re.timestamp;a<30&&(r.current.time=pt(a))}return i.get()},s),[JSON.stringify(t)]),xo(()=>{if(we(e))return e.on("change",o=>i.set(parseFloat(o)))},[i]),i}function C4(e,t,n){w.useInsertionEffect(()=>e.on(t,n),[e,t,n])}function S4(e){const t=Zu(e.getVelocity());return C4(e,"velocityChange",n=>{t.set(n)}),t}function Cp(e,t,n){var r;if(typeof e=="string"){let i=document;t&&(Eo(!!t.current),i=t.current),n?((r=n[e])!==null&&r!==void 0||(n[e]=i.querySelectorAll(e)),e=n[e]):e=i.querySelectorAll(e)}else e instanceof Element&&(e=[e]);return Array.from(e||[])}const gs=new WeakMap;let Nt;function k4(e,t){if(t){const{inlineSize:n,blockSize:r}=t[0];return{width:n,height:r}}else return e instanceof SVGElement&&"getBBox"in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}function P4({target:e,contentRect:t,borderBoxSize:n}){var r;(r=gs.get(e))===null||r===void 0||r.forEach(i=>{i({target:e,contentSize:t,get size(){return k4(e,n)}})})}function T4(e){e.forEach(P4)}function E4(){typeof ResizeObserver>"u"||(Nt=new ResizeObserver(T4))}function j4(e,t){Nt||E4();const n=Cp(e);return n.forEach(r=>{let i=gs.get(r);i||(i=new Set,gs.set(r,i)),i.add(t),Nt==null||Nt.observe(r)}),()=>{n.forEach(r=>{const i=gs.get(r);i==null||i.delete(t),i!=null&&i.size||Nt==null||Nt.unobserve(r)})}}const vs=new Set;let Yr;function L4(){Yr=()=>{const e={width:window.innerWidth,height:window.innerHeight},t={target:window,size:e,contentSize:e};vs.forEach(n=>n(t))},window.addEventListener("resize",Yr)}function M4(e){return vs.add(e),Yr||L4(),()=>{vs.delete(e),!vs.size&&Yr&&(Yr=void 0)}}function V4(e,t){return typeof e=="function"?M4(e):j4(e,t)}const R4=50,x0=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),N4=()=>({time:0,x:x0(),y:x0()}),A4={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function w0(e,t,n,r){const i=n[t],{length:s,position:o}=A4[t],l=i.current,a=n.time;i.current=e["scroll"+o],i.scrollLength=e["scroll"+s]-e["client"+s],i.offset.length=0,i.offset[0]=0,i.offset[1]=i.scrollLength,i.progress=pr(0,i.scrollLength,i.current);const u=r-a;i.velocity=u>R4?0:zu(i.current-l,u)}function D4(e,t,n){w0(e,"x",t,n),w0(e,"y",t,n),t.time=n}function _4(e,t){const n={x:0,y:0};let r=e;for(;r&&r!==t;)if(r instanceof HTMLElement)n.x+=r.offsetLeft,n.y+=r.offsetTop,r=r.offsetParent;else if(r.tagName==="svg"){const i=r.getBoundingClientRect();r=r.parentElement;const s=r.getBoundingClientRect();n.x+=i.left-s.left,n.y+=i.top-s.top}else if(r instanceof SVGGraphicsElement){const{x:i,y:s}=r.getBBox();n.x+=i,n.y+=s;let o=null,l=r.parentNode;for(;!o;)l.tagName==="svg"&&(o=l),l=r.parentNode;r=o}else break;return n}const I4={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},La={start:0,center:.5,end:1};function C0(e,t,n=0){let r=0;if(La[e]!==void 0&&(e=La[e]),typeof e=="string"){const i=parseFloat(e);e.endsWith("px")?r=i:e.endsWith("%")?e=i/100:e.endsWith("vw")?r=i/100*document.documentElement.clientWidth:e.endsWith("vh")?r=i/100*document.documentElement.clientHeight:e=i}return typeof e=="number"&&(r=t*e),n+r}const F4=[0,0];function O4(e,t,n,r){let i=Array.isArray(e)?e:F4,s=0,o=0;return typeof e=="number"?i=[e,e]:typeof e=="string"&&(e=e.trim(),e.includes(" ")?i=e.split(" "):i=[e,La[e]?e:"0"]),s=C0(i[0],n,r),o=C0(i[1],t),s-o}const B4={x:0,y:0};function z4(e){return"getBBox"in e&&e.tagName!=="svg"?e.getBBox():{width:e.clientWidth,height:e.clientHeight}}function U4(e,t,n){let{offset:r=I4.All}=n;const{target:i=e,axis:s="y"}=n,o=s==="y"?"height":"width",l=i!==e?_4(i,e):B4,a=i===e?{width:e.scrollWidth,height:e.scrollHeight}:z4(i),u={width:e.clientWidth,height:e.clientHeight};t[s].offset.length=0;let c=!t[s].interpolate;const f=r.length;for(let d=0;dH4(e,r.target,n),update:i=>{D4(e,n,i),(r.offset||r.target)&&U4(e,n,r)},notify:()=>t(n)}}const Vr=new WeakMap,S0=new WeakMap,gl=new WeakMap,k0=e=>e===document.documentElement?window:e;function b4(e,{container:t=document.documentElement,...n}={}){let r=gl.get(t);r||(r=new Set,gl.set(t,r));const i=N4(),s=$4(t,e,i,n);if(r.add(s),!Vr.has(t)){const l=()=>{for(const d of r)d.measure()},a=()=>{for(const d of r)d.update(re.timestamp)},u=()=>{for(const d of r)d.notify()},c=()=>{B.read(l,!1,!0),B.read(a,!1,!0),B.update(u,!1,!0)};Vr.set(t,c);const f=k0(t);window.addEventListener("resize",c,{passive:!0}),t!==document.documentElement&&S0.set(t,V4(t,c)),f.addEventListener("scroll",c,{passive:!0})}const o=Vr.get(t);return B.read(o,!1,!0),()=>{var l;st(o);const a=gl.get(t);if(!a||(a.delete(s),a.size))return;const u=Vr.get(t);Vr.delete(t),u&&(k0(t).removeEventListener("scroll",u),(l=S0.get(t))===null||l===void 0||l(),window.removeEventListener("resize",u))}}function P0(e,t){uy(!!(!t||t.current))}const W4=()=>({scrollX:tt(0),scrollY:tt(0),scrollXProgress:tt(0),scrollYProgress:tt(0)});function G4({container:e,target:t,layoutEffect:n=!0,...r}={}){const i=ko(W4);return(n?xo:w.useEffect)(()=>(P0("target",t),P0("container",e),b4(({x:o,y:l})=>{i.scrollX.set(o.current),i.scrollXProgress.set(o.progress),i.scrollY.set(l.current),i.scrollYProgress.set(l.progress)},{...r,container:(e==null?void 0:e.current)||void 0,target:(t==null?void 0:t.current)||void 0})),[e,t,JSON.stringify(r.offset)]),i}const Z4={some:0,all:1};function K4(e,t,{root:n,margin:r,amount:i="some"}={}){const s=Cp(e),o=new WeakMap,l=u=>{u.forEach(c=>{const f=o.get(c.target);if(c.isIntersecting!==!!f)if(c.isIntersecting){const d=t(c);typeof d=="function"?o.set(c.target,d):a.unobserve(c.target)}else f&&(f(c),o.delete(c.target))})},a=new IntersectionObserver(l,{root:n,rootMargin:r,threshold:typeof i=="number"?i:Z4[i]});return s.forEach(u=>a.observe(u)),()=>a.disconnect()}function Sp(e,{root:t,margin:n,amount:r,once:i=!1}={}){const[s,o]=w.useState(!1);return w.useEffect(()=>{if(!e.current||i&&s)return;const l=()=>(o(!0),i?void 0:()=>o(!1)),a={root:t&&t.current||void 0,margin:n,amount:r};return K4(e.current,l,a)},[t,e,n,i,r]),s}function kp(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;tp.jsxs("div",{className:ye("relative z-10",`${r}`),children:[p.jsx(_.div,{className:"pointer-events-none absolute bottom-0 -z-10 h-2/3 w-full translate-x-[10%] whitespace-nowrap",variants:{hovered:{height:"33%"}},style:{backgroundColor:t,opacity:n}}),e]}),Pp=({text:e,color:t="#fff",className:n})=>p.jsxs(_.span,{className:ye("textStroke cursor-pointer select-none whitespace-nowrap text-3xl font-bold text-transparent",`${n}`),whileHover:t&&{color:t},style:{WebkitTextStrokeColor:t},children:["<",e,"/‌>"]}),ct=({children:e,className:t,OnClick:n})=>p.jsx(_.div,{className:ye("cursor-pointer",`${t}`),whileHover:"hovered",onClick:n,children:e}),sr="data:image/svg+xml,%3csvg%20width='740'%20height='845'%20viewBox='0%200%20740%20845'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M696.507%20423.232L696.528%20423.269L696.551%20423.306C735.89%20485.086%20745.25%20542.123%20734.167%20592.924C723.076%20643.763%20691.469%20688.553%20648.514%20725.708C562.568%20800.05%20431.566%20843.5%20330.458%20843.5C229.511%20843.5%20147.325%20798.329%2090.3362%20724.092C33.3237%20649.826%201.5%20546.418%201.5%20430.006C1.5%20313.592%2033.3254%20206.416%2090.3573%20128.386C147.369%2050.3831%20229.557%201.5%20330.458%201.5C381.084%201.5%20417.686%207.39082%20447.019%2021.2283C476.319%2035.0503%20498.517%2056.8739%20520.199%2089.038C541.907%20121.24%20563.028%20163.696%20590.229%20218.717L592.108%20222.519C618.945%20276.808%20651.687%20343.043%20696.507%20423.232Z'%20stroke='white'%20stroke-width='3'/%3e%3c/svg%3e",or="data:image/svg+xml,%3csvg%20width='740'%20height='845'%20viewBox='0%200%20740%20845'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M696.507%20423.232L696.528%20423.269L696.551%20423.306C735.89%20485.086%20745.25%20542.123%20734.167%20592.924C723.076%20643.763%20691.469%20688.553%20648.514%20725.708C562.568%20800.05%20431.566%20843.5%20330.458%20843.5C229.511%20843.5%20147.325%20798.329%2090.3362%20724.092C33.3237%20649.826%201.5%20546.418%201.5%20430.006C1.5%20313.592%2033.3254%20206.416%2090.3573%20128.386C147.369%2050.3831%20229.557%201.5%20330.458%201.5C381.084%201.5%20417.686%207.39082%20447.019%2021.2283C476.319%2035.0503%20498.517%2056.8739%20520.199%2089.038C541.907%20121.24%20563.028%20163.696%20590.229%20218.717L592.108%20222.519C618.945%20276.808%20651.687%20343.043%20696.507%20423.232Z'%20stroke='black'%20stroke-width='3'/%3e%3c/svg%3e",Q4="data:image/svg+xml,%3csvg%20width='75'%20height='75'%20viewBox='0%200%2075%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M68.7517%200H5.27206C2.36334%200%200%202.39639%200%205.33817V68.7021C0%2071.6439%202.36334%2074.0403%205.27206%2074.0403H68.7517C71.6604%2074.0403%2074.0403%2071.6439%2074.0403%2068.7021V5.33817C74.0403%202.39639%2071.6604%200%2068.7517%200ZM22.3773%2063.4631H11.4035V28.1287H22.3939V63.4631H22.3773ZM16.8904%2023.3029C13.3702%2023.3029%2010.5276%2020.4437%2010.5276%2016.94C10.5276%2013.4363%2013.3702%2010.5772%2016.8904%2010.5772C20.3941%2010.5772%2023.2533%2013.4363%2023.2533%2016.94C23.2533%2020.4602%2020.4107%2023.3029%2016.8904%2023.3029ZM63.5127%2063.4631H52.5388V46.2752C52.5388%2042.1765%2052.4562%2036.9044%2046.8371%2036.9044C41.1188%2036.9044%2040.2429%2041.3667%2040.2429%2045.9777V63.4631H29.269V28.1287H39.7966V32.9545H39.9454C41.4163%2030.178%2045.0026%2027.2528%2050.3408%2027.2528C61.4468%2027.2528%2063.5127%2034.5742%2063.5127%2044.0936V63.4631Z'%20fill='white'/%3e%3c/svg%3e",Y4="data:image/svg+xml,%3csvg%20width='75'%20height='75'%20viewBox='0%200%2075%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M68.7517%200H5.27206C2.36334%200%200%202.39639%200%205.33817V68.7021C0%2071.6439%202.36334%2074.0403%205.27206%2074.0403H68.7517C71.6604%2074.0403%2074.0403%2071.6439%2074.0403%2068.7021V5.33817C74.0403%202.39639%2071.6604%200%2068.7517%200ZM22.3773%2063.4631H11.4035V28.1287H22.3939V63.4631H22.3773ZM16.8904%2023.3029C13.3702%2023.3029%2010.5276%2020.4437%2010.5276%2016.94C10.5276%2013.4363%2013.3702%2010.5772%2016.8904%2010.5772C20.3941%2010.5772%2023.2533%2013.4363%2023.2533%2016.94C23.2533%2020.4602%2020.4107%2023.3029%2016.8904%2023.3029ZM63.5127%2063.4631H52.5388V46.2752C52.5388%2042.1765%2052.4562%2036.9044%2046.8371%2036.9044C41.1188%2036.9044%2040.2429%2041.3667%2040.2429%2045.9777V63.4631H29.269V28.1287H39.7966V32.9545H39.9454C41.4163%2030.178%2045.0026%2027.2528%2050.3408%2027.2528C61.4468%2027.2528%2063.5127%2034.5742%2063.5127%2044.0936V63.4631Z'%20fill='black'/%3e%3c/svg%3e",Tp="data:image/svg+xml,%3csvg%20width='80'%20height='76'%20viewBox='0%200%2080%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200.00203555C29.5035%20-0.104024%2019.3941%203.93823%2011.8936%2011.2404C4.39304%2018.5426%200.115128%2028.5072%200%2038.9443C0.040445%2047.1925%202.70888%2055.2158%207.62205%2061.8618C12.5352%2068.5077%2019.4403%2073.4343%2027.3455%2075.934C29.3455%2076.2955%2030.0727%2075.1023%2030.0727%2074.0537C30.0727%2073.0052%2030.0727%2070.691%2030.0727%2067.4368C18.9455%2069.7871%2016.5818%2062.2301%2016.5818%2062.2301C15.8411%2059.8577%2014.2663%2057.8298%2012.1455%2056.5171C8.50909%2054.1306%2012.4364%2054.1668%2012.4364%2054.1668C13.6933%2054.3339%2014.8958%2054.7818%2015.9539%2055.4769C17.0119%2056.172%2017.8979%2057.0962%2018.5455%2058.1804C19.6739%2060.1261%2021.5256%2061.5535%2023.7019%2062.1554C25.8781%2062.7572%2028.2051%2062.4854%2030.1818%2061.3984C30.3851%2059.4183%2031.2869%2057.5738%2032.7273%2056.1917C23.8545%2055.2154%2014.5455%2051.8889%2014.5455%2036.9556C14.4661%2033.0602%2015.9136%2029.2868%2018.5818%2026.4336C17.3666%2023.0892%2017.5101%2019.4056%2018.9818%2016.1647C18.9818%2016.1647%2022.3636%2015.1161%2029.8909%2020.1421C36.4433%2018.4059%2043.3386%2018.4059%2049.8909%2020.1421C57.5273%2015.1161%2060.8%2016.1647%2060.8%2016.1647C62.2717%2019.4056%2062.4152%2023.0892%2061.2%2026.4336C63.9302%2029.2346%2065.4562%2032.9826%2065.4545%2036.8833C65.4545%2051.8527%2056.0727%2055.1431%2047.2727%2056.1193C48.2363%2057.0496%2048.9806%2058.1805%2049.4522%2059.4309C49.9238%2060.6813%2050.1108%2062.0201%2050%2063.351V74.0176C50%2074.0176%2050.7273%2076.2955%2052.7273%2075.8978C60.61%2073.3827%2067.4919%2068.4549%2072.3898%2061.8184C77.2878%2055.1818%2079.9513%2047.176%2080%2038.9443C79.8849%2028.5072%2075.607%2018.5426%2068.1064%2011.2404C60.6059%203.93823%2050.4965%20-0.104024%2040%200.00203555Z'%20fill='white'/%3e%3c/svg%3e",Ep="data:image/svg+xml,%3csvg%20width='80'%20height='76'%20viewBox='0%200%2080%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200.00203555C29.5035%20-0.104024%2019.3941%203.93823%2011.8936%2011.2404C4.39304%2018.5426%200.115128%2028.5072%200%2038.9443C0.040445%2047.1925%202.70888%2055.2158%207.62205%2061.8618C12.5352%2068.5077%2019.4403%2073.4343%2027.3455%2075.934C29.3455%2076.2955%2030.0727%2075.1023%2030.0727%2074.0537C30.0727%2073.0052%2030.0727%2070.691%2030.0727%2067.4368C18.9455%2069.7871%2016.5818%2062.2301%2016.5818%2062.2301C15.8411%2059.8577%2014.2663%2057.8298%2012.1455%2056.5171C8.50909%2054.1306%2012.4364%2054.1668%2012.4364%2054.1668C13.6933%2054.3339%2014.8958%2054.7818%2015.9539%2055.4769C17.0119%2056.172%2017.8979%2057.0962%2018.5455%2058.1804C19.6739%2060.1261%2021.5256%2061.5535%2023.7019%2062.1554C25.8781%2062.7572%2028.2051%2062.4854%2030.1818%2061.3984C30.3851%2059.4183%2031.2869%2057.5738%2032.7273%2056.1917C23.8545%2055.2154%2014.5455%2051.8889%2014.5455%2036.9556C14.4661%2033.0602%2015.9136%2029.2868%2018.5818%2026.4336C17.3666%2023.0892%2017.5101%2019.4056%2018.9818%2016.1647C18.9818%2016.1647%2022.3636%2015.1161%2029.8909%2020.1421C36.4433%2018.4059%2043.3386%2018.4059%2049.8909%2020.1421C57.5273%2015.1161%2060.8%2016.1647%2060.8%2016.1647C62.2717%2019.4056%2062.4152%2023.0892%2061.2%2026.4336C63.9302%2029.2346%2065.4562%2032.9826%2065.4545%2036.8833C65.4545%2051.8527%2056.0727%2055.1431%2047.2727%2056.1193C48.2363%2057.0496%2048.9806%2058.1805%2049.4522%2059.4309C49.9238%2060.6813%2050.1108%2062.0201%2050%2063.351V74.0176C50%2074.0176%2050.7273%2076.2955%2052.7273%2075.8978C60.61%2073.3827%2067.4919%2068.4549%2072.3898%2061.8184C77.2878%2055.1818%2079.9513%2047.176%2080%2038.9443C79.8849%2028.5072%2075.607%2018.5426%2068.1064%2011.2404C60.6059%203.93823%2050.4965%20-0.104024%2040%200.00203555Z'%20fill='black'/%3e%3c/svg%3e",X4="data:image/svg+xml,%3csvg%20width='485'%20height='243'%20viewBox='0%200%20485%20243'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.42134%20230.309C-3.64872%20215.925%20-1.77246%20194.479%2012.6121%20182.409L218.678%209.49896C233.063%20-2.5711%20254.508%20-0.694852%20266.578%2013.6897C278.648%2028.0742%20276.772%2049.5199%20262.388%2061.59L56.3216%20234.5C41.9371%20246.57%2020.4914%20244.694%208.42134%20230.309Z'%20fill='white'/%3e%3cpath%20d='M218.855%2013.0454C230.925%20-1.33911%20252.37%20-3.21537%20266.755%208.85469L472.821%20181.765C487.205%20193.835%20489.082%20215.28%20477.012%20229.665C464.942%20244.049%20443.496%20245.926%20429.111%20233.856L223.045%2060.9457C208.661%2048.8757%20206.785%2027.43%20218.855%2013.0454Z'%20fill='white'/%3e%3c/svg%3e",J4="data:image/svg+xml,%3csvg%20width='485'%20height='243'%20viewBox='0%200%20485%20243'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M477.012%2013.0454C489.082%2027.4299%20487.205%2048.8756%20472.821%2060.9457L266.755%20233.856C252.37%20245.926%20230.925%20244.049%20218.855%20229.665C206.784%20215.28%20208.661%20193.835%20223.045%20181.765L429.111%208.85466C443.496%20-3.2154%20464.941%20-1.33914%20477.012%2013.0454Z'%20fill='white'/%3e%3cpath%20d='M266.578%20230.309C254.508%20244.694%20233.062%20246.57%20218.678%20234.5L12.612%2061.5899C-1.77254%2049.5199%20-3.6488%2028.0742%208.42126%2013.6897C20.4913%20-0.694886%2041.937%20-2.57114%2056.3216%209.49892L262.388%20182.409C276.772%20194.479%20278.648%20215.925%20266.578%20230.309Z'%20fill='white'/%3e%3c/svg%3e",q4="data:image/svg+xml,%3csvg%20width='243'%20height='485'%20viewBox='0%200%20243%20485'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M230.348%20476.972C215.964%20489.043%20194.518%20487.166%20182.448%20472.782L9.53802%20266.716C-2.53204%20252.331%20-0.655789%20230.886%2013.7287%20218.815C28.1133%20206.745%2049.559%20208.622%2061.629%20223.006L234.539%20429.072C246.609%20443.457%20244.733%20464.902%20230.348%20476.972Z'%20fill='white'/%3e%3cpath%20d='M13.0845%20266.539C-1.30005%20254.469%20-3.1763%20233.023%208.89376%20218.639L181.804%2012.5729C193.874%20-1.81161%20215.319%20-3.68787%20229.704%208.3822C244.088%2020.4523%20245.965%2041.8979%20233.895%2056.2825L60.9848%20262.348C48.9147%20276.733%2027.469%20278.609%2013.0845%20266.539Z'%20fill='white'/%3e%3c/svg%3e",ex="data:image/svg+xml,%3csvg%20width='243'%20height='485'%20viewBox='0%200%20243%20485'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0845%208.38204C27.469%20-3.68802%2048.9147%20-1.81177%2060.9847%2012.5728L233.895%20218.639C245.965%20233.023%20244.088%20254.469%20229.704%20266.539C215.319%20278.609%20193.874%20276.733%20181.804%20262.348L8.89372%2056.2823C-3.17633%2041.8978%20-1.30008%2020.4521%2013.0845%208.38204Z'%20fill='white'/%3e%3cpath%20d='M230.348%20218.815C244.733%20230.885%20246.609%20252.331%20234.539%20266.716L61.629%20472.782C49.5589%20487.166%2028.1133%20489.042%2013.7287%20476.972C-0.655823%20464.902%20-2.53207%20443.457%209.53798%20429.072L182.448%20223.006C194.518%20208.622%20215.964%20206.745%20230.348%20218.815Z'%20fill='white'/%3e%3c/svg%3e",tx="data:image/svg+xml,%3csvg%20width='485'%20height='243'%20viewBox='0%200%20485%20243'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.42134%20230.309C-3.64872%20215.925%20-1.77246%20194.479%2012.6121%20182.409L218.678%209.49896C233.063%20-2.5711%20254.508%20-0.694852%20266.578%2013.6897C278.648%2028.0742%20276.772%2049.5199%20262.388%2061.59L56.3216%20234.5C41.9371%20246.57%2020.4914%20244.694%208.42134%20230.309Z'%20fill='black'/%3e%3cpath%20d='M218.855%2013.0454C230.925%20-1.33911%20252.37%20-3.21537%20266.755%208.85469L472.821%20181.765C487.205%20193.835%20489.082%20215.28%20477.012%20229.665C464.942%20244.049%20443.496%20245.926%20429.111%20233.856L223.045%2060.9457C208.661%2048.8757%20206.785%2027.43%20218.855%2013.0454Z'%20fill='black'/%3e%3c/svg%3e",nx="data:image/svg+xml,%3csvg%20width='485'%20height='243'%20viewBox='0%200%20485%20243'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M477.012%2013.0454C489.082%2027.4299%20487.205%2048.8756%20472.821%2060.9457L266.755%20233.856C252.37%20245.926%20230.925%20244.049%20218.855%20229.665C206.784%20215.28%20208.661%20193.835%20223.045%20181.765L429.111%208.85466C443.496%20-3.2154%20464.941%20-1.33914%20477.012%2013.0454Z'%20fill='black'/%3e%3cpath%20d='M266.578%20230.309C254.508%20244.694%20233.062%20246.57%20218.678%20234.5L12.612%2061.5899C-1.77254%2049.5199%20-3.6488%2028.0742%208.42126%2013.6897C20.4913%20-0.694886%2041.937%20-2.57114%2056.3216%209.49892L262.388%20182.409C276.772%20194.479%20278.648%20215.925%20266.578%20230.309Z'%20fill='black'/%3e%3c/svg%3e",rx="data:image/svg+xml,%3csvg%20width='243'%20height='485'%20viewBox='0%200%20243%20485'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M230.348%20476.972C215.964%20489.043%20194.518%20487.166%20182.448%20472.782L9.53802%20266.716C-2.53204%20252.331%20-0.655789%20230.886%2013.7287%20218.815C28.1133%20206.745%2049.559%20208.622%2061.629%20223.006L234.539%20429.072C246.609%20443.457%20244.733%20464.902%20230.348%20476.972Z'%20fill='black'/%3e%3cpath%20d='M13.0845%20266.539C-1.30005%20254.469%20-3.1763%20233.023%208.89376%20218.639L181.804%2012.5729C193.874%20-1.81161%20215.319%20-3.68787%20229.704%208.3822C244.088%2020.4523%20245.965%2041.8979%20233.895%2056.2825L60.9848%20262.348C48.9147%20276.733%2027.469%20278.609%2013.0845%20266.539Z'%20fill='black'/%3e%3c/svg%3e",ix="data:image/svg+xml,%3csvg%20width='243'%20height='485'%20viewBox='0%200%20243%20485'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0845%208.38204C27.469%20-3.68802%2048.9147%20-1.81177%2060.9847%2012.5728L233.895%20218.639C245.965%20233.023%20244.088%20254.469%20229.704%20266.539C215.319%20278.609%20193.874%20276.733%20181.804%20262.348L8.89372%2056.2823C-3.17633%2041.8978%20-1.30008%2020.4521%2013.0845%208.38204Z'%20fill='black'/%3e%3cpath%20d='M230.348%20218.815C244.733%20230.885%20246.609%20252.331%20234.539%20266.716L61.629%20472.782C49.5589%20487.166%2028.1133%20489.042%2013.7287%20476.972C-0.655823%20464.902%20-2.53207%20443.457%209.53798%20429.072L182.448%20223.006C194.518%20208.622%20215.964%20206.745%20230.348%20218.815Z'%20fill='black'/%3e%3c/svg%3e",sx="data:image/svg+xml,%3csvg%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%200.000232697H13V2.00023H1V0.000232697Z'%20fill='%23D9D9D9'/%3e%3cpath%20d='M11%2012.0002V0.000232697H13V12.0002H11Z'%20fill='%23D9D9D9'/%3e%3cpath%20d='M0%2011.3137L11.3137%200L12.7279%201.41421L1.41421%2012.7279L0%2011.3137Z'%20fill='%23D9D9D9'/%3e%3c/svg%3e",ox="data:image/svg+xml,%3csvg%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%200.000232697H13V2.00023H1V0.000232697Z'%20fill='black'/%3e%3cpath%20d='M11%2012.0002V0.000232697H13V12.0002H11Z'%20fill='black'/%3e%3cpath%20d='M0%2011.3137L11.3137%200L12.7279%201.41421L1.41421%2012.7279L0%2011.3137Z'%20fill='black'/%3e%3c/svg%3e",lx=()=>{const e=w.useRef(null),[t,n]=w.useState({left:0,width:0}),[r,i]=w.useState(!1),{AboutRef:s,ProjectRef:o,ContactRef:l}=w.useContext(Qu);w.useEffect(()=>{if(e.current){const f=e.current.offsetLeft,d=e.current.offsetWidth;n({left:f,width:d/2})}},[]);const a=f=>{i(!0);const d=f.target.offsetLeft,g=f.target.offsetWidth;n({left:d,width:g/2})},u=()=>{i(!1)},c=f=>{if(!f.current)return;const{offsetTop:d}=f.current;window.scrollTo({top:d,behavior:"smooth"})};return p.jsxs(p.Fragment,{children:[p.jsx(ax,{}),p.jsxs("div",{className:"border-line relative flex h-[5rem] w-[50rem] select-none items-center justify-between border-b px-[5rem] tracking-wider backdrop-blur-md",children:[p.jsx(Pp,{text:"a",className:"bold",color:"var(--text)"}),p.jsx("div",{ref:e,onMouseEnter:a,onMouseLeave:u,children:p.jsx(ct,{OnClick:()=>{c(s)},children:p.jsx(Ut,{text:"About me",highlight:"var(--blue)"})})}),p.jsx("div",{onMouseEnter:a,onMouseLeave:u,children:p.jsx(ct,{OnClick:()=>{c(o)},children:p.jsx(Ut,{text:"Projects",highlight:"var(--green)"})})}),p.jsx("div",{onMouseEnter:a,onMouseLeave:u,children:p.jsx(ct,{OnClick:()=>{c(l)},children:p.jsx(Ut,{text:"Contacts",highlight:"var(--yellow)"})})}),p.jsx("div",{onMouseEnter:a,onMouseLeave:u,children:p.jsx(ct,{children:p.jsx(Ut,{text:"Resume",highlight:"var(--purple)"})})}),p.jsx(_.div,{className:"bg-text absolute bottom-3 h-2 w-2 rounded-full",animate:{left:t.left+t.width,opacity:r?1:0},transition:r?{}:{delay:.3},initial:{opacity:0}})]})]})},ax=()=>{const e=[0,90,180],t=[7,17,31],{theme:n}=w.useContext(Lt);return p.jsxs(p.Fragment,{children:[p.jsx(_.img,{src:n?or:sr,className:ye("pointer-events-none absolute left-[50%] right-0 w-[30rem] blur-sm"),initial:{x:"-30%",y:"-75%",rotate:e[0]},animate:{rotate:360+e[0]},transition:{duration:t[0],ease:"linear",repeat:1/0}}),p.jsx(_.img,{src:n?or:sr,className:ye("pointer-events-none absolute left-[50%] right-0 w-[32rem] blur-[2px]"),initial:{x:"-60%",y:"-75%",rotate:e[1]},animate:{rotate:360+e[1]},transition:{duration:t[1],ease:"linear",repeat:1/0}})," ",p.jsx(_.img,{src:n?or:sr,className:ye("pointer-events-none absolute left-[50%] right-0 w-[35rem]"),initial:{x:"-50%",y:"-75%",rotate:e[2]},animate:{rotate:360+e[2]},transition:{duration:t[2],ease:"linear",repeat:1/0}})]})},ux=({className:e,isToggled:t,NavigateSection:n})=>{const{AboutRef:r,ProjectRef:i,ContactRef:s}=w.useContext(Qu);return p.jsx(_.div,{className:ye("bg-navMenuBg absolute right-0 top-0 z-[999] h-full w-0 overflow-hidden outline backdrop-blur-xl",`${e}`),initial:{opacity:0,width:0},animate:t?{opacity:1,width:"100%"}:{opacity:0},children:p.jsx(_.div,{transition:{staggerChildren:t?.1:0,delayChildren:.3},initial:!1,animate:t?"open":"closed",children:p.jsxs("div",{className:"bold mr-20 mt-[8rem] flex flex-col items-end justify-center gap-6 text-nowrap text-3xl",children:[p.jsx(vl,{text:"About me",highlight:"var(--blue)",OnClick:()=>{n(r)}}),p.jsx(vl,{text:"Projects",highlight:"var(--green)",OnClick:()=>{n(i)}}),p.jsx(vl,{text:"Contacts",highlight:"var(--yellow)",OnClick:()=>{n(s)}})]})})})},cx={open:{opacity:1,y:0},closed:{opacity:0,y:10}},vl=({text:e,highlight:t="white",OnClick:n})=>p.jsx(p.Fragment,{children:p.jsxs(_.div,{variants:cx,className:"text-text relative w-max",children:[p.jsx(ct,{OnClick:n,children:p.jsx(Ut,{text:e,highlight:t})}),p.jsx("hr",{className:"border-line absolute mb-4 mt-1 w-[120%] -translate-x-10"})]})}),fx=()=>{const[e,t]=w.useState(!1),n=()=>{t(!e)},r=i=>{if(n(),!i.current)return;const{offsetTop:s}=i.current;window.scrollTo({top:s,behavior:"instant"})};return p.jsxs(p.Fragment,{children:[p.jsx(ux,{isToggled:e,NavigateSection:r}),p.jsx(hx,{}),p.jsxs("div",{className:"bold hover relative flex h-[5rem] w-full select-none items-center justify-between bg-background px-[2rem] tracking-wider",children:[p.jsx(Pp,{text:"a",color:"var(--text)"}),p.jsx(dx,{handleToggle:n,isToggled:e,className:"z-[9999]"})]})]})},dx=Et.memo(({className:e,isToggled:t,handleToggle:n})=>{const r=()=>p.jsx(_.div,{className:"bg-menuBlock aspect-square w-full",initial:t?{rotate:0}:{rotate:45},animate:t?{rotate:45}:{rotate:0}}),i=()=>p.jsx(_.div,{className:"bg-menuBlock aspect-square w-full",initial:t?{scale:1}:{scale:0},animate:t?{scale:0}:{scale:1}});return p.jsxs(_.div,{className:ye("origin grid aspect-square w-10 cursor-pointer grid-cols-3 place-items-center gap-2",`${e}`),onClick:n,animate:t?{rotateZ:90,gap:"4px"}:{rotateZ:0},children:[p.jsx(r,{}),p.jsx(i,{}),p.jsx(r,{}),p.jsx(i,{}),p.jsx(r,{}),p.jsx(i,{}),p.jsx(r,{}),p.jsx(i,{}),p.jsx(r,{})]})}),hx=()=>{const{theme:e}=w.useContext(Lt),t=[0,90,180],n=[7,17,31];return p.jsxs(p.Fragment,{children:[p.jsx(_.img,{src:e=="light"?or:sr,className:"absolute left-0 z-10 w-[25rem]",initial:{x:"-30%",y:"-60%",rotate:t[0]},animate:{rotate:360+t[0]},transition:{duration:n[0],ease:"linear",repeat:1/0}}),p.jsx(_.img,{src:e=="light"?or:sr,className:"absolute left-0 z-10 w-[25rem]",initial:{x:"-30%",y:"-60%",rotate:t[1]},animate:{rotate:360+t[1]},transition:{duration:n[1],ease:"linear",repeat:1/0}})," ",p.jsx(_.img,{src:e=="light"?or:sr,className:"absolute left-0 z-10 w-[25rem]",initial:{x:"-30%",y:"-60%",rotate:t[2]},animate:{rotate:360+t[2]},transition:{duration:n[2],ease:"linear",repeat:1/0}})]})},Ht={initial:{x:"-100%",opacity:0},animate:{x:0,opacity:1}},px={initial:{opacity:0,x:"30%"},animate:{opacity:1,x:0}},mx={Visible:{rotate:[0,25,-25,25,-25,0]},Invisible:{rotate:0}},gx={focus:{opacity:1},unfocused:{opacity:.5}},Ji={focus:{opacity:1},unfocused:{opacity:.5}};var qi,vx=new Uint8Array(16);function yx(){if(!qi&&(qi=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto<"u"&&typeof msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto),!qi))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return qi(vx)}const xx=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function wx(e){return typeof e=="string"&&xx.test(e)}var fe=[];for(var yl=0;yl<256;++yl)fe.push((yl+256).toString(16).substr(1));function Cx(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0,n=(fe[e[t+0]]+fe[e[t+1]]+fe[e[t+2]]+fe[e[t+3]]+"-"+fe[e[t+4]]+fe[e[t+5]]+"-"+fe[e[t+6]]+fe[e[t+7]]+"-"+fe[e[t+8]]+fe[e[t+9]]+"-"+fe[e[t+10]]+fe[e[t+11]]+fe[e[t+12]]+fe[e[t+13]]+fe[e[t+14]]+fe[e[t+15]]).toLowerCase();if(!wx(n))throw TypeError("Stringified UUID is invalid");return n}function T0(e,t,n){e=e||{};var r=e.random||(e.rng||yx)();if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){n=n||0;for(var i=0;i<16;++i)t[n+i]=r[i];return t}return Cx(r)}const $t=({className:e,text:t,TextVariants:n,type:r="word",staggerChildren:i=r=="word"?.175:.04,transition:s,delayChild:o=0})=>{let l=t;r=="word"?l=l.split(" "):l=[...l];const a=w.useRef(null),u=Sp(a,{once:!0});return p.jsx(_.div,{ref:a,className:ye("flex",`${e}`),transition:{staggerChildren:i,delayChildren:o},initial:"initial",animate:u?"animate":"initial",children:l.map((c,f)=>c==" "?p.jsx(_.span,{variants:n,transition:s,children:" "},T0()):p.jsxs(_.span,{className:"whitespace-nowrap",variants:n,transition:s,children:[c,r=="word"&&f!=l.length-1&&p.jsx(p.Fragment,{children:" "})]},T0()))})},Sx=()=>p.jsxs("div",{className:"relative flex text-[4rem] sm:text-[5rem] lg:text-[6rem]",children:[p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"textStroke bold overflow-hidden",text:"Hello, I'm Ashton",TextVariants:Ht,type:"letters"}),p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"bold absolute right-0 -translate-y-1 overflow-hidden",text:"Ashton",TextVariants:Ht,type:"letters",delayChild:.55})]}),kx=()=>p.jsxs("div",{className:"ml-4 text-[5.5rem] leading-[6rem]",children:[p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.1,className:"textStroke bold overflow-hidden",text:"Hello,",TextVariants:Ht,type:"letters"}),p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"textStroke bold overflow-hidden",text:"I'm",TextVariants:Ht,type:"letters",delayChild:.5}),p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"bold absolute translate-y-1 overflow-hidden",text:"Ashton",TextVariants:Ht,type:"letters",delayChild:.9}),p.jsx($t,{transition:{duration:.5,type:"spring"},staggerChildren:.05,className:"textStroke bold overflow-hidden",text:"Ashton",TextVariants:Ht,type:"letters",delayChild:.8})]}),Px=({className:e,itemClassName:t,items:n,icons:r})=>{const[i,s]=w.useState([0,1]),o=n.length;return w.useEffect(()=>{setTimeout(()=>{s([(i[0]+1)%o,(i[1]+1)%o])},2e3)},[i]),w.useEffect(()=>{n.length!=(r==null?void 0:r.length)&&(console.error("items and icons must have the same length"),r=void 0)},[]),p.jsxs(_.div,{className:ye("relative h-min",`${e}`),children:[p.jsxs(_.div,{className:ye("flex w-full whitespace-nowrap",`${t}`),initial:{y:0},animate:{y:"-50%",opacity:0},children:[n[i[0]]," ",!!r&&p.jsx("img",{className:"h-[40px] sm:h-[30px] lg:h-[40px]",src:r[i[0]]})]},n[i[0]]),p.jsxs(_.p,{className:ye("flex w-full whitespace-nowrap",`${t}`),initial:{y:0,opacity:0},animate:{y:"-100%",opacity:1},children:[n[i[1]]," ",!!r&&p.jsx("img",{className:"h-[40px] sm:h-[30px] lg:h-[40px]",src:r[i[1]]})]},n[i[1]])]})},es=({className:e})=>p.jsx("div",{className:ye("bg-Blob absolute z-10 aspect-[2.5] w-[50%] rotate-[25deg] rounded-full blur-[150px]",`${e}`)}),Tx="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.90179%2027.201L3.65479%202H28.3448L26.0948%2027.197L15.9848%2030L5.90179%2027.201Z'%20fill='%23E44F26'/%3e%3cpath%20d='M15.9849%2030L15.9849%202H28.3449L26.0949%2027.197L15.9849%2030Z'%20fill='%231572B6'/%3e%3cpath%20d='M16%2027.8575L24.17%2025.5925L26.092%204.06055H16V27.8575Z'%20fill='%2333A9DC'/%3e%3cpath%20d='M16%2013.4074H11.91L11.628%2010.2424H16V7.15137H15.989H8.25L8.324%207.98137L9.083%2016.4984H16V13.4074Z'%20fill='%23EBEBEB'/%3e%3cpath%20d='M16.0002%2021.4339L15.9862%2021.4379L12.5442%2020.5089L12.3242%2018.0439H10.6512H9.22119L9.65419%2022.8959L15.9862%2024.6539L16.0002%2024.6499V21.4339Z'%20fill='%23EBEBEB'/%3e%3cpath%20d='M15.9888%2013.4072V16.4982H19.7948L19.4368%2020.5072L15.9888%2021.4372V24.6532L22.3258%2022.8962L22.3718%2022.3742L23.0978%2014.2372L23.1738%2013.4072H22.3408H15.9888Z'%20fill='white'/%3e%3cpath%20d='M15.9888%207.15137V9.07137V10.2354V10.2424H23.4448H23.4548L23.5168%209.54837L23.6578%207.98137L23.7318%207.15137H15.9888Z'%20fill='white'/%3e%3c/svg%3e",Ex="https://tulza.github.io/Tulza-dev/assets/react-icon-TYbmH4gU.svg",jx="data:image/svg+xml,%3csvg%20width='75'%20height='45'%20viewBox='0%200%2075%2045'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M37.5%200C27.5%200%2021.25%205%2018.75%2015C22.5%2010%2026.875%208.125%2031.875%209.375C34.7278%2010.0882%2036.7668%2012.1578%2039.0238%2014.4488C42.7004%2018.1807%2046.9557%2022.5%2056.25%2022.5C66.25%2022.5%2072.5%2017.5%2075%207.5C71.25%2012.5%2066.875%2014.375%2061.875%2013.125C59.0222%2012.4118%2056.9832%2010.3422%2054.7262%208.05125C51.0496%204.31931%2046.7943%200%2037.5%200ZM18.75%2022.5C8.75%2022.5%202.5%2027.5%200%2037.5C3.75%2032.5%208.125%2030.625%2013.125%2031.875C15.9778%2032.5882%2018.0168%2034.6578%2020.2738%2036.9488C23.9504%2040.6807%2028.2057%2045%2037.5%2045C47.5%2045%2053.75%2040%2056.25%2030C52.5%2035%2048.125%2036.875%2043.125%2035.625C40.2722%2034.9118%2038.2332%2032.8422%2035.9762%2030.5513C32.2996%2026.8193%2028.0443%2022.5%2018.75%2022.5Z'%20fill='url(%23paint0_linear_28_114)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_28_114'%20x1='-533.333'%20y1='2217.6'%20x2='17843.8'%20y2='8591.65'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232298BD'/%3e%3cstop%20offset='1'%20stop-color='%230ED7B5'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",Lx="data:image/svg+xml,%3csvg%20width='75'%20height='75'%20viewBox='0%200%2075%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M37.5%2075C58.2107%2075%2075%2058.2107%2075%2037.5C75%2016.7893%2058.2107%200%2037.5%200C16.7893%200%200%2016.7893%200%2037.5C0%2058.2107%2016.7893%2075%2037.5%2075Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.75%2049.1077H37.5V66.9649L18.75%2049.1077Z'%20fill='%230055FF'/%3e%3cpath%20d='M37.5%2031.2495H18.75V49.1067H56.25L37.5%2031.2495Z'%20fill='%2300AAFF'/%3e%3cpath%20d='M18.75%2013.3928L37.5%2031.2501H56.25V13.3928H18.75Z'%20fill='%2388DDFF'/%3e%3c/svg%3e",Mx="data:image/svg+xml,%3csvg%20width='75'%20height='75'%20viewBox='0%200%2075%2075'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M63.2812%200C69.7533%200%2075%205.24667%2075%2011.7187V63.2812C75%2069.7533%2069.7533%2075%2063.2812%2075H11.7187C5.24667%2075%200%2069.7533%200%2063.2812V11.7187C0%205.24667%205.24667%200%2011.7187%200H63.2812Z'%20fill='%23030303'/%3e%3cpath%20d='M37.5684%2037.6188C37.5684%2033.18%2041.1668%2029.5813%2045.6056%2029.5813C50.0446%2029.5813%2053.6431%2033.18%2053.6431%2037.6188C53.6431%2042.0579%2050.0446%2045.6563%2045.6056%2045.6563C41.1668%2045.6563%2037.5684%2042.0579%2037.5684%2037.6188Z'%20fill='%231ABCFE'/%3e%3cpath%20d='M21.4932%2053.6937C21.4932%2049.2549%2025.0916%2045.6565%2029.5307%2045.6565H37.5682V53.6937C37.5682%2058.1327%2033.9697%2061.7312%2029.5307%2061.7312C25.0916%2061.7312%2021.4932%2058.1327%2021.4932%2053.6937Z'%20fill='%230ACF83'/%3e%3cpath%20d='M37.5684%2013.5066V29.5813H45.6056C50.0446%2029.5813%2053.6431%2025.9828%2053.6431%2021.5441C53.6431%2017.1051%2050.0446%2013.5066%2045.6056%2013.5066H37.5684Z'%20fill='%23FF7262'/%3e%3cpath%20d='M21.4932%2021.5441C21.4932%2025.9828%2025.0916%2029.5813%2029.5307%2029.5813H37.5682V13.5066H29.5307C25.0916%2013.5066%2021.4932%2017.1051%2021.4932%2021.5441Z'%20fill='%23F24E1E'/%3e%3cpath%20d='M21.4932%2037.6188C21.4932%2042.0579%2025.0916%2045.6563%2029.5307%2045.6563H37.5682V29.5813H29.5307C25.0916%2029.5813%2021.4932%2033.18%2021.4932%2037.6188Z'%20fill='%23A259FF'/%3e%3c/svg%3e",Vx="data:image/svg+xml,%3csvg%20height='256'%20preserveAspectRatio='xMidYMid'%20viewBox='0%200%20256%20256'%20width='256'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m0%20128v-128h128%20128v128%20128h-128-128z'%20fill='%23007acc'%20transform='matrix(1%200%200%20-1%200%20256)'/%3e%3cg%20fill='%23fff'%3e%3cpath%20d='m146.658132%20223.436863.081269-10.483809h-16.660317-16.660317v-47.339683-47.339682h-11.784127-11.7841274v47.339682%2047.339683h-16.6603175-16.6603175v10.280635c0%205.688888.1219048%2010.443174.2844445%2010.565079.1219048.16254%2020.3987301.243809%2044.9828569.203175l44.739048-.121905z'%20transform='matrix(-1%200%200%20-1%20203.26928%20352.285986)'/%3e%3cpath%20d='m206.566631%20234.272145c6.501588-1.625397%2011.459048-4.510477%2016.010159-9.224127%202.356826-2.519365%205.851429-7.111111%206.135873-8.208254.08127-.32508-11.052698-7.801905-17.798095-11.987302-.24381-.16254-1.219048.893968-2.316191%202.519365-3.291428%204.794921-6.745396%206.867302-12.027936%207.233016-7.76127.528254-12.759365-3.535238-12.71873-10.32127%200-1.991111.284444-3.169524%201.097143-4.79492%201.706666-3.535239%204.87619-5.648254%2014.831746-9.955556%2018.326349-7.883175%2026.168889-13.084444%2031.045079-20.48%205.445079-8.248889%206.664127-21.414603%202.966349-31.207619-4.063492-10.646349-14.140952-17.879365-28.322539-20.276825-4.388572-.772064-14.791112-.650159-19.504762.203174-10.280635%201.828572-20.033016%206.907937-26.046984%2013.572064-2.356826%202.600635-6.948572%209.386666-6.664127%209.874285.121904.16254%201.178412.812699%202.356825%201.503492%201.137778.650159%205.445079%203.128889%209.508571%205.485715l7.354921%204.266666%201.544127-2.275555c2.153651-3.291429%206.867302-7.801905%209.711746-9.305397%208.167619-4.307302%2019.382857-3.697778%2024.909206%201.259683%202.356826%202.15365%203.332064%204.388571%203.332064%207.68%200%202.966349-.365714%204.266666-1.909841%206.501587-1.991112%202.844444-6.054604%205.241905-17.594921%2010.24-13.206349%205.688889-18.895238%209.224127-24.096508%2014.831746-3.006984%203.250794-5.851429%208.452063-7.029841%2012.8-.975238%203.616508-1.219048%2012.678095-.446984%2016.335238%202.722539%2012.759365%2012.353015%2021.658413%2026.250158%2024.299683%204.510477.853333%2014.994286.528253%2019.423492-.568889z'%20transform='matrix(1%200%200%20-1%200%20352.38048)'/%3e%3c/g%3e%3c/svg%3e",Rx="data:image/svg+xml,%3csvg%20height='319'%20preserveAspectRatio='xMidYMid'%20viewBox='0%200%20256%20319'%20width='256'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath%20id='a'%20d='m9.87245893%20293.324145-9.86099779-262.7509283c-.3256701-8.6776325%206.32802782-16.0318249%2014.99485846-16.5735018l223.4880694-13.96800436c8.821799-.55136241%2016.420248%206.15315109%2016.971611%2014.97495016.020773.3323713.031167.6653101.031167.99833v286.3136053c0%208.839012-7.165435%2016.004447-16.004448%2016.004447-.239453%200-.478875-.005374-.718087-.016117l-213.6270715-9.594673c-8.3199296-.373675-14.9627611-7.06565-15.27510157-15.388108z'/%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20fill='%23fff'%20xlink:href='%23a'/%3e%3c/mask%3e%3c/defs%3e%3cuse%20fill='%23ff4785'%20xlink:href='%23a'/%3e%3cpath%20d='m188.665358%2039.126973%201.526545-36.71548766%2030.691632-2.41148534%201.32222%2037.8634126c.046016%201.317734-.984915%202.423272-2.302649%202.4692883-.564237.0197036-1.117199-.1611913-1.560697-.5105633l-11.83568-9.323726-14.013155%2010.6298328c-1.050497.7968662-2.548081.5912577-3.344947-.4592396-.335442-.4422072-.506327-.9874722-.483269-1.5420318zm-39.251655%2080.853336c0%206.226666%2041.941975%203.242387%2047.572316-1.131416%200-42.4021104-22.751978-64.6837519-64.414689-64.6837519-41.6627118%200-65.0056495%2022.6283131-65.0056495%2056.5707999%200%2059.116499%2079.7796605%2060.247915%2079.7796605%2092.493278%200%209.05133-4.432203%2014.425558-14.18305%2014.425558-12.70565%200-17.728814-6.488863-17.137853-28.551479%200-4.786197-48.4587575-6.278336-49.9361587%200-3.7620647%2053.465572%2029.5480226%2068.887096%2067.6649717%2068.887096%2036.935028%200%2065.89209-19.687271%2065.89209-55.326883%200-63.359309-80.961582-61.662185-80.961582-93.058985%200-12.7284338%209.455368-14.425558%2015.069492-14.425558%205.909604%200%2016.546892%201.0415999%2015.660452%2024.801341z'%20fill='%23fff'%20mask='url(%23b)'/%3e%3c/svg%3e",Nx=Et.forwardRef((e,t)=>{const n=w.useContext(Mo),r=["Html/Css","React","Tailwind","Framer-motion","Typescript","StoryBook","Figma"],i=[Tx,Ex,jx,Lx,Vx,Rx,Mx];return p.jsxs("div",{className:"relative h-[100vh] overflow-hidden",ref:t,children:[n&&p.jsx("div",{className:"absolute -z-10 h-full w-full",children:p.jsxs(_.div,{className:"relative h-full w-full",animate:{x:["0%","-5%","5%","0%"],rotate:[0,-6,6,0]},transition:{ease:"easeInOut",duration:10,repeat:1/0},children:[p.jsx(es,{className:"left-0 top-[50%] translate-y-[-100%]"}),p.jsx(es,{className:"right-0 translate-x-[50%] translate-y-[50%]"}),p.jsx(es,{className:"bottom-0 right-[25%] translate-x-[50%] translate-y-[50%]"}),p.jsx(es,{className:"bottom-0 left-0 translate-x-[-50%] translate-y-[50%]"})]})}),p.jsx("div",{className:" flex w-full justify-center sm:mt-[2rem]",children:n?p.jsx(lx,{}):p.jsx(fx,{})}),p.jsx("div",{className:"pointer-events-none mt-[6rem] flex h-[100vh] select-none flex-col items-start pb-[10rem] sm:mt-[0rem] sm:items-center sm:justify-center",children:p.jsxs("div",{children:[n?p.jsx(Sx,{}):p.jsx(kx,{}),p.jsx("div",{className:"nsm:flex nsm:w-[100vw] nsm:justify-center",children:p.jsxs("div",{className:"flex flex-col sm:flex-row sm:text-xl lg:text-2xl",children:[p.jsx($t,{text:"self-taught web developer working with",TextVariants:Ht,delayChild:1}),n?p.jsx(p.Fragment,{children:" "}):p.jsx("hr",{}),p.jsx(_.div,{className:"bold w-full justify-start text-2xl sm:text-2xl",initial:"initial",animate:"animate",variants:Ht,transition:{delay:1.8},children:p.jsx(Px,{className:"text-center sm:text-left sm:text-xl lg:text-2xl nsm:mt-8",itemClassName:"nsm:justify-center",items:r,icons:i})})]})})]})})]})}),Ax=({className:e,children:t,duration:n,inViewVariant:r,amount:i,delay:s,once:o=!1})=>{i=i||.5,n=n||.5,s=s||0;const l=w.useRef(null),a=Sp(l,{amount:i,once:o});return p.jsx(_.div,{className:ye("",e),ref:l,initial:"Invisible",animate:a?"Visible":"Invisible",transition:a?{duration:n,delay:s}:{duration:0,delay:0},variants:r,children:t})},ts=Et.forwardRef(({title:e,text:t,titleElem:n},r)=>(typeof t=="string"&&(t=[t]),p.jsxs(_.div,{className:"w-full pb-12 pt-4",ref:r,children:[p.jsx("p",{className:"bold mb-4 text-[1.2rem] sm:text-xl",children:n||e}),p.jsx("div",{className:"space-y-2 text-[0.9rem] sm:text-base",children:t.map(i=>p.jsx("p",{children:i},i))})]}))),Dx=({parentRef:e,itemsRef:t,itemsTitle:n,focus:r,setFocus:i})=>{const{theme:s}=w.useContext(Lt),[o,l]=w.useState(!1),{scrollY:a}=G4(),u=S4(a),c=w4(u,{damping:50,stiffness:400}),f=x4(c,[0,1e3],o?[0,0]:[0,-20],{clamp:!1}),d=w.useRef(null);w.useEffect(()=>{const y=()=>{if(d.current&&e.current){const{offsetTop:v,offsetHeight:h}=d.current,{offsetHeight:m}=e.current;v==0||m-h-v==0?l(!0):l(!1)}},S=()=>{if(d.current){const{offsetTop:v,offsetHeight:h}=d.current,m=v+h/2;for(let C=t.length-1;0<=C;C--)if(t[C].current.offsetTop{y(),S()}),()=>{removeEventListener("scroll",()=>{y(),S()})}});const g=y=>{if(!y.current)return;const S=e.current.offsetTop+y.current.offsetHeight/2+y.current.offsetTop-window.innerHeight/2;window.scrollTo({top:S,behavior:"smooth"})},x=y=>{if(y<0||y>=t.length||!t[y].current)return;const S=e.current.offsetTop+t[y].current.offsetHeight/1.5+t[y].current.offsetTop-window.innerHeight/2;window.scrollTo({top:S,behavior:"smooth"})};return p.jsxs(_.div,{className:"sticky left-0 top-[calc(50%_-_200px)] h-min",style:{y:f},ref:d,children:[p.jsx("div",{className:" bg-aboutContainer w-[200px] space-y-4 rounded-xl p-4 px-2 outline outline-1 outline-[#585858] lg:w-[300px] lg:px-2",children:t.map((y,S)=>p.jsx(_.div,{animate:r==S?"focus":"unfocused",variants:gx,className:"flex h-10 w-full items-center rounded-lg pl-2 outline outline-1 outline-[#585858]",children:p.jsxs(ct,{OnClick:()=>g(y),children:[S+1," ",p.jsx("span",{className:"bold text-sm lg:text-base",children:n[S]})]})},S))}),p.jsxs("div",{className:"mt-4 flex justify-evenly",children:[p.jsx(ct,{className:"rounded-full",OnClick:()=>x(r-1),children:p.jsxs("div",{className:"bg-aboutContainer relative flex h-[40px] w-[80px] items-center justify-center overflow-hidden rounded-full outline outline-1 outline-[#585858]",children:[p.jsx("img",{src:s=="light"?tx:X4,className:"z-10 w-6"}),p.jsx(_.div,{className:"absolute aspect-square w-0 rounded-full bg-[#2c2c2c]",variants:{hovered:{width:"100%"}}})]})}),p.jsx(ct,{className:"rounded-full",OnClick:()=>x(r+1),children:p.jsxs("div",{className:"bg-aboutContainer relative flex h-[40px] w-[80px] items-center justify-center overflow-hidden rounded-full outline outline-1 outline-[#585858]",children:[p.jsx("img",{src:s=="light"?nx:J4,className:"z-10 w-6"}),p.jsx(_.div,{className:"absolute aspect-square w-0 rounded-full bg-[#2c2c2c]",variants:{hovered:{width:"100%"}}})]})})]})]})},_x=()=>{const e=w.useContext(Mo),t=w.useRef(null),n=w.useRef(null),r=w.useRef(null),i=w.useRef(null),s=w.useRef(null),o=[n,r,i,s],[l,a]=w.useState(0);return p.jsxs("div",{ref:t,className:"relative flex h-min w-[300px] justify-between gap-4 sm:w-[650px] lg:w-[1000px]",children:[e&&p.jsx(Dx,{parentRef:t,itemsRef:o,focus:l,setFocus:a,itemsTitle:["Highschool","GamJam","University Of Auckland","WebDev Journey"]}),p.jsxs("div",{className:"bg-aboutContainer mb-[56px] w-full divide-y divide-[#585858] rounded-xl px-6 py-4 outline outline-1 outline-[#585858] sm:px-12",children:[p.jsx(_.div,{variants:Ji,initial:"unfocused",animate:l==0?"focus":e?"unfocused":"focus",children:p.jsx(ts,{ref:n,titleElem:p.jsxs(p.Fragment,{children:["2020-2022 ",p.jsx("br",{}),p.jsx("span",{className:"text-lime-200",children:"Otago Bayfield Highschool"})]}),text:["During my first senior year of highschool, I took my first computer science class during highschool and ever since has taken a liking to it.","During the course of rest of highschool years, I've created many basic terminal programs in C# later creating unity games, and volunteered to become a technical support student."]})}),p.jsx(_.div,{variants:Ji,initial:"unfocused",animate:l==1?"focus":e?"unfocused":"focus",children:p.jsx(ts,{ref:r,titleElem:p.jsxs(p.Fragment,{children:["July 2022 ",p.jsx("br",{}),p.jsx("span",{className:"text-green",children:"Otago GameJam Participant"})]}),text:["I applied to play in a GameJam and worked with a team of 4 from my highschool.","during this 48 hour event to create a game with Unity and C# where i had help create UI assets and design stage layout"]})}),p.jsx(_.div,{variants:Ji,initial:"unfocused",animate:l==2?"focus":e?"unfocused":"focus",children:p.jsx(ts,{ref:i,titleElem:p.jsxs(p.Fragment,{children:["2023-2024",p.jsx("br",{}),p.jsx("span",{className:"text-blue",children:"Studying at University of Auckland"})]}),text:["In early 2023, I moved to Auckland with my family and began my studies at the University of Auckland, majoring in Computer science BSc.","In my first year, studied computer theory and math, learnt to programmed in python, and learnt basic data structures such as stack, queues, binary tree, and hashtables"]})}),p.jsx(_.div,{variants:Ji,initial:"unfocused",animate:l==3?"focus":e?"unfocused":"focus",children:p.jsx(ts,{ref:s,titleElem:p.jsxs(p.Fragment,{children:["2023-2024",p.jsx("br",{}),p.jsx("span",{className:"text-cyan-300",children:"My WebDev journey"})]}),text:["Between my school breaks I've set a goal to become better at web development, because of my passion on designing which have led me to start mimic components from front end mentor challenges.","Ever since I have tried to keep up my work ethics by working something to improve my skills every day which have led up to this website.","During my first few weeks I have worked with html/css/javascript and later adapted to using React, Framer motion, and then Typescript."]})})]})]})},Ix=Et.forwardRef((e,t)=>p.jsx(p.Fragment,{children:p.jsxs("div",{className:"flex w-full flex-col items-center justify-start border-t",children:[p.jsx("div",{ref:t}),p.jsx(Ut,{text:"About me",highlight:"var(--blue)",className:"bold my-10 text-3xl"}),p.jsxs("div",{className:"text-lg sm:text-lg mb-20 w-[90%] px-3 text-center sm:w-[600px] lg:w-[1000px] lg:text-xl",children:[p.jsx("div",{className:"text-3xl",children:p.jsx(Ax,{delay:.5,inViewVariant:mx,duration:1,children:"👋"})}),p.jsx($t,{className:"flex-wrap justify-center",TextVariants:px,transition:{ease:"easeInOut",duration:.3},staggerChildren:.15,text:"Hi, I'm a second-year university student and a self-taught web developer. My passion lies in the creation of UI/UX design, and animation to create beautiful visuals on the web."})]}),p.jsx(_x,{})]})})),Fx="https://tulza.github.io/Tulza-dev/assets/adviceGeneratorComponent-MB2TU0Jq.svg",Ox="https://tulza.github.io/Tulza-dev/assets/urlShortening-DYjInzkr.svg",Bx="https://tulza.github.io/Tulza-dev/assets/StrayArtist-8d8D0ceM.svg",zx="https://tulza.github.io/Tulza-dev/assets/CalcComponent-6j-Wsn_y.svg",Ux="https://tulza.github.io/Tulza-dev/assets/pythonSolitaire-MlI-HMGA.svg",Hx="https://tulza.github.io/Tulza-dev/assets/oldPortfolio-Giu97hS0.svg",$x="data:image/svg+xml,%3csvg%20width='300'%20height='200'%20viewBox='0%200%20300%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_224_132)'%3e%3crect%20width='300'%20height='200'%20fill='white'/%3e%3crect%20width='300'%20height='200'%20fill='%231F1F1F'/%3e%3cg%20clip-path='url(%23clip1_224_132)'%3e%3cpath%20d='M148.75%2071.5625V45H109.688C107.09%2045%20105%2047.0898%20105%2049.6875V140.312C105%20142.91%20107.09%20145%20109.688%20145H175.312C177.91%20145%20180%20142.91%20180%20140.312V76.25H153.438C150.859%2076.25%20148.75%2074.1406%20148.75%2071.5625ZM161.25%20117.656C161.25%20118.945%20160.195%20120%20158.906%20120H126.094C124.805%20120%20123.75%20118.945%20123.75%20117.656V116.094C123.75%20114.805%20124.805%20113.75%20126.094%20113.75H158.906C160.195%20113.75%20161.25%20114.805%20161.25%20116.094V117.656ZM161.25%20105.156C161.25%20106.445%20160.195%20107.5%20158.906%20107.5H126.094C124.805%20107.5%20123.75%20106.445%20123.75%20105.156V103.594C123.75%20102.305%20124.805%20101.25%20126.094%20101.25H158.906C160.195%20101.25%20161.25%20102.305%20161.25%20103.594V105.156ZM161.25%2091.0938V92.6562C161.25%2093.9453%20160.195%2095%20158.906%2095H126.094C124.805%2095%20123.75%2093.9453%20123.75%2092.6562V91.0938C123.75%2089.8047%20124.805%2088.75%20126.094%2088.75H158.906C160.195%2088.75%20161.25%2089.8047%20161.25%2091.0938ZM180%2068.8086V70H155V45H156.191C157.441%2045%20158.633%2045.4883%20159.512%2046.3672L178.633%2065.5078C179.512%2066.3867%20180%2067.5781%20180%2068.8086Z'%20fill='%23333232'/%3e%3c/g%3e%3crect%20x='101.085'%20y='44.708'%20width='130.896'%20height='6'%20rx='1'%20transform='rotate(47.5644%20101.085%2044.708)'%20fill='%23333232'/%3e%3crect%20x='105.428'%20y='41'%20width='130.896'%20height='6'%20transform='rotate(47.5644%20105.428%2041)'%20fill='%231F1F1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_224_132'%3e%3crect%20width='300'%20height='200'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_224_132'%3e%3crect%20width='75'%20height='100'%20fill='white'%20transform='translate(105%2045)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",E0=e=>{switch(e=String(e).toLowerCase(),e){case"react":return"aqua";case"tailwind":case"typescript":return"blue";case"html/css":return"red";case"unity":case"framer motion":case"figma":return"gray";case"javascript":case"python":return"yellow";case"post api":case"rest api":case"turtle graphics":return"green";case"c#":case"responsive":return"purple";case"storybook":return"pink";default:return"white"}},In=({image:e=$x,title:t,tags:n=[],githubLink:r,pageLink:i})=>{const[l,a]=w.useState(!1),[u,c]=w.useState(!1),f={scale:1.1},d=w.useRef(null),{theme:g}=w.useContext(Lt),x=10;return w.useEffect(()=>{if(!d.current)return;const{offsetWidth:y}=d.current;y>300&&c(!0)},[]),p.jsxs("div",{style:{width:300,height:200},className:"border-1 relative select-none overflow-hidden rounded-xl border",onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[p.jsx("img",{src:e,style:{height:200}}),p.jsxs("div",{children:[p.jsx(_.div,{initial:{y:"0%"},animate:l?{y:"-120%"}:{y:"0%"},className:"bg-cardTagBg absolute top-0 ml-1 mt-1 rounded-lg p-1 outline outline-1",children:t}),p.jsxs("div",{className:"absolute right-0 top-0 mr-1 mt-1 space-y-2",children:[!!i&&p.jsx(_.a,{target:"_blank",href:i,whileHover:f,className:"bg-cardTagBg grid aspect-square w-[30px] cursor-pointer place-items-center rounded-lg p-1 outline outline-1",children:p.jsx("img",{src:g=="light"?ox:sx,className:"w-[20px]"})}),!!r&&p.jsx(_.a,{target:"_blank",href:r,whileHover:f,className:"bg-cardTagBg grid aspect-square w-[30px] cursor-pointer place-items-center rounded-xl p-1 outline outline-1",children:p.jsx("img",{src:g=="light"?Ep:Tp,className:"w-[20px]"})})]})]}),p.jsx(_.div,{className:"absolute flex h-[40px] w-full items-center rounded-t-lg bg-[#1] py-2 outline outline-1 backdrop-blur-lg",initial:{y:"-100%"},animate:l?{y:"1%"}:{y:"-100%"},transition:{ease:"easeInOut",duration:.2},children:p.jsxs(_.div,{className:"flex gap-2 pl-2",ref:d,initial:{x:"0%"},animate:u?{x:"-50%"}:{},transition:{duration:x,ease:"linear",repeat:1/0},children:[n.map(y=>p.jsx("div",{style:{color:`var(--tag_${E0(y)})`},className:"h-full whitespace-nowrap rounded-md bg-black px-1 outline outline-1",children:y},y)),u&&n.map(y=>p.jsx("div",{style:{color:`var(--tag_${E0(y)})`},className:"h-full whitespace-nowrap rounded-md bg-black px-1 outline outline-1",children:y},y))]})})]})},Ge=({index:e})=>[p.jsx(In,{title:"Old web portfolio",image:Hx,githubLink:"https://github.com/tulza/Tulza-dev-old",pageLink:"https://tulza.github.io/Tulza-dev-old/",tags:["React","Javascript","Tailwind","Framer motion","HTML/CSS"]}),p.jsx(In,{title:"URL shortening page",image:Ox,githubLink:"https://github.com/tulza/url-shortening-api",pageLink:"https://tulza.github.io/url-shortening-api/#",tags:["React","Javascript","Tailwind","Responsive","Post API","HTML/CSS"]}),p.jsx(In,{image:Fx,title:"Advice generator app",githubLink:"https://github.com/tulza/frontend-mentor-challenges/tree/main/3.%20advice-generator-app-main",pageLink:"https://tulza.github.io/frontend-mentor-challenges/3.%20advice-generator-app-main/index.html",tags:["HTML/CSS","Javascript","Rest API"]}),p.jsx(In,{title:"Calculator app component",githubLink:"https://github.com/tulza/Calculator-app",pageLink:"https://tulza.github.io/Calculator-app",image:zx,tags:["React","Tailwind","Typescript","Framer motion","Responsive"]}),p.jsx(In,{title:"python simplifed solitaire",image:Ux,tags:["Python","Turtle graphics"]}),p.jsx(In,{title:'"stray artist" platformer',image:Bx,githubLink:"https://github.com/tulza/Stray-Artist",tags:["C#","Unity"]})][e],bx=()=>p.jsxs("div",{className:"flex gap-4 lg:flex-col",children:[p.jsxs("div",{className:"flex h-[full] w-min gap-4 sm:flex-col lg:translate-x-[5%] lg:flex-row",children:[p.jsx(Ge,{index:0}),p.jsx(Ge,{index:1}),p.jsx(Ge,{index:2})]}),p.jsxs("div",{className:"flex h-[full] w-min gap-4 sm:flex-col lg:-translate-x-[5%] lg:flex-row",children:[p.jsx(Ge,{index:3}),p.jsx(Ge,{index:4}),p.jsx(Ge,{index:5})]})]}),Wx=()=>{const{theme:e}=w.useContext(Lt),t=100,n=300,r=6,[i,s]=w.useState(1),o=({OnClick:l,image:a})=>p.jsx(_.div,{whileHover:{scale:.95},whileTap:{scale:1.05},onClick:l,className:"flex aspect-square h-[50px] cursor-pointer select-none items-center justify-center rounded-xl p-2 outline outline-1",children:p.jsx("img",{src:a,className:"h-full"})});return p.jsxs("div",{className:"my-4 flex w-[100vw] flex-col items-center overflow-hidden py-4",children:[p.jsx("div",{className:"flex w-[300px]",children:p.jsxs(_.div,{className:"flex",style:{gap:t},animate:{x:-(n+t)*(i-1)},transition:{ease:"easeInOut"},children:[p.jsx(Ge,{index:0}),p.jsx(Ge,{index:1}),p.jsx(Ge,{index:2}),p.jsx(Ge,{index:3}),p.jsx(Ge,{index:4}),p.jsx(Ge,{index:5})]})}),p.jsxs("div",{className:"mt-8 flex gap-8",children:[p.jsx(o,{className:"-rotate-90",image:e=="light"?rx:q4,OnClick:()=>{i!=1&&s(i-1)}}),p.jsxs("div",{className:"bold flex w-[50px] select-none items-center justify-center border-b-2",children:[i,"/",r]}),p.jsx(o,{image:e=="light"?ix:ex,OnClick:()=>{i!=6&&s(i+1)}})]})]})},Gx=Et.forwardRef((e,t)=>{const n=w.useContext(Mo);return p.jsx("div",{className:"flex w-full flex-col items-center pb-40",children:p.jsxs("div",{className:"flex h-[full] flex-col items-center",ref:t,children:[p.jsx(Ut,{text:"Projects",highlight:"var(--green)",className:"bold my-10 text-3xl"}),n?p.jsx(bx,{}):p.jsx(Wx,{})]})})}),j0=()=>p.jsx("div",{className:"fade pointer-events-none absolute z-10 flex h-[200px] w-full -translate-y-[50%] items-end sm:h-[400px]"}),L0=({image:e,link:t,label:n})=>p.jsxs("a",{target:"_blank",href:t,className:"bg-gray flex cursor-pointer items-center gap-4 rounded-xl p-2 outline outline-1",children:[p.jsx("img",{src:e,className:"aspect-square h-[30px] sm:h-[50px]"}),p.jsx("p",{children:n})]}),Zx=()=>p.jsx("div",{className:"pt-[6rem] sm:pt-[15rem]"}),Le={origin:"https://api.emailjs.com",blockHeadless:!1},Ku=e=>e?typeof e=="string"?{publicKey:e}:e.toString()==="[object Object]"?e:{}:{},Kx=(e,t="https://api.emailjs.com")=>{if(!e)return;const n=Ku(e);Le.publicKey=n.publicKey,Le.blockHeadless=n.blockHeadless,Le.blockList=n.blockList,Le.limitRate=n.limitRate,Le.origin=n.origin||t};class Lo{constructor(t=0,n="Network Error"){this.status=t,this.text=n}}const jp=async(e,t,n={})=>{const r=await fetch(Le.origin+e,{method:"POST",headers:n,body:t}),i=await r.text(),s=new Lo(r.status,i);if(r.ok)return s;throw s},Lp=(e,t,n)=>{if(!e||typeof e!="string")throw"The public key is required. Visit https://dashboard.emailjs.com/admin/account";if(!t||typeof t!="string")throw"The service ID is required. Visit https://dashboard.emailjs.com/admin";if(!n||typeof n!="string")throw"The template ID is required. Visit https://dashboard.emailjs.com/admin/templates"},Qx=e=>{if(e&&e.toString()!=="[object Object]")throw"The template params have to be the object. Visit https://www.emailjs.com/docs/sdk/send/"},Mp=e=>e.webdriver||!e.languages||e.languages.length===0,Vp=()=>new Lo(451,"Unavailable For Headless Browser"),Yx=(e,t)=>{if(!Array.isArray(e))throw"The BlockList list has to be an array";if(typeof t!="string")throw"The BlockList watchVariable has to be a string"},Xx=e=>{var t;return!((t=e.list)!=null&&t.length)||!e.watchVariable},Jx=(e,t)=>e instanceof FormData?e.get(t):e[t],Rp=(e,t)=>{if(Xx(e))return!1;Yx(e.list,e.watchVariable);const n=Jx(t,e.watchVariable);return typeof n!="string"?!1:e.list.includes(n)},Np=()=>new Lo(403,"Forbidden"),qx=(e,t)=>{if(typeof e!="number"||e<0)throw"The LimitRate throttle has to be a positive number";if(t&&typeof t!="string")throw"The LimitRate ID has to be a string"},e6=(e,t,n)=>{const r=Number(n.getItem(e)||0);return t-Date.now()+r},M0=(e,t,n)=>{setTimeout(()=>{n.removeItem(e)},t)},Ap=(e,t,n)=>{if(!n.throttle)return!1;qx(n.throttle,n.id);const r=n.id||t,i=e6(r,n.throttle,e);return i>0?(M0(r,i,e),!0):(e.setItem(r,Date.now().toString()),M0(r,n.throttle,e),!1)},Dp=()=>new Lo(429,"Too Many Requests"),t6=(e,t,n,r)=>{const i=Ku(r),s=i.publicKey||Le.publicKey,o=i.blockHeadless||Le.blockHeadless,l={...Le.blockList,...i.blockList},a={...Le.limitRate,...i.limitRate};return o&&Mp(navigator)?Promise.reject(Vp()):(Lp(s,e,t),Qx(n),n&&Rp(l,n)?Promise.reject(Np()):Ap(localStorage,location.pathname,a)?Promise.reject(Dp()):jp("/api/v1.0/email/send",JSON.stringify({lib_version:"4.1.0",user_id:s,service_id:e,template_id:t,template_params:n}),{"Content-type":"application/json"}))},n6=e=>{if(!e||e.nodeName!=="FORM")throw"The 3rd parameter is expected to be the HTML form element or the style selector of the form"},r6=e=>typeof e=="string"?document.querySelector(e):e,i6=(e,t,n,r)=>{const i=Ku(r),s=i.publicKey||Le.publicKey,o=i.blockHeadless||Le.blockHeadless,l={...Le.blockList,...i.blockList},a={...Le.limitRate,...i.limitRate};if(o&&Mp(navigator))return Promise.reject(Vp());const u=r6(n);Lp(s,e,t),n6(u);const c=new FormData(u);return Rp(l,c)?Promise.reject(Np()):Ap(localStorage,location.pathname,a)?Promise.reject(Dp()):(c.append("lib_version","4.1.0"),c.append("service_id",e),c.append("template_id",t),c.append("user_id",s),jp("/api/v1.0/email/send-form",c))},s6={init:Kx,send:t6,sendForm:i6},o6=({className:e})=>{const[t,n]=w.useState(""),[r,i]=w.useState(!0),s=l=>/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(l).toLowerCase()),o=l=>{const a={firstName:l.target.Name.value,lastName:"",email:l.target.email.value,message:l.target.message.value};if(!s(a.email)){i(!1),console.log("invalid email");return}n("sending..."),s6.send("service_1ky3x8k","template_o64krx7",a,"uGbBWlRG9lo-8cow6").then(u=>u).then(u=>{console.log("data from response ",JSON.stringify(u)),u.status<299&&(console.log("successfully sent"),l.target.fName.value="",l.target.lName.value="",l.target.email.value="",l.target.message.value="",n("Thank you!"))}).catch(u=>{console.warn(`ERROR: `,JSON.stringify(u)),n("Error")})};return p.jsx("div",{className:ye("h-[400px] w-[300px] rounded-xl outline outline-1 sm:h-[700px] sm:w-[600px] lg:w-[1000px]",`${e}`),children:p.jsxs("form",{className:"relative flex h-full flex-col gap-2 sm:gap-8",onSubmit:l=>{l.preventDefault(),t||o(l)},children:[p.jsx("p",{className:"bold mb-4 border-b pb-1 text-xl sm:mb-12 sm:text-2xl",children:"Message me!"}),p.jsxs("div",{className:"grid grid-cols-2 gap-8",children:[p.jsx(V0,{label:"Name",id:"Name"}),p.jsx(V0,{label:"Email",id:"email",isError:!r,OnClick:()=>i(!0),errorMessage:"bad email"})]}),p.jsxs("div",{className:"flex flex-col",children:[p.jsx("label",{htmlFor:"message",children:"Message"}),p.jsx("textarea",{className:"max-h-[100px] min-h-[100px] rounded-xl bg-transparent p-2 outline outline-1 sm:max-h-[180px] sm:min-h-[240px]",name:"message",id:"message",required:!0})]}),p.jsxs("div",{className:"absolute bottom-0 right-0 flex items-center",children:[p.jsxs("p",{className:"text-base",children:[t," "]}),p.jsx("button",{type:"submit",className:"m-2 w-min rounded-xl px-8 py-2 outline outline-1",children:t?t=="Thank you!"?":)":"...":"send"})]})]})})},V0=({label:e,id:t,isError:n,errorMessage:r,OnClick:i})=>p.jsxs("div",{className:"flex flex-col",children:[p.jsx("label",{htmlFor:t,children:e}),p.jsx(_.input,{type:"text",name:t,id:t,required:!0,className:"h-[60px] border-b bg-transparent p-2",animate:n?{borderColor:"#f00"}:{},onClick:i}),p.jsx(_.p,{className:"text-sm text-[#f00]",animate:n?{opacity:1}:{opacity:0},children:r})]}),l6=w.forwardRef((e,t)=>{const{theme:n}=w.useContext(Lt);return p.jsxs("div",{children:[p.jsx(Zx,{}),p.jsxs("div",{className:"flex flex-col gap-4 sm:gap-8 nsm:justify-between",ref:t,children:[p.jsxs("div",{className:"flex flex-col items-center gap-4",children:[p.jsx(Ut,{text:"Contacts",highlight:"var(--yellow)",className:"bold my-10 w-min text-3xl"}),p.jsx(o6,{className:"bold p-4 text-base sm:p-8 sm:text-xl"})]}),p.jsxs("div",{className:"bold mb-[2rem] flex flex-col items-center justify-center gap-4 whitespace-nowrap text-base sm:gap-8 sm:text-2xl lg:flex-row",children:[p.jsx("p",{className:"h-min",children:"Also available on"}),p.jsxs("div",{className:"flex items-center gap-4 sm:gap-8",children:[p.jsx(L0,{label:"Github",image:n=="light"?Ep:Tp,link:"https://github.com/tulza"}),p.jsx("p",{children:"and"}),p.jsx(L0,{label:"Linkedin",image:n=="light"?Y4:Q4,link:""})]})]})]})]})}),Qu=w.createContext({IntroRef:null,AboutRef:null,ProjectRef:null}),a6=()=>{const e=w.useRef(null),t=w.useRef(null),n=w.useRef(null),r=w.useRef(null),i={IntroRef:e,AboutRef:t,ProjectRef:n,ContactRef:r},{theme:s}=w.useContext(Lt);return p.jsx(w.Fragment,{children:p.jsxs(Qu.Provider,{value:i,children:[p.jsx(Nx,{ref:e}),p.jsx(j0,{}),p.jsxs("div",{className:ye(s=="light"?"grid-background-50-light":"grid-background-50"),children:[p.jsx(Ix,{ref:t}),p.jsx(Gx,{ref:n})]}),p.jsx(j0,{}),p.jsx(l6,{ref:r})]})})},u6=()=>{const{theme:e,setTheme:t}=w.useContext(Lt);return p.jsxs("div",{className:"fixed right-10 top-10 z-20",children:[p.jsx(ct,{OnClick:()=>{t("Default")},children:"Default"}),p.jsx(ct,{OnClick:()=>{t("light")},children:"Light"}),"current: ",e]})},Xs=class Xs{static getTheme(){return Xs.Theme}static setTheme(t){document.documentElement.setAttribute("theme-data",t),this.Theme="theme"}};Yu(Xs,"Theme","light");let Ys=Xs;const c6=()=>{const[e,t]=w.useState(Ys.getTheme());return w.useEffect(()=>{(r=>{Ys.setTheme(r),t(r)})(e)},[e]),{theme:e,setTheme:t}},Mo=w.createContext(!1),Lt=w.createContext(null);function f6(){const e=sv("(min-width:640px)"),{theme:t,setTheme:n}=c6(),r=({children:i})=>p.jsx(Mo.Provider,{value:e,children:p.jsx(Lt.Provider,{value:{theme:t,setTheme:n},children:i})});return p.jsxs(r,{children:[p.jsx(u6,{}),p.jsx(iv,{basename:"/Tulza-dev",children:p.jsxs(nv,{children:[p.jsx(ha,{path:"/",element:p.jsx(a6,{})}),p.jsx(ha,{path:"/",element:p.jsx(ev,{to:"/"})})]})})]})}xl.createRoot(document.getElementById("root")).render(p.jsx(Et.StrictMode,{children:p.jsx(f6,{})})); diff --git a/assets/index-nKLTnsC2.css b/assets/index-arcK9r92.css similarity index 51% rename from assets/index-nKLTnsC2.css rename to assets/index-arcK9r92.css index d5e4d92..c485e14 100644 --- a/assets/index-nKLTnsC2.css +++ b/assets/index-arcK9r92.css @@ -1 +1 @@ -*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.left-0{left:0}.left-\[50\%\]{left:50%}.right-0{right:0}.right-10{right:2.5rem}.right-8{right:2rem}.right-\[25\%\]{right:25%}.top-0{top:0}.top-10{top:2.5rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.top-\[calc\(50\%_-_200px\)\]{top:calc(50% - 200px)}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-\[9999\]{z-index:9999}.z-\[999\]{z-index:999}.m-2{margin:.5rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-20{margin-bottom:5rem}.mb-4{margin-bottom:1rem}.mb-\[2rem\]{margin-bottom:2rem}.mb-\[56px\]{margin-bottom:56px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-\[6rem\]{margin-top:6rem}.mt-\[8rem\]{margin-top:8rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[2\.5\]{aspect-ratio:2.5}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\/3{height:66.666667%}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[30px\]{height:30px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[50px\]{height:50px}.h-\[5rem\]{height:5rem}.h-\[60px\]{height:60px}.h-\[full\]{height:full}.h-full{height:100%}.h-min{height:-moz-min-content;height:min-content}.max-h-\[100px\]{max-height:100px}.min-h-\[100px\]{min-height:100px}.w-0{width:0px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-\[100vw\]{width:100vw}.w-\[120\%\]{width:120%}.w-\[1px\]{width:1px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[220px\]{width:220px}.w-\[25rem\]{width:25rem}.w-\[300px\]{width:300px}.w-\[30px\]{width:30px}.w-\[30rem\]{width:30rem}.w-\[32rem\]{width:32rem}.w-\[35rem\]{width:35rem}.w-\[50\%\]{width:50%}.w-\[50px\]{width:50px}.w-\[50rem\]{width:50rem}.w-\[80px\]{width:80px}.w-\[90\%\]{width:90%}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-min{width:-moz-min-content;width:min-content}.-translate-x-10{--tw-translate-x: -2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[10\%\]{--tw-translate-x: 10%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[50\%\]{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-100\%\]{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[50\%\]{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[25deg\]{--tw-rotate: 25deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[\#585858\]>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(88 88 88 / var(--tw-divide-opacity))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-blue{border-color:var(--blue)}.border-green{border-color:var(--green)}.border-line{border-color:var(--line)}.border-purple{border-color:var(--purple)}.border-red{border-color:var(--red)}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-yellow{border-color:var(--yellow)}.bg-Blob{background-color:var(--blob-bg)}.bg-\[\#1\]{background-color:#1}.bg-\[\#2c2c2c\]{--tw-bg-opacity: 1;background-color:rgb(44 44 44 / var(--tw-bg-opacity))}.bg-aboutContainer{background-color:var(--aboutContainer)}.bg-background{background-color:var(--background)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-cardTagBg{background-color:var(--cardTagBg)}.bg-menuBlock{background-color:var(--menu-block)}.bg-navMenuBg{background-color:var(--navMenuBg)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8,.px-\[2rem\]{padding-left:2rem;padding-right:2rem}.px-\[5rem\]{padding-left:5rem;padding-right:5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-40,.pb-\[10rem\]{padding-bottom:10rem}.pl-2{padding-left:.5rem}.pt-4{padding-top:1rem}.pt-\[6rem\]{padding-top:6rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.777rem}.text-3xl{font-size:2.369rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[4rem\]{font-size:4rem}.text-\[5\.5rem\]{font-size:5.5rem}.text-base{font-size:1rem}.text-sm{font-size:.75rem}.text-xl{font-size:1.333rem}.font-bold{font-weight:700}.leading-\[6rem\]{line-height:6rem}.tracking-wider{letter-spacing:.05em}.text-\[\#f00\]{--tw-text-opacity: 1;color:rgb(255 0 0 / var(--tw-text-opacity))}.text-blue{color:var(--blue)}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity))}.text-green{color:var(--green)}.text-lime-200{--tw-text-opacity: 1;color:rgb(217 249 157 / var(--tw-text-opacity))}.text-transparent{color:transparent}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-\[\#585858\]{outline-color:#585858}.outline-\[var\(--skill-confidence\)\]{outline-color:var(--skill-confidence)}.outline-\[var\(--skill-experience\)\]{outline-color:var(--skill-experience)}.blur-\[150px\]{--tw-blur: blur(150px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[2px\]{--tw-blur: blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur: blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--tag_aqua: #84d8ff;--tag_blue: #84bdff;--tag_green: #abff84;--tag_purple: #b984ff;--tag_pink: #ff84b7;--tag_red: #ff8484;--tag_yellow: #ffe284;--tag_gray: #bbbbbb;--blue: #84d8ff;--green: #abff84;--purple: #b984ff;--red: #ff8484;--yellow: #ffe284;--background: black;--line: #ffffff;--text: hsl(0, 0%, 100%);--text2: hsl(0, 0%, 100%);--blob-bg: #202020;--sectionSplit: rgb(19, 19, 19);--menu-block: white;--skill-experience: #2b84d7;--skill-confidence: #d7922b;--navMenuBg: #0009;--aboutContainer: #252525;--cardTagBg: black;--test: #f00}:root[theme-data=light]{--background: white;--line: #8a8a8a;--menu-block: black;--text: hsl(0, 0%, 8%);--text2: hsl(0, 0%, 100%);--blob-bg: #8a8a8a;--navMenuBg: #fff3;--aboutContainer: #e5e7e9;--cardTagBg: white;--sectionSplit: rgb(255, 255, 255)}html,#root{font-family:Literal Regular;scroll-behavior:smooth;overscroll-behavior:none;height:100vh;width:100vw}html{background-color:var(--background);color:var(--text);overflow-x:hidden}.textStroke{-webkit-text-stroke:1px var(--text);text-stroke:1px var(--text);color:transparent}.grid-background-50{background:url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200H50V50H0V0Z'%20fill='%23252525'/%3e%3cpath%20d='M15%200H15.2V50H15V0Z'%20fill='%23585858'/%3e%3cpath%20d='M0%2016H50V15.8H0V16Z'%20style='fill:%20%23585858;'/%3e%3c/svg%3e");background-size:50px}.grid-background-50-light{background:url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200H50V50H0V0Z'%20fill='%23fff'/%3e%3cpath%20d='M15%200H15.2V50H15V0Z'%20fill='%23aaa'/%3e%3cpath%20d='M0%2016H50V15.8H0V16Z'%20style='fill:%20%23aaa;'/%3e%3c/svg%3e");background-size:50px}.diagonal-background-16{background:url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_240_185)'%3e%3crect%20x='-1'%20y='-0.292969'%20width='1'%20height='14'%20transform='rotate(-45%20-1%20-0.292969)'%20fill='%23D9D9D9'/%3e%3crect%20x='3'%20y='-4.29297'%20width='1'%20height='14'%20transform='rotate(-45%203%20-4.29297)'%20fill='%23D9D9D9'/%3e%3crect%20x='-6'%20y='2.70703'%20width='1'%20height='14'%20transform='rotate(-45%20-6%202.70703)'%20fill='%23D9D9D9'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_240_185'%3e%3crect%20width='8'%20height='8'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:16px}.diagonal-background-orange-16{background:url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_240_185)'%3e%3crect%20x='-1'%20y='-0.292969'%20width='1'%20height='14'%20transform='rotate(-45%20-1%20-0.292969)'%20fill='%23D7922B'/%3e%3crect%20x='3'%20y='-4.29297'%20width='1'%20height='14'%20transform='rotate(-45%203%20-4.29297)'%20fill='%23D7922B'/%3e%3crect%20x='-6'%20y='2.70703'%20width='1'%20height='14'%20transform='rotate(-45%20-6%202.70703)'%20fill='%23D7922B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_240_185'%3e%3crect%20width='8'%20height='8'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:16px}.diagonal-background-blue-16{background:url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_240_185)'%3e%3crect%20x='-1'%20y='-0.292969'%20width='1'%20height='14'%20transform='rotate(-45%20-1%20-0.292969)'%20fill='%232b84d7'%20/%3e%3crect%20x='3'%20y='-4.29297'%20width='1'%20height='14'%20transform='rotate(-45%203%20-4.29297)'%20fill='%232b84d7'/%3e%3crect%20x='-6'%20y='2.70703'%20width='1'%20height='14'%20transform='rotate(-45%20-6%202.70703)'%20fill='%232b84d7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_240_185'%3e%3crect%20width='8'%20height='8'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:16px}.fade{-o-object-fit:cover;object-fit:cover;background:linear-gradient(to top,rgba(255,255,255,0),var(--sectionSplit) 50%,rgba(255,255,255,0))}.test{transform:translate(calc(16%-100px))}@media (min-width: 640px){.sm\:mb-12{margin-bottom:3rem}.sm\:mt-\[0rem\]{margin-top:0rem}.sm\:mt-\[2rem\]{margin-top:2rem}.sm\:h-\[30px\]{height:30px}.sm\:h-\[400px\]{height:400px}.sm\:h-\[50px\]{height:50px}.sm\:h-\[700px\]{height:700px}.sm\:max-h-\[180px\]{max-height:180px}.sm\:min-h-\[240px\]{min-height:240px}.sm\:w-\[400px\]{width:400px}.sm\:w-\[600px\]{width:600px}.sm\:w-\[650px\]{width:650px}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:gap-8{gap:2rem}.sm\:p-8{padding:2rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:pt-\[15rem\]{padding-top:15rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.777rem}.sm\:text-\[5rem\]{font-size:5rem}.sm\:text-base{font-size:1rem}.sm\:text-xl{font-size:1.333rem}}@media (min-width: 1024px){.lg\:h-\[40px\]{height:40px}.lg\:w-\[1000px\]{width:1000px}.lg\:w-\[300px\]{width:300px}.lg\:w-\[600px\]{width:600px}.lg\:-translate-x-\[5\%\]{--tw-translate-x: -5%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:translate-x-\[5\%\]{--tw-translate-x: 5%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:text-2xl{font-size:1.777rem}.lg\:text-\[6rem\]{font-size:6rem}.lg\:text-base{font-size:1rem}.lg\:text-xl{font-size:1.333rem}}@media (max-width: 639px){.nsm\:mt-8{margin-top:2rem}.nsm\:flex{display:flex}.nsm\:w-\[100vw\]{width:100vw}.nsm\:justify-center{justify-content:center}.nsm\:justify-between{justify-content:space-between}}html{font-family:Literal Regular}.bold{font-family:Literal Bold}.light{font-family:Literal Light}@font-face{font-family:Literal Regular;font-style:normal;font-weight:400;src:local("Literal Regular"),url(https://tulza.github.io/Tulza-dev/assets/regular-WeO2PuZg.woff) format("woff")}@font-face{font-family:Literal Light;font-style:normal;font-weight:400;src:local("Literal Light"),url(https://tulza.github.io/Tulza-dev/assets/light-kJtf_lIz.woff) format("woff")}@font-face{font-family:Literal Bold;font-style:normal;font-weight:400;src:local("Literal Bold"),url(https://tulza.github.io/Tulza-dev/assets/bold-zzSG2hvK.woff) format("woff")}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#777;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#888} +*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.left-0{left:0}.left-\[50\%\]{left:50%}.right-0{right:0}.right-10{right:2.5rem}.right-8{right:2rem}.right-\[25\%\]{right:25%}.top-0{top:0}.top-10{top:2.5rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.top-\[calc\(50\%_-_200px\)\]{top:calc(50% - 200px)}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-\[9999\]{z-index:9999}.z-\[999\]{z-index:999}.m-2{margin:.5rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-20{margin-bottom:5rem}.mb-4{margin-bottom:1rem}.mb-\[2rem\]{margin-bottom:2rem}.mb-\[56px\]{margin-bottom:56px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-\[6rem\]{margin-top:6rem}.mt-\[8rem\]{margin-top:8rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[2\.5\]{aspect-ratio:2.5}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\/3{height:66.666667%}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[30px\]{height:30px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[50px\]{height:50px}.h-\[5rem\]{height:5rem}.h-\[60px\]{height:60px}.h-\[full\]{height:full}.h-full{height:100%}.h-min{height:-moz-min-content;height:min-content}.max-h-\[100px\]{max-height:100px}.min-h-\[100px\]{min-height:100px}.w-0{width:0px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-\[100vw\]{width:100vw}.w-\[120\%\]{width:120%}.w-\[1px\]{width:1px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[220px\]{width:220px}.w-\[25rem\]{width:25rem}.w-\[300px\]{width:300px}.w-\[30px\]{width:30px}.w-\[30rem\]{width:30rem}.w-\[32rem\]{width:32rem}.w-\[35rem\]{width:35rem}.w-\[50\%\]{width:50%}.w-\[50px\]{width:50px}.w-\[50rem\]{width:50rem}.w-\[80px\]{width:80px}.w-\[90\%\]{width:90%}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-min{width:-moz-min-content;width:min-content}.-translate-x-10{--tw-translate-x: -2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[10\%\]{--tw-translate-x: 10%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[50\%\]{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-100\%\]{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[50\%\]{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[25deg\]{--tw-rotate: 25deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[\#585858\]>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(88 88 88 / var(--tw-divide-opacity))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-blue{border-color:var(--blue)}.border-green{border-color:var(--green)}.border-line{border-color:var(--line)}.border-purple{border-color:var(--purple)}.border-red{border-color:var(--red)}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-yellow{border-color:var(--yellow)}.bg-Blob{background-color:var(--blob-bg)}.bg-\[\#1\]{background-color:#1}.bg-\[\#2c2c2c\]{--tw-bg-opacity: 1;background-color:rgb(44 44 44 / var(--tw-bg-opacity))}.bg-aboutContainer{background-color:var(--aboutContainer)}.bg-background{background-color:var(--background)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-cardTagBg{background-color:var(--cardTagBg)}.bg-menuBlock{background-color:var(--menu-block)}.bg-navMenuBg{background-color:var(--navMenuBg)}.bg-text{background-color:var(--text)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8,.px-\[2rem\]{padding-left:2rem;padding-right:2rem}.px-\[5rem\]{padding-left:5rem;padding-right:5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-40,.pb-\[10rem\]{padding-bottom:10rem}.pl-2{padding-left:.5rem}.pt-4{padding-top:1rem}.pt-\[6rem\]{padding-top:6rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.777rem}.text-3xl{font-size:2.369rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[4rem\]{font-size:4rem}.text-\[5\.5rem\]{font-size:5.5rem}.text-base{font-size:1rem}.text-sm{font-size:.75rem}.text-xl{font-size:1.333rem}.font-bold{font-weight:700}.leading-\[6rem\]{line-height:6rem}.tracking-wider{letter-spacing:.05em}.text-\[\#f00\]{--tw-text-opacity: 1;color:rgb(255 0 0 / var(--tw-text-opacity))}.text-blue{color:var(--blue)}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity))}.text-green{color:var(--green)}.text-lime-200{--tw-text-opacity: 1;color:rgb(217 249 157 / var(--tw-text-opacity))}.text-text{color:var(--text)}.text-transparent{color:transparent}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-\[\#585858\]{outline-color:#585858}.outline-\[var\(--skill-confidence\)\]{outline-color:var(--skill-confidence)}.outline-\[var\(--skill-experience\)\]{outline-color:var(--skill-experience)}.blur-\[150px\]{--tw-blur: blur(150px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[2px\]{--tw-blur: blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur: blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--tag_aqua: #84d8ff;--tag_blue: #84bdff;--tag_green: #abff84;--tag_purple: #b984ff;--tag_pink: #ff84b7;--tag_red: #ff8484;--tag_yellow: #ffe284;--tag_gray: #bbbbbb;--blue: #84d8ff;--green: #abff84;--purple: #b984ff;--red: #ff8484;--yellow: #ffe284;--background: black;--line: #ffffff;--text: hsl(0, 0%, 100%);--text2: hsl(0, 0%, 100%);--blob-bg: #202020;--sectionSplit: rgb(19, 19, 19);--menu-block: white;--skill-experience: #2b84d7;--skill-confidence: #d7922b;--navMenuBg: #0009;--aboutContainer: #252525;--cardTagBg: black;--test: #f00}:root[theme-data=light]{--background: white;--line: #8a8a8a;--menu-block: black;--text: hsl(0, 0%, 8%);--text2: hsl(0, 0%, 100%);--blob-bg: #8a8a8a;--navMenuBg: #fff3;--aboutContainer: #e5e7e9;--cardTagBg: white;--sectionSplit: rgb(255, 255, 255)}html,#root{font-family:Literal Regular;scroll-behavior:smooth;overscroll-behavior:none;height:100vh;width:100vw}html{background-color:var(--background);color:var(--text);overflow-x:hidden}.textStroke{-webkit-text-stroke:1px var(--text);text-stroke:1px var(--text);color:transparent}.grid-background-50{background:url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200H50V50H0V0Z'%20fill='%23252525'/%3e%3cpath%20d='M15%200H15.2V50H15V0Z'%20fill='%23585858'/%3e%3cpath%20d='M0%2016H50V15.8H0V16Z'%20style='fill:%20%23585858;'/%3e%3c/svg%3e");background-size:50px}.grid-background-50-light{background:url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200H50V50H0V0Z'%20fill='%23fff'/%3e%3cpath%20d='M15%200H15.2V50H15V0Z'%20fill='%23aaa'/%3e%3cpath%20d='M0%2016H50V15.8H0V16Z'%20style='fill:%20%23aaa;'/%3e%3c/svg%3e");background-size:50px}.diagonal-background-16{background:url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_240_185)'%3e%3crect%20x='-1'%20y='-0.292969'%20width='1'%20height='14'%20transform='rotate(-45%20-1%20-0.292969)'%20fill='%23D9D9D9'/%3e%3crect%20x='3'%20y='-4.29297'%20width='1'%20height='14'%20transform='rotate(-45%203%20-4.29297)'%20fill='%23D9D9D9'/%3e%3crect%20x='-6'%20y='2.70703'%20width='1'%20height='14'%20transform='rotate(-45%20-6%202.70703)'%20fill='%23D9D9D9'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_240_185'%3e%3crect%20width='8'%20height='8'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:16px}.diagonal-background-orange-16{background:url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_240_185)'%3e%3crect%20x='-1'%20y='-0.292969'%20width='1'%20height='14'%20transform='rotate(-45%20-1%20-0.292969)'%20fill='%23D7922B'/%3e%3crect%20x='3'%20y='-4.29297'%20width='1'%20height='14'%20transform='rotate(-45%203%20-4.29297)'%20fill='%23D7922B'/%3e%3crect%20x='-6'%20y='2.70703'%20width='1'%20height='14'%20transform='rotate(-45%20-6%202.70703)'%20fill='%23D7922B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_240_185'%3e%3crect%20width='8'%20height='8'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:16px}.diagonal-background-blue-16{background:url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_240_185)'%3e%3crect%20x='-1'%20y='-0.292969'%20width='1'%20height='14'%20transform='rotate(-45%20-1%20-0.292969)'%20fill='%232b84d7'%20/%3e%3crect%20x='3'%20y='-4.29297'%20width='1'%20height='14'%20transform='rotate(-45%203%20-4.29297)'%20fill='%232b84d7'/%3e%3crect%20x='-6'%20y='2.70703'%20width='1'%20height='14'%20transform='rotate(-45%20-6%202.70703)'%20fill='%232b84d7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_240_185'%3e%3crect%20width='8'%20height='8'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:16px}.fade{-o-object-fit:cover;object-fit:cover;background:linear-gradient(to top,rgba(255,255,255,0),var(--sectionSplit) 50%,rgba(255,255,255,0))}.test{transform:translate(calc(16%-100px))}@media (min-width: 640px){.sm\:mb-12{margin-bottom:3rem}.sm\:mt-\[0rem\]{margin-top:0rem}.sm\:mt-\[2rem\]{margin-top:2rem}.sm\:h-\[30px\]{height:30px}.sm\:h-\[400px\]{height:400px}.sm\:h-\[50px\]{height:50px}.sm\:h-\[700px\]{height:700px}.sm\:max-h-\[180px\]{max-height:180px}.sm\:min-h-\[240px\]{min-height:240px}.sm\:w-\[400px\]{width:400px}.sm\:w-\[600px\]{width:600px}.sm\:w-\[650px\]{width:650px}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:gap-8{gap:2rem}.sm\:p-8{padding:2rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:pt-\[15rem\]{padding-top:15rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.777rem}.sm\:text-\[5rem\]{font-size:5rem}.sm\:text-base{font-size:1rem}.sm\:text-xl{font-size:1.333rem}}@media (min-width: 1024px){.lg\:h-\[40px\]{height:40px}.lg\:w-\[1000px\]{width:1000px}.lg\:w-\[300px\]{width:300px}.lg\:w-\[600px\]{width:600px}.lg\:-translate-x-\[5\%\]{--tw-translate-x: -5%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:translate-x-\[5\%\]{--tw-translate-x: 5%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:text-2xl{font-size:1.777rem}.lg\:text-\[6rem\]{font-size:6rem}.lg\:text-base{font-size:1rem}.lg\:text-xl{font-size:1.333rem}}@media (max-width: 639px){.nsm\:mt-8{margin-top:2rem}.nsm\:flex{display:flex}.nsm\:w-\[100vw\]{width:100vw}.nsm\:justify-center{justify-content:center}.nsm\:justify-between{justify-content:space-between}}html{font-family:Literal Regular}.bold{font-family:Literal Bold}.light{font-family:Literal Light}@font-face{font-family:Literal Regular;font-style:normal;font-weight:400;src:local("Literal Regular"),url(https://tulza.github.io/Tulza-dev/assets/regular-WeO2PuZg.woff) format("woff")}@font-face{font-family:Literal Light;font-style:normal;font-weight:400;src:local("Literal Light"),url(https://tulza.github.io/Tulza-dev/assets/light-kJtf_lIz.woff) format("woff")}@font-face{font-family:Literal Bold;font-style:normal;font-weight:400;src:local("Literal Bold"),url(https://tulza.github.io/Tulza-dev/assets/bold-zzSG2hvK.woff) format("woff")}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#777;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#888} diff --git a/index.html b/index.html index e4eb326..0561187 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,8 @@ Tulza-Dev - - + +