diff --git a/assets/googleUX-proto1-c5b14fae.jpg b/assets/googleUX-proto1-c5b14fae.jpg new file mode 100644 index 0000000..ac91edb Binary files /dev/null and b/assets/googleUX-proto1-c5b14fae.jpg differ diff --git a/assets/index-650c30e1.js b/assets/index-454b2ff1.js similarity index 59% rename from assets/index-650c30e1.js rename to assets/index-454b2ff1.js index 81aa7e8..9897b81 100644 --- a/assets/index-650c30e1.js +++ b/assets/index-454b2ff1.js @@ -1,6 +1,6 @@ -(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))n(a);new MutationObserver(a=>{for(const i of a)if(i.type==="childList")for(const o of i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function s(a){const i={};return a.integrity&&(i.integrity=a.integrity),a.referrerPolicy&&(i.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?i.credentials="include":a.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function n(a){if(a.ep)return;a.ep=!0;const i=s(a);fetch(a.href,i)}})();function Zs(e,t){const s=Object.create(null),n=e.split(",");for(let a=0;a!!s[a.toLowerCase()]:a=>!!s[a]}const ue={},Rt=[],Je=()=>{},Sr=()=>!1,Ir=/^on[^a-z]/,Ys=e=>Ir.test(e),aa=e=>e.startsWith("onUpdate:"),he=Object.assign,ia=(e,t)=>{const s=e.indexOf(t);s>-1&&e.splice(s,1)},Lr=Object.prototype.hasOwnProperty,G=(e,t)=>Lr.call(e,t),U=Array.isArray,as=e=>Qs(e)==="[object Map]",kr=e=>Qs(e)==="[object Set]",X=e=>typeof e=="function",ge=e=>typeof e=="string",oa=e=>typeof e=="symbol",pe=e=>e!==null&&typeof e=="object",Fi=e=>pe(e)&&X(e.then)&&X(e.catch),Fr=Object.prototype.toString,Qs=e=>Fr.call(e),Nr=e=>Qs(e).slice(8,-1),zr=e=>Qs(e)==="[object Object]",ra=e=>ge(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Is=Zs(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Gs=e=>{const t=Object.create(null);return s=>t[s]||(t[s]=e(s))},Rr=/-(\w)/g,nt=Gs(e=>e.replace(Rr,(t,s)=>s?s.toUpperCase():"")),Dr=/\B([A-Z])/g,Wt=Gs(e=>e.replace(Dr,"-$1").toLowerCase()),en=Gs(e=>e.charAt(0).toUpperCase()+e.slice(1)),bn=Gs(e=>e?`on${en(e)}`:""),ps=(e,t)=>!Object.is(e,t),hn=(e,t)=>{for(let s=0;s{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:s})},Vr=e=>{const t=parseFloat(e);return isNaN(t)?e:t},Ur=e=>{const t=ge(e)?Number(e):NaN;return isNaN(t)?e:t};let Ra;const Mn=()=>Ra||(Ra=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function tn(e){if(U(e)){const t={};for(let s=0;s{if(s){const n=s.split(Br);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function Lt(e){let t="";if(ge(e))t=e;else if(U(e))for(let s=0;s{const t=new Set(e);return t.w=0,t.n=0,t},Ri=e=>(e.w&ht)>0,Di=e=>(e.n&ht)>0,tl=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let s=0;for(let n=0;n{(d==="length"||d>=l)&&r.push(c)})}else switch(s!==void 0&&r.push(o.get(s)),t){case"add":U(e)?ra(s)&&r.push(o.get("length")):(r.push(o.get(St)),as(e)&&r.push(o.get(Ln)));break;case"delete":U(e)||(r.push(o.get(St)),as(e)&&r.push(o.get(Ln)));break;case"set":as(e)&&r.push(o.get(St));break}if(r.length===1)r[0]&&kn(r[0]);else{const l=[];for(const c of r)c&&l.push(...c);kn(la(l))}}function kn(e,t){const s=U(e)?e:[...e];for(const n of s)n.computed&&Va(n);for(const n of s)n.computed||Va(n)}function Va(e,t){(e!==We||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}const nl=Zs("__proto__,__v_isRef,__isVue"),Hi=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(oa)),al=ua(),il=ua(!1,!0),ol=ua(!0),Ua=rl();function rl(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...s){const n=ee(this);for(let i=0,o=this.length;i{e[t]=function(...s){Xt();const n=ee(this)[t].apply(this,s);return Jt(),n}}),e}function ll(e){const t=ee(this);return Le(t,"has",e),t.hasOwnProperty(e)}function ua(e=!1,t=!1){return function(n,a,i){if(a==="__v_isReactive")return!e;if(a==="__v_isReadonly")return e;if(a==="__v_isShallow")return t;if(a==="__v_raw"&&i===(e?t?Ol:Ji:t?Xi:Wi).get(n))return n;const o=U(n);if(!e){if(o&&G(Ua,a))return Reflect.get(Ua,a,i);if(a==="hasOwnProperty")return ll}const r=Reflect.get(n,a,i);return(oa(a)?Hi.has(a):nl(a))||(e||Le(n,"get",a),t)?r:Ce(r)?o&&ra(a)?r:r.value:pe(r)?e?Zi(r):kt(r):r}}const cl=Bi(),ul=Bi(!0);function Bi(e=!1){return function(s,n,a,i){let o=s[n];if(Bt(o)&&Ce(o)&&!Ce(a))return!1;if(!e&&(!Vs(a)&&!Bt(a)&&(o=ee(o),a=ee(a)),!U(s)&&Ce(o)&&!Ce(a)))return o.value=a,!0;const r=U(s)&&ra(n)?Number(n)e,sn=e=>Reflect.getPrototypeOf(e);function qs(e,t,s=!1,n=!1){e=e.__v_raw;const a=ee(e),i=ee(t);s||(t!==i&&Le(a,"get",t),Le(a,"get",i));const{has:o}=sn(a),r=n?da:s?va:vs;if(o.call(a,t))return r(e.get(t));if(o.call(a,i))return r(e.get(i));e!==a&&e.get(t)}function Cs(e,t=!1){const s=this.__v_raw,n=ee(s),a=ee(e);return t||(e!==a&&Le(n,"has",e),Le(n,"has",a)),e===a?s.has(e):s.has(e)||s.has(a)}function Es(e,t=!1){return e=e.__v_raw,!t&&Le(ee(e),"iterate",St),Reflect.get(e,"size",e)}function Ha(e){e=ee(e);const t=ee(this);return sn(t).has.call(t,e)||(t.add(e),ot(t,"add",e,e)),this}function Ba(e,t){t=ee(t);const s=ee(this),{has:n,get:a}=sn(s);let i=n.call(s,e);i||(e=ee(e),i=n.call(s,e));const o=a.call(s,e);return s.set(e,t),i?ps(t,o)&&ot(s,"set",e,t):ot(s,"add",e,t),this}function Ka(e){const t=ee(this),{has:s,get:n}=sn(t);let a=s.call(t,e);a||(e=ee(e),a=s.call(t,e)),n&&n.call(t,e);const i=t.delete(e);return a&&ot(t,"delete",e,void 0),i}function Wa(){const e=ee(this),t=e.size!==0,s=e.clear();return t&&ot(e,"clear",void 0,void 0),s}function Ps(e,t){return function(n,a){const i=this,o=i.__v_raw,r=ee(o),l=t?da:e?va:vs;return!e&&Le(r,"iterate",St),o.forEach((c,d)=>n.call(a,l(c),l(d),i))}}function Ts(e,t,s){return function(...n){const a=this.__v_raw,i=ee(a),o=as(i),r=e==="entries"||e===Symbol.iterator&&o,l=e==="keys"&&o,c=a[e](...n),d=s?da:t?va:vs;return!t&&Le(i,"iterate",l?Ln:St),{next(){const{value:p,done:m}=c.next();return m?{value:p,done:m}:{value:r?[d(p[0]),d(p[1])]:d(p),done:m}},[Symbol.iterator](){return this}}}}function ct(e){return function(...t){return e==="delete"?!1:this}}function bl(){const e={get(i){return qs(this,i)},get size(){return Es(this)},has:Cs,add:Ha,set:Ba,delete:Ka,clear:Wa,forEach:Ps(!1,!1)},t={get(i){return qs(this,i,!1,!0)},get size(){return Es(this)},has:Cs,add:Ha,set:Ba,delete:Ka,clear:Wa,forEach:Ps(!1,!0)},s={get(i){return qs(this,i,!0)},get size(){return Es(this,!0)},has(i){return Cs.call(this,i,!0)},add:ct("add"),set:ct("set"),delete:ct("delete"),clear:ct("clear"),forEach:Ps(!0,!1)},n={get(i){return qs(this,i,!0,!0)},get size(){return Es(this,!0)},has(i){return Cs.call(this,i,!0)},add:ct("add"),set:ct("set"),delete:ct("delete"),clear:ct("clear"),forEach:Ps(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=Ts(i,!1,!1),s[i]=Ts(i,!0,!1),t[i]=Ts(i,!1,!0),n[i]=Ts(i,!0,!0)}),[e,s,t,n]}const[hl,gl,_l,yl]=bl();function fa(e,t){const s=t?e?yl:_l:e?gl:hl;return(n,a,i)=>a==="__v_isReactive"?!e:a==="__v_isReadonly"?e:a==="__v_raw"?n:Reflect.get(G(s,a)&&a in n?s:n,a,i)}const xl={get:fa(!1,!1)},wl={get:fa(!1,!0)},jl={get:fa(!0,!1)},Wi=new WeakMap,Xi=new WeakMap,Ji=new WeakMap,Ol=new WeakMap;function ql(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Cl(e){return e.__v_skip||!Object.isExtensible(e)?0:ql(Nr(e))}function kt(e){return Bt(e)?e:pa(e,!1,Ki,xl,Wi)}function El(e){return pa(e,!1,ml,wl,Xi)}function Zi(e){return pa(e,!0,vl,jl,Ji)}function pa(e,t,s,n,a){if(!pe(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=a.get(e);if(i)return i;const o=Cl(e);if(o===0)return e;const r=new Proxy(e,o===2?n:s);return a.set(e,r),r}function Dt(e){return Bt(e)?Dt(e.__v_raw):!!(e&&e.__v_isReactive)}function Bt(e){return!!(e&&e.__v_isReadonly)}function Vs(e){return!!(e&&e.__v_isShallow)}function Yi(e){return Dt(e)||Bt(e)}function ee(e){const t=e&&e.__v_raw;return t?ee(t):e}function Qi(e){return Ds(e,"__v_skip",!0),e}const vs=e=>pe(e)?kt(e):e,va=e=>pe(e)?Zi(e):e;function Gi(e){mt&&We&&(e=ee(e),Ui(e.dep||(e.dep=la())))}function eo(e,t){e=ee(e);const s=e.dep;s&&kn(s)}function Ce(e){return!!(e&&e.__v_isRef===!0)}function Ze(e){return Pl(e,!1)}function Pl(e,t){return Ce(e)?e:new Tl(e,t)}class Tl{constructor(t,s){this.__v_isShallow=s,this.dep=void 0,this.__v_isRef=!0,this._rawValue=s?t:ee(t),this._value=s?t:vs(t)}get value(){return Gi(this),this._value}set value(t){const s=this.__v_isShallow||Vs(t)||Bt(t);t=s?t:ee(t),ps(t,this._rawValue)&&(this._rawValue=t,this._value=s?t:vs(t),eo(this))}}function _t(e){return Ce(e)?e.value:e}const $l={get:(e,t,s)=>_t(Reflect.get(e,t,s)),set:(e,t,s,n)=>{const a=e[t];return Ce(a)&&!Ce(s)?(a.value=s,!0):Reflect.set(e,t,s,n)}};function to(e){return Dt(e)?e:new Proxy(e,$l)}class Al{constructor(t,s,n,a){this._setter=s,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this._dirty=!0,this.effect=new ca(t,()=>{this._dirty||(this._dirty=!0,eo(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!a,this.__v_isReadonly=n}get value(){const t=ee(this);return Gi(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function Ml(e,t,s=!1){let n,a;const i=X(e);return i?(n=e,a=Je):(n=e.get,a=e.set),new Al(n,a,i||!a,s)}function bt(e,t,s,n){let a;try{a=n?e(...n):e()}catch(i){nn(i,t,s)}return a}function Ue(e,t,s,n){if(X(e)){const i=bt(e,t,s,n);return i&&Fi(i)&&i.catch(o=>{nn(o,t,s)}),i}const a=[];for(let i=0;i>>1;bs(qe[n])et&&qe.splice(t,1)}function Fl(e){U(e)?Vt.push(...e):(!it||!it.includes(e,e.allowRecurse?Et+1:Et))&&Vt.push(e),no()}function Xa(e,t=ms?et+1:0){for(;tbs(s)-bs(n)),Et=0;Ete.id==null?1/0:e.id,Nl=(e,t)=>{const s=bs(e)-bs(t);if(s===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return s};function io(e){Fn=!1,ms=!0,qe.sort(Nl);const t=Je;try{for(et=0;etge(g)?g.trim():g)),p&&(a=s.map(Vr))}let r,l=n[r=bn(t)]||n[r=bn(nt(t))];!l&&i&&(l=n[r=bn(Wt(t))]),l&&Ue(l,e,6,a);const c=n[r+"Once"];if(c){if(!e.emitted)e.emitted={};else if(e.emitted[r])return;e.emitted[r]=!0,Ue(c,e,6,a)}}function oo(e,t,s=!1){const n=t.emitsCache,a=n.get(e);if(a!==void 0)return a;const i=e.emits;let o={},r=!1;if(!X(e)){const l=c=>{const d=oo(c,t,!0);d&&(r=!0,he(o,d))};!s&&t.mixins.length&&t.mixins.forEach(l),e.extends&&l(e.extends),e.mixins&&e.mixins.forEach(l)}return!i&&!r?(pe(e)&&n.set(e,null),null):(U(i)?i.forEach(l=>o[l]=null):he(o,i),pe(e)&&n.set(e,o),o)}function an(e,t){return!e||!Ys(t)?!1:(t=t.slice(2).replace(/Once$/,""),G(e,t[0].toLowerCase()+t.slice(1))||G(e,Wt(t))||G(e,t))}let xe=null,on=null;function Us(e){const t=xe;return xe=e,on=e&&e.type.__scopeId||null,t}function Ee(e){on=e}function Pe(){on=null}function Q(e,t=xe,s){if(!t||e._n)return e;const n=(...a)=>{n._d&&oi(-1);const i=Us(t);let o;try{o=e(...a)}finally{Us(i),n._d&&oi(1)}return o};return n._n=!0,n._c=!0,n._d=!0,n}function gn(e){const{type:t,vnode:s,proxy:n,withProxy:a,props:i,propsOptions:[o],slots:r,attrs:l,emit:c,render:d,renderCache:p,data:m,setupState:g,ctx:w,inheritAttrs:C}=e;let M,F;const N=Us(e);try{if(s.shapeFlag&4){const q=a||n;M=Ge(d.call(q,q,p,i,g,m,w)),F=l}else{const q=t;M=Ge(q.length>1?q(i,{attrs:l,slots:r,emit:c}):q(i,null)),F=t.props?l:Rl(l)}}catch(q){rs.length=0,nn(q,e,1),M=D(st)}let T=M;if(F&&C!==!1){const q=Object.keys(F),{shapeFlag:V}=T;q.length&&V&7&&(o&&q.some(aa)&&(F=Dl(F,o)),T=gt(T,F))}return s.dirs&&(T=gt(T),T.dirs=T.dirs?T.dirs.concat(s.dirs):s.dirs),s.transition&&(T.transition=s.transition),M=T,Us(N),M}const Rl=e=>{let t;for(const s in e)(s==="class"||s==="style"||Ys(s))&&((t||(t={}))[s]=e[s]);return t},Dl=(e,t)=>{const s={};for(const n in e)(!aa(n)||!(n.slice(9)in t))&&(s[n]=e[n]);return s};function Vl(e,t,s){const{props:n,children:a,component:i}=e,{props:o,children:r,patchFlag:l}=t,c=i.emitsOptions;if(t.dirs||t.transition)return!0;if(s&&l>=0){if(l&1024)return!0;if(l&16)return n?Ja(n,o,c):!!o;if(l&8){const d=t.dynamicProps;for(let p=0;pe.__isSuspense;function Bl(e,t){t&&t.pendingBranch?U(e)?t.effects.push(...e):t.effects.push(e):Fl(e)}const $s={};function Ae(e,t,s){return ro(e,t,s)}function ro(e,t,{immediate:s,deep:n,flush:a,onTrack:i,onTrigger:o}=ue){var r;const l=zi()===((r=ye)==null?void 0:r.scope)?ye:null;let c,d=!1,p=!1;if(Ce(e)?(c=()=>e.value,d=Vs(e)):Dt(e)?(c=()=>e,n=!0):U(e)?(p=!0,d=e.some(q=>Dt(q)||Vs(q)),c=()=>e.map(q=>{if(Ce(q))return q.value;if(Dt(q))return At(q);if(X(q))return bt(q,l,2)})):X(e)?t?c=()=>bt(e,l,2):c=()=>{if(!(l&&l.isUnmounted))return m&&m(),Ue(e,l,3,[g])}:c=Je,t&&n){const q=c;c=()=>At(q())}let m,g=q=>{m=N.onStop=()=>{bt(q,l,4)}},w;if(gs)if(g=Je,t?s&&Ue(t,l,3,[c(),p?[]:void 0,g]):c(),a==="sync"){const q=Uc();w=q.__watcherHandles||(q.__watcherHandles=[])}else return Je;let C=p?new Array(e.length).fill($s):$s;const M=()=>{if(N.active)if(t){const q=N.run();(n||d||(p?q.some((V,W)=>ps(V,C[W])):ps(q,C)))&&(m&&m(),Ue(t,l,3,[q,C===$s?void 0:p&&C[0]===$s?[]:C,g]),C=q)}else N.run()};M.allowRecurse=!!t;let F;a==="sync"?F=M:a==="post"?F=()=>Se(M,l&&l.suspense):(M.pre=!0,l&&(M.id=l.uid),F=()=>ba(M));const N=new ca(c,F);t?s?M():C=N.run():a==="post"?Se(N.run.bind(N),l&&l.suspense):N.run();const T=()=>{N.stop(),l&&l.scope&&ia(l.scope.effects,N)};return w&&w.push(T),T}function Kl(e,t,s){const n=this.proxy,a=ge(e)?e.includes(".")?lo(n,e):()=>n[e]:e.bind(n,n);let i;X(t)?i=t:(i=t.handler,s=t);const o=ye;Kt(this);const r=ro(a,i.bind(n),s);return o?Kt(o):It(),r}function lo(e,t){const s=t.split(".");return()=>{let n=e;for(let a=0;a{At(s,t)});else if(zr(e))for(const s in e)At(e[s],t);return e}function Wl(e,t){const s=xe;if(s===null)return e;const n=pn(s)||s.proxy,a=e.dirs||(e.dirs=[]);for(let i=0;i{e.isMounted=!0}),Ft(()=>{e.isUnmounting=!0}),e}const Ve=[Function,Array],co={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:Ve,onEnter:Ve,onAfterEnter:Ve,onEnterCancelled:Ve,onBeforeLeave:Ve,onLeave:Ve,onAfterLeave:Ve,onLeaveCancelled:Ve,onBeforeAppear:Ve,onAppear:Ve,onAfterAppear:Ve,onAppearCancelled:Ve},Jl={name:"BaseTransition",props:co,setup(e,{slots:t}){const s=fn(),n=Xl();let a;return()=>{const i=t.default&&fo(t.default(),!0);if(!i||!i.length)return;let o=i[0];if(i.length>1){for(const C of i)if(C.type!==st){o=C;break}}const r=ee(e),{mode:l}=r;if(n.isLeaving)return _n(o);const c=Za(o);if(!c)return _n(o);const d=Nn(c,r,n,s);zn(c,d);const p=s.subTree,m=p&&Za(p);let g=!1;const{getTransitionKey:w}=c.type;if(w){const C=w();a===void 0?a=C:C!==a&&(a=C,g=!0)}if(m&&m.type!==st&&(!Pt(c,m)||g)){const C=Nn(m,r,n,s);if(zn(m,C),l==="out-in")return n.isLeaving=!0,C.afterLeave=()=>{n.isLeaving=!1,s.update.active!==!1&&s.update()},_n(o);l==="in-out"&&c.type!==st&&(C.delayLeave=(M,F,N)=>{const T=uo(n,m);T[String(m.key)]=m,M._leaveCb=()=>{F(),M._leaveCb=void 0,delete d.delayedLeave},d.delayedLeave=N})}return o}}},Zl=Jl;function uo(e,t){const{leavingVNodes:s}=e;let n=s.get(t.type);return n||(n=Object.create(null),s.set(t.type,n)),n}function Nn(e,t,s,n){const{appear:a,mode:i,persisted:o=!1,onBeforeEnter:r,onEnter:l,onAfterEnter:c,onEnterCancelled:d,onBeforeLeave:p,onLeave:m,onAfterLeave:g,onLeaveCancelled:w,onBeforeAppear:C,onAppear:M,onAfterAppear:F,onAppearCancelled:N}=t,T=String(e.key),q=uo(s,e),V=($,B)=>{$&&Ue($,n,9,B)},W=($,B)=>{const J=B[1];V($,B),U($)?$.every(A=>A.length<=1)&&J():$.length<=1&&J()},ie={mode:i,persisted:o,beforeEnter($){let B=r;if(!s.isMounted)if(a)B=C||r;else return;$._leaveCb&&$._leaveCb(!0);const J=q[T];J&&Pt(e,J)&&J.el._leaveCb&&J.el._leaveCb(),V(B,[$])},enter($){let B=l,J=c,A=d;if(!s.isMounted)if(a)B=M||l,J=F||c,A=N||d;else return;let h=!1;const L=$._enterCb=S=>{h||(h=!0,S?V(A,[$]):V(J,[$]),ie.delayedLeave&&ie.delayedLeave(),$._enterCb=void 0)};B?W(B,[$,L]):L()},leave($,B){const J=String(e.key);if($._enterCb&&$._enterCb(!0),s.isUnmounting)return B();V(p,[$]);let A=!1;const h=$._leaveCb=L=>{A||(A=!0,B(),L?V(w,[$]):V(g,[$]),$._leaveCb=void 0,q[J]===e&&delete q[J])};q[J]=e,m?W(m,[$,h]):h()},clone($){return Nn($,t,s,n)}};return ie}function _n(e){if(rn(e))return e=gt(e),e.children=null,e}function Za(e){return rn(e)?e.children?e.children[0]:void 0:e}function zn(e,t){e.shapeFlag&6&&e.component?zn(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function fo(e,t=!1,s){let n=[],a=0;for(let i=0;i1)for(let i=0;ihe({name:e.name},t,{setup:e}))():e}const is=e=>!!e.type.__asyncLoader,rn=e=>e.type.__isKeepAlive;function Ql(e,t){po(e,"a",t)}function Gl(e,t){po(e,"da",t)}function po(e,t,s=ye){const n=e.__wdc||(e.__wdc=()=>{let a=s;for(;a;){if(a.isDeactivated)return;a=a.parent}return e()});if(ln(t,n,s),s){let a=s.parent;for(;a&&a.parent;)rn(a.parent.vnode)&&ec(n,t,s,a),a=a.parent}}function ec(e,t,s,n){const a=ln(t,e,n,!0);ha(()=>{ia(n[t],a)},s)}function ln(e,t,s=ye,n=!1){if(s){const a=s[e]||(s[e]=[]),i=t.__weh||(t.__weh=(...o)=>{if(s.isUnmounted)return;Xt(),Kt(s);const r=Ue(t,s,e,o);return It(),Jt(),r});return n?a.unshift(i):a.push(i),i}}const rt=e=>(t,s=ye)=>(!gs||e==="sp")&&ln(e,(...n)=>t(...n),s),tc=rt("bm"),yt=rt("m"),sc=rt("bu"),vo=rt("u"),Ft=rt("bum"),ha=rt("um"),nc=rt("sp"),ac=rt("rtg"),ic=rt("rtc");function oc(e,t=ye){ln("ec",e,t)}const ga="components",rc="directives";function mo(e,t){return _a(ga,e,!0,t)||e}const bo=Symbol.for("v-ndc");function lc(e){return ge(e)?_a(ga,e,!1)||e:e||bo}function cc(e){return _a(rc,e)}function _a(e,t,s=!0,n=!1){const a=xe||ye;if(a){const i=a.type;if(e===ga){const r=Rc(i,!1);if(r&&(r===t||r===nt(t)||r===en(nt(t))))return i}const o=Ya(a[e]||i[e],t)||Ya(a.appContext[e],t);return!o&&n?i:o}}function Ya(e,t){return e&&(e[t]||e[nt(t)]||e[en(nt(t))])}function Ut(e,t,s={},n,a){if(xe.isCE||xe.parent&&is(xe.parent)&&xe.parent.isCE)return t!=="default"&&(s.name=t),D("slot",s,n&&n());let i=e[t];i&&i._c&&(i._d=!1),ne();const o=i&&ho(i(s)),r=Eo(Oe,{key:s.key||o&&o.key||`_${t}`},o||(n?n():[]),o&&e._===1?64:-2);return!a&&r.scopeId&&(r.slotScopeIds=[r.scopeId+"-s"]),i&&i._c&&(i._d=!0),r}function ho(e){return e.some(t=>Ks(t)?!(t.type===st||t.type===Oe&&!ho(t.children)):!0)?e:null}const Rn=e=>e?To(e)?pn(e)||e.proxy:Rn(e.parent):null,os=he(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Rn(e.parent),$root:e=>Rn(e.root),$emit:e=>e.emit,$options:e=>ya(e),$forceUpdate:e=>e.f||(e.f=()=>ba(e.update)),$nextTick:e=>e.n||(e.n=Il.bind(e.proxy)),$watch:e=>Kl.bind(e)}),yn=(e,t)=>e!==ue&&!e.__isScriptSetup&&G(e,t),uc={get({_:e},t){const{ctx:s,setupState:n,data:a,props:i,accessCache:o,type:r,appContext:l}=e;let c;if(t[0]!=="$"){const g=o[t];if(g!==void 0)switch(g){case 1:return n[t];case 2:return a[t];case 4:return s[t];case 3:return i[t]}else{if(yn(n,t))return o[t]=1,n[t];if(a!==ue&&G(a,t))return o[t]=2,a[t];if((c=e.propsOptions[0])&&G(c,t))return o[t]=3,i[t];if(s!==ue&&G(s,t))return o[t]=4,s[t];Dn&&(o[t]=0)}}const d=os[t];let p,m;if(d)return t==="$attrs"&&Le(e,"get",t),d(e);if((p=r.__cssModules)&&(p=p[t]))return p;if(s!==ue&&G(s,t))return o[t]=4,s[t];if(m=l.config.globalProperties,G(m,t))return m[t]},set({_:e},t,s){const{data:n,setupState:a,ctx:i}=e;return yn(a,t)?(a[t]=s,!0):n!==ue&&G(n,t)?(n[t]=s,!0):G(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=s,!0)},has({_:{data:e,setupState:t,accessCache:s,ctx:n,appContext:a,propsOptions:i}},o){let r;return!!s[o]||e!==ue&&G(e,o)||yn(t,o)||(r=i[0])&&G(r,o)||G(n,o)||G(os,o)||G(a.config.globalProperties,o)},defineProperty(e,t,s){return s.get!=null?e._.accessCache[t]=0:G(s,"value")&&this.set(e,t,s.value,null),Reflect.defineProperty(e,t,s)}};function dc(){return fc().slots}function fc(){const e=fn();return e.setupContext||(e.setupContext=Ao(e))}function Qa(e){return U(e)?e.reduce((t,s)=>(t[s]=null,t),{}):e}let Dn=!0;function pc(e){const t=ya(e),s=e.proxy,n=e.ctx;Dn=!1,t.beforeCreate&&Ga(t.beforeCreate,e,"bc");const{data:a,computed:i,methods:o,watch:r,provide:l,inject:c,created:d,beforeMount:p,mounted:m,beforeUpdate:g,updated:w,activated:C,deactivated:M,beforeDestroy:F,beforeUnmount:N,destroyed:T,unmounted:q,render:V,renderTracked:W,renderTriggered:ie,errorCaptured:$,serverPrefetch:B,expose:J,inheritAttrs:A,components:h,directives:L,filters:S}=t;if(c&&vc(c,n,null),o)for(const te in o){const Y=o[te];X(Y)&&(n[te]=Y.bind(s))}if(a){const te=a.call(s,s);pe(te)&&(e.data=kt(te))}if(Dn=!0,i)for(const te in i){const Y=i[te],Te=X(Y)?Y.bind(s,s):X(Y.get)?Y.get.bind(s,s):Je,at=!X(Y)&&X(Y.set)?Y.set.bind(s):Je,He=tt({get:Te,set:at});Object.defineProperty(n,te,{enumerable:!0,configurable:!0,get:()=>He.value,set:je=>He.value=je})}if(r)for(const te in r)go(r[te],n,s,te);if(l){const te=X(l)?l.call(s):l;Reflect.ownKeys(te).forEach(Y=>{yc(Y,te[Y])})}d&&Ga(d,e,"c");function se(te,Y){U(Y)?Y.forEach(Te=>te(Te.bind(s))):Y&&te(Y.bind(s))}if(se(tc,p),se(yt,m),se(sc,g),se(vo,w),se(Ql,C),se(Gl,M),se(oc,$),se(ic,W),se(ac,ie),se(Ft,N),se(ha,q),se(nc,B),U(J))if(J.length){const te=e.exposed||(e.exposed={});J.forEach(Y=>{Object.defineProperty(te,Y,{get:()=>s[Y],set:Te=>s[Y]=Te})})}else e.exposed||(e.exposed={});V&&e.render===Je&&(e.render=V),A!=null&&(e.inheritAttrs=A),h&&(e.components=h),L&&(e.directives=L)}function vc(e,t,s=Je){U(e)&&(e=Vn(e));for(const n in e){const a=e[n];let i;pe(a)?"default"in a?i=Ls(a.from||n,a.default,!0):i=Ls(a.from||n):i=Ls(a),Ce(i)?Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:()=>i.value,set:o=>i.value=o}):t[n]=i}}function Ga(e,t,s){Ue(U(e)?e.map(n=>n.bind(t.proxy)):e.bind(t.proxy),t,s)}function go(e,t,s,n){const a=n.includes(".")?lo(s,n):()=>s[n];if(ge(e)){const i=t[e];X(i)&&Ae(a,i)}else if(X(e))Ae(a,e.bind(s));else if(pe(e))if(U(e))e.forEach(i=>go(i,t,s,n));else{const i=X(e.handler)?e.handler.bind(s):t[e.handler];X(i)&&Ae(a,i,e)}}function ya(e){const t=e.type,{mixins:s,extends:n}=t,{mixins:a,optionsCache:i,config:{optionMergeStrategies:o}}=e.appContext,r=i.get(t);let l;return r?l=r:!a.length&&!s&&!n?l=t:(l={},a.length&&a.forEach(c=>Hs(l,c,o,!0)),Hs(l,t,o)),pe(t)&&i.set(t,l),l}function Hs(e,t,s,n=!1){const{mixins:a,extends:i}=t;i&&Hs(e,i,s,!0),a&&a.forEach(o=>Hs(e,o,s,!0));for(const o in t)if(!(n&&o==="expose")){const r=mc[o]||s&&s[o];e[o]=r?r(e[o],t[o]):t[o]}return e}const mc={data:ei,props:ti,emits:ti,methods:ns,computed:ns,beforeCreate:$e,created:$e,beforeMount:$e,mounted:$e,beforeUpdate:$e,updated:$e,beforeDestroy:$e,beforeUnmount:$e,destroyed:$e,unmounted:$e,activated:$e,deactivated:$e,errorCaptured:$e,serverPrefetch:$e,components:ns,directives:ns,watch:hc,provide:ei,inject:bc};function ei(e,t){return t?e?function(){return he(X(e)?e.call(this,this):e,X(t)?t.call(this,this):t)}:t:e}function bc(e,t){return ns(Vn(e),Vn(t))}function Vn(e){if(U(e)){const t={};for(let s=0;s1)return s&&X(t)?t.call(n&&n.proxy):t}}function xc(e,t,s,n=!1){const a={},i={};Ds(i,un,1),e.propsDefaults=Object.create(null),yo(e,t,a,i);for(const o in e.propsOptions[0])o in a||(a[o]=void 0);s?e.props=n?a:El(a):e.type.props?e.props=a:e.props=i,e.attrs=i}function wc(e,t,s,n){const{props:a,attrs:i,vnode:{patchFlag:o}}=e,r=ee(a),[l]=e.propsOptions;let c=!1;if((n||o>0)&&!(o&16)){if(o&8){const d=e.vnode.dynamicProps;for(let p=0;p{l=!0;const[m,g]=xo(p,t,!0);he(o,m),g&&r.push(...g)};!s&&t.mixins.length&&t.mixins.forEach(d),e.extends&&d(e.extends),e.mixins&&e.mixins.forEach(d)}if(!i&&!l)return pe(e)&&n.set(e,Rt),Rt;if(U(i))for(let d=0;d-1,g[1]=C<0||w-1||G(g,"default"))&&r.push(p)}}}const c=[o,r];return pe(e)&&n.set(e,c),c}function si(e){return e[0]!=="$"}function ni(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function ai(e,t){return ni(e)===ni(t)}function ii(e,t){return U(t)?t.findIndex(s=>ai(s,e)):X(t)&&ai(t,e)?0:-1}const wo=e=>e[0]==="_"||e==="$stable",xa=e=>U(e)?e.map(Ge):[Ge(e)],jc=(e,t,s)=>{if(t._n)return t;const n=Q((...a)=>xa(t(...a)),s);return n._c=!1,n},jo=(e,t,s)=>{const n=e._ctx;for(const a in e){if(wo(a))continue;const i=e[a];if(X(i))t[a]=jc(a,i,n);else if(i!=null){const o=xa(i);t[a]=()=>o}}},Oo=(e,t)=>{const s=xa(t);e.slots.default=()=>s},Oc=(e,t)=>{if(e.vnode.shapeFlag&32){const s=t._;s?(e.slots=ee(t),Ds(t,"_",s)):jo(t,e.slots={})}else e.slots={},t&&Oo(e,t);Ds(e.slots,un,1)},qc=(e,t,s)=>{const{vnode:n,slots:a}=e;let i=!0,o=ue;if(n.shapeFlag&32){const r=t._;r?s&&r===1?i=!1:(he(a,t),!s&&r===1&&delete a._):(i=!t.$stable,jo(t,a)),o=t}else t&&(Oo(e,t),o={default:1});if(i)for(const r in a)!wo(r)&&!(r in o)&&delete a[r]};function Hn(e,t,s,n,a=!1){if(U(e)){e.forEach((m,g)=>Hn(m,t&&(U(t)?t[g]:t),s,n,a));return}if(is(n)&&!a)return;const i=n.shapeFlag&4?pn(n.component)||n.component.proxy:n.el,o=a?null:i,{i:r,r:l}=e,c=t&&t.r,d=r.refs===ue?r.refs={}:r.refs,p=r.setupState;if(c!=null&&c!==l&&(ge(c)?(d[c]=null,G(p,c)&&(p[c]=null)):Ce(c)&&(c.value=null)),X(l))bt(l,r,12,[o,d]);else{const m=ge(l),g=Ce(l);if(m||g){const w=()=>{if(e.f){const C=m?G(p,l)?p[l]:d[l]:l.value;a?U(C)&&ia(C,i):U(C)?C.includes(i)||C.push(i):m?(d[l]=[i],G(p,l)&&(p[l]=d[l])):(l.value=[i],e.k&&(d[e.k]=l.value))}else m?(d[l]=o,G(p,l)&&(p[l]=o)):g&&(l.value=o,e.k&&(d[e.k]=o))};o?(w.id=-1,Se(w,s)):w()}}}const Se=Bl;function Cc(e){return Ec(e)}function Ec(e,t){const s=Mn();s.__VUE__=!0;const{insert:n,remove:a,patchProp:i,createElement:o,createText:r,createComment:l,setText:c,setElementText:d,parentNode:p,nextSibling:m,setScopeId:g=Je,insertStaticContent:w}=e,C=(u,v,b,_=null,y=null,j=null,P=!1,O=null,E=!!v.dynamicChildren)=>{if(u===v)return;u&&!Pt(u,v)&&(_=de(u),je(u,y,j,!0),u=null),v.patchFlag===-2&&(E=!1,v.dynamicChildren=null);const{type:x,ref:z,shapeFlag:I}=v;switch(x){case cn:M(u,v,b,_);break;case st:F(u,v,b,_);break;case ks:u==null&&N(v,b,_,P);break;case Oe:h(u,v,b,_,y,j,P,O,E);break;default:I&1?V(u,v,b,_,y,j,P,O,E):I&6?L(u,v,b,_,y,j,P,O,E):(I&64||I&128)&&x.process(u,v,b,_,y,j,P,O,E,me)}z!=null&&y&&Hn(z,u&&u.ref,j,v||u,!v)},M=(u,v,b,_)=>{if(u==null)n(v.el=r(v.children),b,_);else{const y=v.el=u.el;v.children!==u.children&&c(y,v.children)}},F=(u,v,b,_)=>{u==null?n(v.el=l(v.children||""),b,_):v.el=u.el},N=(u,v,b,_)=>{[u.el,u.anchor]=w(u.children,v,b,_,u.el,u.anchor)},T=({el:u,anchor:v},b,_)=>{let y;for(;u&&u!==v;)y=m(u),n(u,b,_),u=y;n(v,b,_)},q=({el:u,anchor:v})=>{let b;for(;u&&u!==v;)b=m(u),a(u),u=b;a(v)},V=(u,v,b,_,y,j,P,O,E)=>{P=P||v.type==="svg",u==null?W(v,b,_,y,j,P,O,E):B(u,v,y,j,P,O,E)},W=(u,v,b,_,y,j,P,O)=>{let E,x;const{type:z,props:I,shapeFlag:R,transition:H,dirs:Z}=u;if(E=u.el=o(u.type,j,I&&I.is,I),R&8?d(E,u.children):R&16&&$(u.children,E,null,_,y,j&&z!=="foreignObject",P,O),Z&&xt(u,null,_,"created"),ie(E,u,u.scopeId,P,_),I){for(const ae in I)ae!=="value"&&!Is(ae)&&i(E,ae,null,I[ae],j,u.children,_,y,ve);"value"in I&&i(E,"value",null,I.value),(x=I.onVnodeBeforeMount)&&Qe(x,_,u)}Z&&xt(u,null,_,"beforeMount");const re=(!y||y&&!y.pendingBranch)&&H&&!H.persisted;re&&H.beforeEnter(E),n(E,v,b),((x=I&&I.onVnodeMounted)||re||Z)&&Se(()=>{x&&Qe(x,_,u),re&&H.enter(E),Z&&xt(u,null,_,"mounted")},y)},ie=(u,v,b,_,y)=>{if(b&&g(u,b),_)for(let j=0;j<_.length;j++)g(u,_[j]);if(y){let j=y.subTree;if(v===j){const P=y.vnode;ie(u,P,P.scopeId,P.slotScopeIds,y.parent)}}},$=(u,v,b,_,y,j,P,O,E=0)=>{for(let x=E;x{const O=v.el=u.el;let{patchFlag:E,dynamicChildren:x,dirs:z}=v;E|=u.patchFlag&16;const I=u.props||ue,R=v.props||ue;let H;b&&wt(b,!1),(H=R.onVnodeBeforeUpdate)&&Qe(H,b,v,u),z&&xt(v,u,b,"beforeUpdate"),b&&wt(b,!0);const Z=y&&v.type!=="foreignObject";if(x?J(u.dynamicChildren,x,O,b,_,Z,j):P||Y(u,v,O,null,b,_,Z,j,!1),E>0){if(E&16)A(O,v,I,R,b,_,y);else if(E&2&&I.class!==R.class&&i(O,"class",null,R.class,y),E&4&&i(O,"style",I.style,R.style,y),E&8){const re=v.dynamicProps;for(let ae=0;ae{H&&Qe(H,b,v,u),z&&xt(v,u,b,"updated")},_)},J=(u,v,b,_,y,j,P)=>{for(let O=0;O{if(b!==_){if(b!==ue)for(const O in b)!Is(O)&&!(O in _)&&i(u,O,b[O],null,P,v.children,y,j,ve);for(const O in _){if(Is(O))continue;const E=_[O],x=b[O];E!==x&&O!=="value"&&i(u,O,x,E,P,v.children,y,j,ve)}"value"in _&&i(u,"value",b.value,_.value)}},h=(u,v,b,_,y,j,P,O,E)=>{const x=v.el=u?u.el:r(""),z=v.anchor=u?u.anchor:r("");let{patchFlag:I,dynamicChildren:R,slotScopeIds:H}=v;H&&(O=O?O.concat(H):H),u==null?(n(x,b,_),n(z,b,_),$(v.children,b,z,y,j,P,O,E)):I>0&&I&64&&R&&u.dynamicChildren?(J(u.dynamicChildren,R,b,y,j,P,O),(v.key!=null||y&&v===y.subTree)&&qo(u,v,!0)):Y(u,v,b,z,y,j,P,O,E)},L=(u,v,b,_,y,j,P,O,E)=>{v.slotScopeIds=O,u==null?v.shapeFlag&512?y.ctx.activate(v,b,_,P,E):S(v,b,_,y,j,P,E):ce(u,v,E)},S=(u,v,b,_,y,j,P)=>{const O=u.component=kc(u,_,y);if(rn(u)&&(O.ctx.renderer=me),Fc(O),O.asyncDep){if(y&&y.registerDep(O,se),!u.el){const E=O.subTree=D(st);F(null,E,v,b)}return}se(O,u,v,b,y,j,P)},ce=(u,v,b)=>{const _=v.component=u.component;if(Vl(u,v,b))if(_.asyncDep&&!_.asyncResolved){te(_,v,b);return}else _.next=v,kl(_.update),_.update();else v.el=u.el,_.vnode=v},se=(u,v,b,_,y,j,P)=>{const O=()=>{if(u.isMounted){let{next:z,bu:I,u:R,parent:H,vnode:Z}=u,re=z,ae;wt(u,!1),z?(z.el=Z.el,te(u,z,P)):z=Z,I&&hn(I),(ae=z.props&&z.props.onVnodeBeforeUpdate)&&Qe(ae,H,z,Z),wt(u,!0);const be=gn(u),Be=u.subTree;u.subTree=be,C(Be,be,p(Be.el),de(Be),u,y,j),z.el=be.el,re===null&&Ul(u,be.el),R&&Se(R,y),(ae=z.props&&z.props.onVnodeUpdated)&&Se(()=>Qe(ae,H,z,Z),y)}else{let z;const{el:I,props:R}=v,{bm:H,m:Z,parent:re}=u,ae=is(v);if(wt(u,!1),H&&hn(H),!ae&&(z=R&&R.onVnodeBeforeMount)&&Qe(z,re,v),wt(u,!0),I&&De){const be=()=>{u.subTree=gn(u),De(I,u.subTree,u,y,null)};ae?v.type.__asyncLoader().then(()=>!u.isUnmounted&&be()):be()}else{const be=u.subTree=gn(u);C(null,be,b,_,u,y,j),v.el=be.el}if(Z&&Se(Z,y),!ae&&(z=R&&R.onVnodeMounted)){const be=v;Se(()=>Qe(z,re,be),y)}(v.shapeFlag&256||re&&is(re.vnode)&&re.vnode.shapeFlag&256)&&u.a&&Se(u.a,y),u.isMounted=!0,v=b=_=null}},E=u.effect=new ca(O,()=>ba(x),u.scope),x=u.update=()=>E.run();x.id=u.uid,wt(u,!0),x()},te=(u,v,b)=>{v.component=u;const _=u.vnode.props;u.vnode=v,u.next=null,wc(u,v.props,_,b),qc(u,v.children,b),Xt(),Xa(),Jt()},Y=(u,v,b,_,y,j,P,O,E=!1)=>{const x=u&&u.children,z=u?u.shapeFlag:0,I=v.children,{patchFlag:R,shapeFlag:H}=v;if(R>0){if(R&128){at(x,I,b,_,y,j,P,O,E);return}else if(R&256){Te(x,I,b,_,y,j,P,O,E);return}}H&8?(z&16&&ve(x,y,j),I!==x&&d(b,I)):z&16?H&16?at(x,I,b,_,y,j,P,O,E):ve(x,y,j,!0):(z&8&&d(b,""),H&16&&$(I,b,_,y,j,P,O,E))},Te=(u,v,b,_,y,j,P,O,E)=>{u=u||Rt,v=v||Rt;const x=u.length,z=v.length,I=Math.min(x,z);let R;for(R=0;Rz?ve(u,y,j,!0,!1,I):$(v,b,_,y,j,P,O,E,I)},at=(u,v,b,_,y,j,P,O,E)=>{let x=0;const z=v.length;let I=u.length-1,R=z-1;for(;x<=I&&x<=R;){const H=u[x],Z=v[x]=E?pt(v[x]):Ge(v[x]);if(Pt(H,Z))C(H,Z,b,null,y,j,P,O,E);else break;x++}for(;x<=I&&x<=R;){const H=u[I],Z=v[R]=E?pt(v[R]):Ge(v[R]);if(Pt(H,Z))C(H,Z,b,null,y,j,P,O,E);else break;I--,R--}if(x>I){if(x<=R){const H=R+1,Z=HR)for(;x<=I;)je(u[x],y,j,!0),x++;else{const H=x,Z=x,re=new Map;for(x=Z;x<=R;x++){const Fe=v[x]=E?pt(v[x]):Ge(v[x]);Fe.key!=null&&re.set(Fe.key,x)}let ae,be=0;const Be=R-Z+1;let Nt=!1,Fa=0;const Gt=new Array(Be);for(x=0;x=Be){je(Fe,y,j,!0);continue}let Ye;if(Fe.key!=null)Ye=re.get(Fe.key);else for(ae=Z;ae<=R;ae++)if(Gt[ae-Z]===0&&Pt(Fe,v[ae])){Ye=ae;break}Ye===void 0?je(Fe,y,j,!0):(Gt[Ye-Z]=x+1,Ye>=Fa?Fa=Ye:Nt=!0,C(Fe,v[Ye],b,null,y,j,P,O,E),be++)}const Na=Nt?Pc(Gt):Rt;for(ae=Na.length-1,x=Be-1;x>=0;x--){const Fe=Z+x,Ye=v[Fe],za=Fe+1{const{el:j,type:P,transition:O,children:E,shapeFlag:x}=u;if(x&6){He(u.component.subTree,v,b,_);return}if(x&128){u.suspense.move(v,b,_);return}if(x&64){P.move(u,v,b,me);return}if(P===Oe){n(j,v,b);for(let I=0;IO.enter(j),y);else{const{leave:I,delayLeave:R,afterLeave:H}=O,Z=()=>n(j,v,b),re=()=>{I(j,()=>{Z(),H&&H()})};R?R(j,Z,re):re()}else n(j,v,b)},je=(u,v,b,_=!1,y=!1)=>{const{type:j,props:P,ref:O,children:E,dynamicChildren:x,shapeFlag:z,patchFlag:I,dirs:R}=u;if(O!=null&&Hn(O,null,b,u,!0),z&256){v.ctx.deactivate(u);return}const H=z&1&&R,Z=!is(u);let re;if(Z&&(re=P&&P.onVnodeBeforeUnmount)&&Qe(re,v,u),z&6)ze(u.component,b,_);else{if(z&128){u.suspense.unmount(b,_);return}H&&xt(u,null,v,"beforeUnmount"),z&64?u.type.remove(u,v,b,y,me,_):x&&(j!==Oe||I>0&&I&64)?ve(x,v,b,!1,!0):(j===Oe&&I&384||!y&&z&16)&&ve(E,v,b),_&&ke(u)}(Z&&(re=P&&P.onVnodeUnmounted)||H)&&Se(()=>{re&&Qe(re,v,u),H&&xt(u,null,v,"unmounted")},b)},ke=u=>{const{type:v,el:b,anchor:_,transition:y}=u;if(v===Oe){Me(b,_);return}if(v===ks){q(u);return}const j=()=>{a(b),y&&!y.persisted&&y.afterLeave&&y.afterLeave()};if(u.shapeFlag&1&&y&&!y.persisted){const{leave:P,delayLeave:O}=y,E=()=>P(b,j);O?O(u.el,j,E):E()}else j()},Me=(u,v)=>{let b;for(;u!==v;)b=m(u),a(u),u=b;a(v)},ze=(u,v,b)=>{const{bum:_,scope:y,update:j,subTree:P,um:O}=u;_&&hn(_),y.stop(),j&&(j.active=!1,je(P,u,v,b)),O&&Se(O,v),Se(()=>{u.isUnmounted=!0},v),v&&v.pendingBranch&&!v.isUnmounted&&u.asyncDep&&!u.asyncResolved&&u.suspenseId===v.pendingId&&(v.deps--,v.deps===0&&v.resolve())},ve=(u,v,b,_=!1,y=!1,j=0)=>{for(let P=j;Pu.shapeFlag&6?de(u.component.subTree):u.shapeFlag&128?u.suspense.next():m(u.anchor||u.el),fe=(u,v,b)=>{u==null?v._vnode&&je(v._vnode,null,null,!0):C(v._vnode||null,u,v,null,null,null,b),Xa(),ao(),v._vnode=u},me={p:C,um:je,m:He,r:ke,mt:S,mc:$,pc:Y,pbc:J,n:de,o:e};let Re,De;return t&&([Re,De]=t(me)),{render:fe,hydrate:Re,createApp:_c(fe,Re)}}function wt({effect:e,update:t},s){e.allowRecurse=t.allowRecurse=s}function qo(e,t,s=!1){const n=e.children,a=t.children;if(U(n)&&U(a))for(let i=0;i>1,e[s[r]]0&&(t[n]=s[i-1]),s[i]=n)}}for(i=s.length,o=s[i-1];i-- >0;)s[i]=o,o=t[o];return s}const Tc=e=>e.__isTeleport,Oe=Symbol.for("v-fgt"),cn=Symbol.for("v-txt"),st=Symbol.for("v-cmt"),ks=Symbol.for("v-stc"),rs=[];let Xe=null;function ne(e=!1){rs.push(Xe=e?null:[])}function $c(){rs.pop(),Xe=rs[rs.length-1]||null}let hs=1;function oi(e){hs+=e}function Co(e){return e.dynamicChildren=hs>0?Xe||Rt:null,$c(),hs>0&&Xe&&Xe.push(e),e}function oe(e,t,s,n,a,i){return Co(f(e,t,s,n,a,i,!0))}function Eo(e,t,s,n,a){return Co(D(e,t,s,n,a,!0))}function Ks(e){return e?e.__v_isVNode===!0:!1}function Pt(e,t){return e.type===t.type&&e.key===t.key}const un="__vInternal",Po=({key:e})=>e??null,Fs=({ref:e,ref_key:t,ref_for:s})=>(typeof e=="number"&&(e=""+e),e!=null?ge(e)||Ce(e)||X(e)?{i:xe,r:e,k:t,f:!!s}:e:null);function f(e,t=null,s=null,n=0,a=null,i=e===Oe?0:1,o=!1,r=!1){const l={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Po(t),ref:t&&Fs(t),scopeId:on,slotScopeIds:null,children:s,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:n,dynamicProps:a,dynamicChildren:null,appContext:null,ctx:xe};return r?(wa(l,s),i&128&&e.normalize(l)):s&&(l.shapeFlag|=ge(s)?8:16),hs>0&&!o&&Xe&&(l.patchFlag>0||i&6)&&l.patchFlag!==32&&Xe.push(l),l}const D=Ac;function Ac(e,t=null,s=null,n=0,a=null,i=!1){if((!e||e===bo)&&(e=st),Ks(e)){const r=gt(e,t,!0);return s&&wa(r,s),hs>0&&!i&&Xe&&(r.shapeFlag&6?Xe[Xe.indexOf(e)]=r:Xe.push(r)),r.patchFlag|=-2,r}if(Dc(e)&&(e=e.__vccOpts),t){t=Mc(t);let{class:r,style:l}=t;r&&!ge(r)&&(t.class=Lt(r)),pe(l)&&(Yi(l)&&!U(l)&&(l=he({},l)),t.style=tn(l))}const o=ge(e)?1:Hl(e)?128:Tc(e)?64:pe(e)?4:X(e)?2:0;return f(e,t,s,n,a,o,i,!0)}function Mc(e){return e?Yi(e)||un in e?he({},e):e:null}function gt(e,t,s=!1){const{props:n,ref:a,patchFlag:i,children:o}=e,r=t?Sc(n||{},t):n;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:r,key:r&&Po(r),ref:t&&t.ref?s&&a?U(a)?a.concat(Fs(t)):[a,Fs(t)]:Fs(t):a,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:o,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Oe?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&>(e.ssContent),ssFallback:e.ssFallback&>(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function k(e=" ",t=0){return D(cn,null,e,t)}function dn(e,t){const s=D(ks,null,e);return s.staticCount=t,s}function Ge(e){return e==null||typeof e=="boolean"?D(st):U(e)?D(Oe,null,e.slice()):typeof e=="object"?pt(e):D(cn,null,String(e))}function pt(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:gt(e)}function wa(e,t){let s=0;const{shapeFlag:n}=e;if(t==null)t=null;else if(U(t))s=16;else if(typeof t=="object")if(n&65){const a=t.default;a&&(a._c&&(a._d=!1),wa(e,a()),a._c&&(a._d=!0));return}else{s=32;const a=t._;!a&&!(un in t)?t._ctx=xe:a===3&&xe&&(xe.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else X(t)?(t={default:t,_ctx:xe},s=32):(t=String(t),n&64?(s=16,t=[k(t)]):s=8);e.children=t,e.shapeFlag|=s}function Sc(...e){const t={};for(let s=0;sye||xe;let ja,zt,ri="__VUE_INSTANCE_SETTERS__";(zt=Mn()[ri])||(zt=Mn()[ri]=[]),zt.push(e=>ye=e),ja=e=>{zt.length>1?zt.forEach(t=>t(e)):zt[0](e)};const Kt=e=>{ja(e),e.scope.on()},It=()=>{ye&&ye.scope.off(),ja(null)};function To(e){return e.vnode.shapeFlag&4}let gs=!1;function Fc(e,t=!1){gs=t;const{props:s,children:n}=e.vnode,a=To(e);xc(e,s,a,t),Oc(e,n);const i=a?Nc(e,t):void 0;return gs=!1,i}function Nc(e,t){const s=e.type;e.accessCache=Object.create(null),e.proxy=Qi(new Proxy(e.ctx,uc));const{setup:n}=s;if(n){const a=e.setupContext=n.length>1?Ao(e):null;Kt(e),Xt();const i=bt(n,e,0,[e.props,a]);if(Jt(),It(),Fi(i)){if(i.then(It,It),t)return i.then(o=>{li(e,o,t)}).catch(o=>{nn(o,e,0)});e.asyncDep=i}else li(e,i,t)}else $o(e,t)}function li(e,t,s){X(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:pe(t)&&(e.setupState=to(t)),$o(e,s)}let ci;function $o(e,t,s){const n=e.type;if(!e.render){if(!t&&ci&&!n.render){const a=n.template||ya(e).template;if(a){const{isCustomElement:i,compilerOptions:o}=e.appContext.config,{delimiters:r,compilerOptions:l}=n,c=he(he({isCustomElement:i,delimiters:r},o),l);n.render=ci(a,c)}}e.render=n.render||Je}Kt(e),Xt(),pc(e),Jt(),It()}function zc(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,s){return Le(e,"get","$attrs"),t[s]}}))}function Ao(e){const t=s=>{e.exposed=s||{}};return{get attrs(){return zc(e)},slots:e.slots,emit:e.emit,expose:t}}function pn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(to(Qi(e.exposed)),{get(t,s){if(s in t)return t[s];if(s in os)return os[s](e)},has(t,s){return s in t||s in os}}))}function Rc(e,t=!0){return X(e)?e.displayName||e.name:e.name||t&&e.__name}function Dc(e){return X(e)&&"__vccOpts"in e}const tt=(e,t)=>Ml(e,t,gs);function Bn(e,t,s){const n=arguments.length;return n===2?pe(t)&&!U(t)?Ks(t)?D(e,null,[t]):D(e,t):D(e,null,t):(n>3?s=Array.prototype.slice.call(arguments,2):n===3&&Ks(s)&&(s=[s]),D(e,t,s))}const Vc=Symbol.for("v-scx"),Uc=()=>Ls(Vc),Hc="3.3.4",Bc="http://www.w3.org/2000/svg",Tt=typeof document<"u"?document:null,ui=Tt&&Tt.createElement("template"),Kc={insert:(e,t,s)=>{t.insertBefore(e,s||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,s,n)=>{const a=t?Tt.createElementNS(Bc,e):Tt.createElement(e,s?{is:s}:void 0);return e==="select"&&n&&n.multiple!=null&&a.setAttribute("multiple",n.multiple),a},createText:e=>Tt.createTextNode(e),createComment:e=>Tt.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Tt.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,s,n,a,i){const o=s?s.previousSibling:t.lastChild;if(a&&(a===i||a.nextSibling))for(;t.insertBefore(a.cloneNode(!0),s),!(a===i||!(a=a.nextSibling)););else{ui.innerHTML=n?`${e}`:e;const r=ui.content;if(n){const l=r.firstChild;for(;l.firstChild;)r.appendChild(l.firstChild);r.removeChild(l)}t.insertBefore(r,s)}return[o?o.nextSibling:t.firstChild,s?s.previousSibling:t.lastChild]}};function Wc(e,t,s){const n=e._vtc;n&&(t=(t?[t,...n]:[...n]).join(" ")),t==null?e.removeAttribute("class"):s?e.setAttribute("class",t):e.className=t}function Xc(e,t,s){const n=e.style,a=ge(s);if(s&&!a){if(t&&!ge(t))for(const i in t)s[i]==null&&Kn(n,i,"");for(const i in s)Kn(n,i,s[i])}else{const i=n.display;a?t!==s&&(n.cssText=s):t&&e.removeAttribute("style"),"_vod"in e&&(n.display=i)}}const di=/\s*!important$/;function Kn(e,t,s){if(U(s))s.forEach(n=>Kn(e,t,n));else if(s==null&&(s=""),t.startsWith("--"))e.setProperty(t,s);else{const n=Jc(e,t);di.test(s)?e.setProperty(Wt(n),s.replace(di,""),"important"):e[n]=s}}const fi=["Webkit","Moz","ms"],xn={};function Jc(e,t){const s=xn[t];if(s)return s;let n=nt(t);if(n!=="filter"&&n in e)return xn[t]=n;n=en(n);for(let a=0;awn||(su.then(()=>wn=0),wn=Date.now());function au(e,t){const s=n=>{if(!n._vts)n._vts=Date.now();else if(n._vts<=s.attached)return;Ue(iu(n,s.value),t,5,[n])};return s.value=e,s.attached=nu(),s}function iu(e,t){if(U(t)){const s=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{s.call(e),e._stopped=!0},t.map(n=>a=>!a._stopped&&n&&n(a))}else return t}const mi=/^on[a-z]/,ou=(e,t,s,n,a=!1,i,o,r,l)=>{t==="class"?Wc(e,n,a):t==="style"?Xc(e,s,n):Ys(t)?aa(t)||eu(e,t,s,n,o):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):ru(e,t,n,a))?Yc(e,t,n,i,o,r,l):(t==="true-value"?e._trueValue=n:t==="false-value"&&(e._falseValue=n),Zc(e,t,n,a))};function ru(e,t,s,n){return n?!!(t==="innerHTML"||t==="textContent"||t in e&&mi.test(t)&&X(s)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||mi.test(t)&&ge(s)?!1:t in e}const ut="transition",es="animation",$t=(e,{slots:t})=>Bn(Zl,lu(e),t);$t.displayName="Transition";const Mo={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};$t.props=he({},co,Mo);const jt=(e,t=[])=>{U(e)?e.forEach(s=>s(...t)):e&&e(...t)},bi=e=>e?U(e)?e.some(t=>t.length>1):e.length>1:!1;function lu(e){const t={};for(const h in e)h in Mo||(t[h]=e[h]);if(e.css===!1)return t;const{name:s="v",type:n,duration:a,enterFromClass:i=`${s}-enter-from`,enterActiveClass:o=`${s}-enter-active`,enterToClass:r=`${s}-enter-to`,appearFromClass:l=i,appearActiveClass:c=o,appearToClass:d=r,leaveFromClass:p=`${s}-leave-from`,leaveActiveClass:m=`${s}-leave-active`,leaveToClass:g=`${s}-leave-to`}=e,w=cu(a),C=w&&w[0],M=w&&w[1],{onBeforeEnter:F,onEnter:N,onEnterCancelled:T,onLeave:q,onLeaveCancelled:V,onBeforeAppear:W=F,onAppear:ie=N,onAppearCancelled:$=T}=t,B=(h,L,S)=>{Ot(h,L?d:r),Ot(h,L?c:o),S&&S()},J=(h,L)=>{h._isLeaving=!1,Ot(h,p),Ot(h,g),Ot(h,m),L&&L()},A=h=>(L,S)=>{const ce=h?ie:N,se=()=>B(L,h,S);jt(ce,[L,se]),hi(()=>{Ot(L,h?l:i),dt(L,h?d:r),bi(ce)||gi(L,n,C,se)})};return he(t,{onBeforeEnter(h){jt(F,[h]),dt(h,i),dt(h,o)},onBeforeAppear(h){jt(W,[h]),dt(h,l),dt(h,c)},onEnter:A(!1),onAppear:A(!0),onLeave(h,L){h._isLeaving=!0;const S=()=>J(h,L);dt(h,p),fu(),dt(h,m),hi(()=>{h._isLeaving&&(Ot(h,p),dt(h,g),bi(q)||gi(h,n,M,S))}),jt(q,[h,S])},onEnterCancelled(h){B(h,!1),jt(T,[h])},onAppearCancelled(h){B(h,!0),jt($,[h])},onLeaveCancelled(h){J(h),jt(V,[h])}})}function cu(e){if(e==null)return null;if(pe(e))return[jn(e.enter),jn(e.leave)];{const t=jn(e);return[t,t]}}function jn(e){return Ur(e)}function dt(e,t){t.split(/\s+/).forEach(s=>s&&e.classList.add(s)),(e._vtc||(e._vtc=new Set)).add(t)}function Ot(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.remove(n));const{_vtc:s}=e;s&&(s.delete(t),s.size||(e._vtc=void 0))}function hi(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let uu=0;function gi(e,t,s,n){const a=e._endId=++uu,i=()=>{a===e._endId&&n()};if(s)return setTimeout(i,s);const{type:o,timeout:r,propCount:l}=du(e,t);if(!o)return n();const c=o+"end";let d=0;const p=()=>{e.removeEventListener(c,m),i()},m=g=>{g.target===e&&++d>=l&&p()};setTimeout(()=>{d(s[w]||"").split(", "),a=n(`${ut}Delay`),i=n(`${ut}Duration`),o=_i(a,i),r=n(`${es}Delay`),l=n(`${es}Duration`),c=_i(r,l);let d=null,p=0,m=0;t===ut?o>0&&(d=ut,p=o,m=i.length):t===es?c>0&&(d=es,p=c,m=l.length):(p=Math.max(o,c),d=p>0?o>c?ut:es:null,m=d?d===ut?i.length:l.length:0);const g=d===ut&&/\b(transform|all)(,|$)/.test(n(`${ut}Property`).toString());return{type:d,timeout:p,propCount:m,hasTransform:g}}function _i(e,t){for(;e.lengthyi(s)+yi(e[n])))}function yi(e){return Number(e.slice(0,-1).replace(",","."))*1e3}function fu(){return document.body.offsetHeight}const pu=he({patchProp:ou},Kc);let xi;function vu(){return xi||(xi=Cc(pu))}const mu=(...e)=>{const t=vu().createApp(...e),{mount:s}=t;return t.mount=n=>{const a=bu(n);if(!a)return;const i=t._component;!X(i)&&!i.render&&!i.template&&(i.template=a.innerHTML),a.innerHTML="";const o=s(a,!1,a instanceof SVGElement);return a instanceof Element&&(a.removeAttribute("v-cloak"),a.setAttribute("data-v-app","")),o},t};function bu(e){return ge(e)?document.querySelector(e):e}const hu="/Portfolio3-14h/assets/ellypsis-vertical-2-8b5a044c.svg",gu="/Portfolio3-14h/assets/linkedin-blanc-c88acae0.svg";const _e=(e,t)=>{const s=e.__vccOpts||e;for(const[n,a]of t)s[n]=a;return s},_u={data(){return{isResponsiveMenu:!0}},methods:{toggleMenu(){this.isResponsiveMenu=!this.isResponsiveMenu}}},Zt=e=>(Ee("data-v-96a735db"),e=e(),Pe(),e),yu={class:"container1"},xu={class:"orange"},wu=Zt(()=>f("a",{href:"./"},[f("h1",null,"Frédérique CHAMBINAUD")],-1)),ju={class:"menu-points"},Ou=Zt(()=>f("img",{src:hu,alt:"picto menu"},null,-1)),qu=[Ou],Cu=Zt(()=>f("p",null,"Présentation",-1)),Eu=[Cu],Pu=Zt(()=>f("p",null,"Réalisations",-1)),Tu=[Pu],$u=Zt(()=>f("p",null,"Contact",-1)),Au=[$u],Mu={class:"picto"},Su=Zt(()=>f("img",{src:gu,alt:"Picto linkedin"},null,-1)),Iu=[Su];function Lu(e,t,s,n,a,i){return ne(),oe("div",yu,[f("div",xu,[wu,f("div",ju,[f("a",{href:"javascript:void(0);",class:"icon",onClick:t[0]||(t[0]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},qu)])]),f("nav",{class:Lt({blue:!a.isResponsiveMenu,responsive:a.isResponsiveMenu}),id:"menu-blue"},[f("a",{href:"#first",onClick:t[1]||(t[1]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},Eu),f("a",{href:"#reals",onClick:t[2]||(t[2]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},Tu),f("a",{href:"#contact",onClick:t[3]||(t[3]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},Au),f("div",Mu,[f("a",{href:"https://www.linkedin.com/in/fr%C3%A9d%C3%A9rique-c-16195121b/",target:"_blank",onClick:t[4]||(t[4]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},Iu)])],2)])}const ku=_e(_u,[["render",Lu],["__scopeId","data-v-96a735db"]]),Fu="/Portfolio3-14h/assets/profil-carre-222-6644d89e.jpg";const Yt=e=>(Ee("data-v-a1af0adf"),e=e(),Pe(),e),Nu={class:"englobeur-first",id:"first"},zu=Yt(()=>f("div",{class:"container-photo","data-scroll":"","data-scroll-speed":"-1"},[f("img",{src:Fu,alt:"photo profil",class:"photo2"})],-1)),Ru={class:"text"},Du=Yt(()=>f("div",{class:"bienvenue"},"Hello ! Je suis Fred,",-1)),Vu=Yt(()=>f("div",{class:"portfolio"},"UX/UI DESIGNER",-1)),Uu=Yt(()=>f("div",{class:"texte-prez-first"},[k(" Spécialisée et certifiée en "),f("b",null,"UX design"),k(", j'ai acquis des compétences essentielles comme les "),f("b",null,"entretiens utilisateurs, la création de personas, les userflows et le wireframing"),k(". J'intègre des "),f("b",null,"tests utilisateurs synchrones et asynchrones"),k(" pour affiner les expériences, tout en prenant en compte les contraintes techniques grâce à ma formation en développement web. "),f("br"),f("br"),k(" Mon expérience en "),f("b",null,"maquettage"),k(" m’a appris à structurer des interfaces efficaces en utilisant l'"),f("b",null,"atomic design"),k(" et les design tokens, garantissant ainsi "),f("b",null,"cohérence et accessibilité"),k(", toujours dans un cadre collaboratif. ")],-1)),Hu=Yt(()=>f("button",{class:"btn"},"Plus de détails sur mon cv",-1)),Bu=[Hu],Ku=Yt(()=>f("div",{class:"btn-continue"},[f("a",{href:"#reals"},[f("button",{class:"btn-rond"},[f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_down ")])])],-1)),Wu="https://14h02m10s.github.io/Portfolio3-14h/cv-oct2024-portfolio.pdf",Xu={__name:"First4",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe("div",Nu,[f("div",{class:"text-photo",style:tn({transform:`translateY(-${t.scroll}px)`})},[D($t,{appear:"",name:"photo-fade"},{default:Q(()=>[zu]),_:1}),f("div",Ru,[D($t,{appear:"",name:"slide-fade1"},{default:Q(()=>[Du]),_:1}),D($t,{appear:"",name:"slide-fade1"},{default:Q(()=>[Vu]),_:1}),D($t,{appear:"",name:"slide-fade2"},{default:Q(()=>[Uu]),_:1}),D($t,{appear:"",name:"slide-fade2"},{default:Q(()=>[f("div",{class:"container-button"},[f("a",{href:Wu,target:"_blank",download:"CV-fchambinaud.pdf"},Bu)])]),_:1})])],4),Ku]))}},Ju=_e(Xu,[["__scopeId","data-v-a1af0adf"]]);const Zu={},Yu={class:"item"},Qu={class:"img"},Gu={class:"section-texte"},ed={class:"content"};function td(e,t,s,n,a,i){return ne(),oe("div",Yu,[f("div",Qu,[Ut(e.$slots,"image",{},void 0,!0)]),f("div",Gu,[f("h4",null,[Ut(e.$slots,"sous-titre",{},void 0,!0)]),f("p",ed,[Ut(e.$slots,"default",{},void 0,!0)])])])}const As=_e(Zu,[["render",td],["__scopeId","data-v-af523d86"]]),sd="/Portfolio3-14h/assets/google-ux-bandeau-84767ba7.jpg";const nd={},ad=e=>(Ee("data-v-b45a63cc"),e=e(),Pe(),e),id={class:"height"},od=ad(()=>f("img",{src:sd,alt:"Miniature Google UX couleur"},null,-1)),rd=[od];function ld(e,t){return ne(),oe("div",id,rd)}const So=_e(nd,[["render",ld],["__scopeId","data-v-b45a63cc"]]),cd="/Portfolio3-14h/assets/img-prez-onzen2-43b6ff7d.jpg";const ud={},dd=e=>(Ee("data-v-5a712356"),e=e(),Pe(),e),fd={class:"height"},pd=dd(()=>f("a",{href:"#/realisations/onzen"},[f("img",{src:cd,alt:"Miniature OnZen couleur"})],-1)),vd=[pd];function md(e,t){return ne(),oe("div",fd,vd)}const Io=_e(ud,[["render",md],["__scopeId","data-v-5a712356"]]),bd="/Portfolio3-14h/assets/img-prez-mukiz2-44dde4a3.jpg";const hd={},gd=e=>(Ee("data-v-d704363a"),e=e(),Pe(),e),_d={class:"height"},yd=gd(()=>f("a",{href:"#/realisations/mukiz"},[f("img",{src:bd,alt:"Miniature Mukiz couleur"})],-1)),xd=[yd];function wd(e,t){return ne(),oe("div",_d,xd)}const jd=_e(hd,[["render",wd],["__scopeId","data-v-d704363a"]]),Od="/Portfolio3-14h/assets/img-prez-artefacteurs-50fc7254.jpg";const qd={},Cd=e=>(Ee("data-v-11529734"),e=e(),Pe(),e),Ed={class:"height"},Pd=Cd(()=>f("a",{href:"#/realisations/artefacteurs"},[f("img",{src:Od,alt:"Miniature Artefacteurs couleur"})],-1)),Td=[Pd];function $d(e,t){return ne(),oe("div",Ed,Td)}const Lo=_e(qd,[["render",$d],["__scopeId","data-v-11529734"]]);const le=e=>(Ee("data-v-264bda07"),e=e(),Pe(),e),Ad={id:"reals"},Md=le(()=>f("div",{class:"titre"},[f("h2",null,"RÉALISATIONS")],-1)),Sd={class:"flex-project"},Id=le(()=>f("span",null,"Ux",-1)),Ld=le(()=>f("br",null,null,-1)),kd=le(()=>f("a",{href:"#/realisations/mukiz",class:"link-text"},"Onboarding Mukiz ",-1)),Fd=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/mukiz"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Nd=le(()=>f("p",null,[k(" Mukiz est une "),f("b",null,"application de blind test interactif"),k(", qui réunit des milliers de joueurs quotidiennement. L'objectif était comprendre "),f("b",null,"pourquoi certains utilisateurs ne démarraient pas leur première partie"),k(" lors de leur première visite sur l'application. ")],-1)),zd=le(()=>f("div",{class:"trait"},null,-1)),Rd=le(()=>f("span",null,"Ux",-1)),Dd=le(()=>f("br",null,null,-1)),Vd=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/googleux"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Ud=le(()=>f("p",null,[k(" Je passe actuellement la certification Google UX afin de continuer à "),f("b",null,"approfondir mes compétences en design centré utilisateur."),f("br"),f("br"),k(" Ce programme compte + de 200 heures de cours en totale autonomie et j'applique toutes les méthodes UX en "),f("b",null,"travaillant sur la conception d'une application de carte de café"),k(". Cela me permet de perfectionner chaque étape du processus UX. ")],-1)),Hd=le(()=>f("div",{class:"trait"},null,-1)),Bd=le(()=>f("span",null,"Ux",-1)),Kd=le(()=>f("span",null,"Ui",-1)),Wd=le(()=>f("br",null,null,-1)),Xd=le(()=>f("a",{href:"#/realisations/artefacteurs",class:"link-text"},"Plateforme des Artéf'acteurs ",-1)),Jd=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/artefacteurs"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Zd=le(()=>f("p",null,[k(" La Manufacture des Artéf'acteurs, une association réunissant des artisans d'art, avait besoin d'une plateforme pour "),f("b",null,"favoriser les échanges entre artisans et soutenir leurs activités"),k(". "),f("br"),f("br"),k(" Nous avons appliqué des méthodes UX comme les "),f("b",null,"entretiens utilisateurs"),k(" pour identifier leurs besoins, la "),f("b",null,"création de personas"),k(" pour définir le profil des artisans, des "),f("b",null,"diagrammes d'affinités"),k(" pour classer les informations récupérées en entretien, des "),f("b",null,"ateliers d'idéation"),k(" pour générer de nouvelles idées, du "),f("b",null,"maquettage"),k(" pour faire prendre vie au projet et enfin des "),f("b",null,"tests utilisateurs synchrones et asynchrones"),k(" pour évaluer les points de friction de nos premières maquettes. ")],-1)),Yd=le(()=>f("div",{class:"trait"},null,-1)),Qd=le(()=>f("span",null,"Ui",-1)),Gd=le(()=>f("span",null,"Ux",-1)),ef=le(()=>f("span",null,"Html/Css",-1)),tf=le(()=>f("br",null,null,-1)),sf=le(()=>f("a",{href:"#/realisations/onzen",class:"link-text"},"Refonte de la plateforme On-Zen ",-1)),nf=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/onzen"},[f("button",{class:"btn"},"Voir le projet")])],-1)),af=le(()=>f("p",null,[f("b",null,"On-Zen, plateforme dédiée à la prise de rendez-vous en ligne,"),k(" met en relation praticiens et clients tout "),f("b",null,"sensibilisant le public aux médecines complémentaires"),k(". Elle fournit également aux professionnels des outils essentiels pour la gestion et le développement de leur activité. "),f("br"),f("br"),k(" La plateforme n'était pas conçue en responsive et manquait également de cohérence graphique. "),f("b",null,"Ma mission était de la rendre plus attrayante, rassurante et facile à utiliser.")],-1)),of={__name:"Projects3",setup(e){return(t,s)=>(ne(),oe("div",Ad,[Md,f("div",Sd,[D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(jd)]),"sous-titre":Q(()=>[Id,k(),Ld,kd]),default:Q(()=>[Fd,Nd]),_:1}),zd,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(So)]),"sous-titre":Q(()=>[Rd,k(),Dd,k(" Certification Google UX ")]),default:Q(()=>[Vd,Ud]),_:1}),Hd,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Lo)]),"sous-titre":Q(()=>[Bd,Kd,k(),Wd,Xd]),default:Q(()=>[Jd,Zd]),_:1}),Yd,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Io)]),"sous-titre":Q(()=>[Qd,Gd,ef,k(),tf,sf]),default:Q(()=>[nf,af]),_:1})])]))}},rf=_e(of,[["__scopeId","data-v-264bda07"]]);const lf={},cf=e=>(Ee("data-v-d195d2b1"),e=e(),Pe(),e),uf={class:"foot"},df=cf(()=>f("p",null,"© Frédérique Chambinaud 2024",-1)),ff=[df];function pf(e,t){return ne(),oe("div",uf,ff)}const Qt=_e(lf,[["render",pf],["__scopeId","data-v-d195d2b1"]]);var vf=Object.defineProperty,mf=(e,t,s)=>t in e?vf(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,wi=(e,t,s)=>(mf(e,typeof t!="symbol"?t+"":t,s),s);class bf{constructor(){wi(this,"seed",0),wi(this,"data",new Map)}id(){return Date.now().toString(26)+this.seed++}add(t,s=this.id()){return this.data.set(s,t),s}get(t){return this.data.get(t)}delete(t){this.delete(t)}}const hf="Failed to copy value to clipboard. Unknown type.",gf={asString(e){if(e==null)return console.warn("Clipboard input is empty"),"";if(typeof e!="string")try{return JSON.stringify(e)}catch(t){return console.warn(hf,t),""}return e}},_f="position:fixed; pointer-events:none; z-index:-9999; opacity:0;",yf={createTextarea(e){const t=document.createElement("textarea");return t.addEventListener("focusin",s=>{s.stopPropagation()}),t.value=e,t.setAttribute("readonly",""),t.style.cssText=_f,t}},ls={async requestClipboardPermission(){return navigator.permissions.query({name:"clipboard-write"})},async writeClipboard(e){return(await ls.requestClipboardPermission()).state==="granted"?(await navigator.clipboard.writeText(e),!0):!1},writeClipboardExecCommand(e){const t=yf.createTextarea(e);if(document.body.appendChild(t),navigator.userAgent.match(/ipad|ipod|iphone/i)){t.contentEditable="true",t.readOnly=!0;const n=document.createRange();n.selectNodeContents(t);const a=window.getSelection();a&&(a.removeAllRanges(),a.addRange(n),t.setSelectionRange(0,999999))}else t.select();const s=document.execCommand("copy");return document.body.removeChild(t),s},async copy(e){const t=typeof e=="function"?e():e,s=gf.asString(t);if(ls.writeClipboardExecCommand(s))return!0;await ls.writeClipboard(s)}},ft=new bf,xf={install(e){const t=e.version[0]==="3"?e.config.globalProperties:e.prototype;t.$clipboard=ls.copy,e.directive("clipboard",{beforeMount(s,n){const a=n.arg,i=n.value,o=typeof i=="function";if(a==="error"&&o){s.dataset.clipboardError=ft.add(i);return}if(a==="error"&&o){s.dataset.clipboardSuccess=ft.add(i);return}const r=async l=>{var c;const d=await ls.copy(i)?s.dataset.clipboardSuccess:s.dataset.clipboardError;(c=ft.get(d))==null||c({value:i,event:l})};s.dataset.clipboardClick=ft.add(r),s.addEventListener("click",r)},unmounted(s){const{clipboardSuccessHandler:n,clipboardErrorHandler:a,clipboardClickHandler:i}=s.dataset;if(n&&ft.delete(n),a&&ft.delete(a),i){const o=ft.get(i);o&&(s.removeEventListener("click",o),ft.delete(i))}},get bind(){return this.beforeMount},get unbind(){return this.unmounted}})}};const lt=e=>(Ee("data-v-9564c2f9"),e=e(),Pe(),e),wf={id:"contact"},jf=lt(()=>f("div",{class:"titre"},[f("h2",null,"CONTACT")],-1)),Of={class:"container-except-titre","data-aos":"fade-up","data-aos-duration":"600"},qf={class:"login-card-container"},Cf=lt(()=>f("form",{action:"https://public.herotofu.com/v1/8cc09760-7f05-11ee-8bd5-e178f08d9cb2",method:"post","accept-charset":"UTF-8",class:"login-card-form"},[f("div",{class:"login-card-form-2"},[f("div",{class:"form-item"},[f("span",{class:"form-item-icon material-symbols-rounded"},"person"),f("input",{type:"text",placeholder:"Nom",id:"nom",name:"lastName",required:""})]),f("div",{class:"form-item"},[f("span",{class:"form-item-icon material-symbols-rounded"},"person"),f("input",{type:"text",placeholder:"Prénom",id:"prenom",name:"firstName",required:""})])]),f("div",{class:"form-item"},[f("span",{class:"form-item-icon material-symbols-rounded"},"mail"),f("input",{type:"email",placeholder:"Email",id:"email",name:"email",required:""})]),f("div",{style:{"text-indent":"-99999px","white-space":"nowrap",overflow:"hidden",position:"absolute"},"aria-hidden":"true"},[f("input",{type:"text",name:"_gotcha",tabindex:"-1",autocomplete:"off"})]),f("div",{class:"form-item"},[f("textarea",{id:"message",name:"message",placeholder:"Hello Fred, nous serions vraiment ravis de te compter parmi nous ! ",required:""})]),f("div",{class:"container-btn-envoyer"},[f("button",{type:"submit",class:"btn"},"Envoyer")])],-1)),Ef=lt(()=>f("br",null,null,-1)),Pf=lt(()=>f("br",null,null,-1)),Tf=lt(()=>f("br",null,null,-1)),$f=lt(()=>f("br",null,null,-1)),Af=lt(()=>f("b",null,"fchambinaudpro@gmail.com",-1)),Mf=[Af],Sf=lt(()=>f("br",null,null,-1)),If=lt(()=>f("div",{class:"btn-return"},[f("a",{href:"#first"},[f("button",{class:"btn-carre"},[f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ")])])],-1)),Lf={class:"z-index"},kf={name:"App",data(){return{isCopied:!0}},methods:{ToggleCopied(){this.isCopied=!this.isCopied}}},Ff=Object.assign(kf,{setup(e){return(t,s)=>{const n=cc("clipboard");return ne(),oe("div",wf,[jf,f("div",Of,[f("div",qf,[Cf,f("div",null,[f("p",null,[Ef,Pf,k(" Si vous préférez utiliser votre boite mail, "),Tf,k("copiez mon adresse mail en cliquant dessus : "),$f,Wl((ne(),oe("span",{onClick:s[0]||(s[0]=(...a)=>t.ToggleCopied&&t.ToggleCopied(...a)),class:"hover-list"},Mf)),[[n,"fchambinaudpro@gmail.com"]]),k(". "),Sf]),f("p",{class:Lt({copy:!t.isCopied,copied:t.isCopied})},"C'est copié !",2)])])]),If,f("div",Lf,[D(Qt)])])}}}),ko=_e(Ff,[["__scopeId","data-v-9564c2f9"]]);const Wn={__name:"HomeView",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Ju),D(rf),D(ko)]))}};const Nf={data(){return{isExpanded:!1}},methods:{toggleExpansion(){this.isExpanded=!this.isExpanded}}},zf={class:"item"},Rf={class:"img"},Df={class:"content"},Vf={class:"btn-continue"};function Uf(e,t,s,n,a,i){return ne(),oe("div",zf,[f("div",Rf,[Ut(e.$slots,"image",{},void 0,!0)]),f("div",{class:Lt(["section-texte",{expanded:a.isExpanded}])},[f("h4",null,[Ut(e.$slots,"sous-titre",{},void 0,!0)]),f("p",Df,[Ut(e.$slots,"default",{},void 0,!0)]),f("div",Vf,[f("span",{class:Lt(["btn-open-text material-symbols-rounded",{expanded:a.isExpanded}]),onClick:t[0]||(t[0]=(...o)=>i.toggleExpansion&&i.toggleExpansion(...o))}," keyboard_double_arrow_down ",2)])],2)])}const ts=_e(Nf,[["render",Uf],["__scopeId","data-v-15d0c861"]]),Hf="/Portfolio3-14h/assets/ImgPortfolio1-coul-f1ca2911.jpg";const Bf={},Kf=e=>(Ee("data-v-05af01a7"),e=e(),Pe(),e),Wf={class:"height"},Xf=Kf(()=>f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank"},[f("img",{src:Hf,alt:"Miniature Portfolio1 coul"})],-1)),Jf=[Xf];function Zf(e,t){return ne(),oe("div",Wf,Jf)}const Yf=_e(Bf,[["render",Zf],["__scopeId","data-v-05af01a7"]]),Qf="/Portfolio3-14h/assets/Lakson-coul-154c63ab.jpg";const Gf={},ep=e=>(Ee("data-v-1242167e"),e=e(),Pe(),e),tp={class:"height"},sp=ep(()=>f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank"},[f("img",{src:Qf,alt:"Miniature Lakson coul"})],-1)),np=[sp];function ap(e,t){return ne(),oe("div",tp,np)}const ip=_e(Gf,[["render",ap],["__scopeId","data-v-1242167e"]]);const we=e=>(Ee("data-v-de4fb8dd"),e=e(),Pe(),e),op={id:"reals"},rp=we(()=>f("div",{class:"titre"},[f("h2",null,"RÉALISATIONS")],-1)),lp={class:"flex-project"},cp=we(()=>f("div",{class:"DivTitreH3"},[f("h3",null,"Projets UX/UI")],-1)),up=we(()=>f("a",{href:"#/realisations/onzen",class:"link-text"},"Refonte de la plateforme On-Zen ",-1)),dp=we(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/onzen"},[f("button",{class:"btn"},"Voir le projet")])],-1)),fp=we(()=>f("p",null,[k(" On-Zen est une plateforme dédiée à la "),f("b",null,"sensibilisation du grand public aux médecines complémentaires"),k(" et à la "),f("b",null,"mise en relation entre praticiens et clients"),k(" par la prise de rendez-vous. Elle propose également aux professionnels du bien-être divers outils pour faciliter la gestion de leur activité et accroître leur visibilité. "),f("br"),f("br"),k(" Une première version du site avait été lancée au début de l'activité de la start up mais elle n’était ni responsive ni cohérente sur le plan graphique. "),f("b",null,"J'avais donc pour mission de donner un nouveau souffle au site.")],-1)),pp=we(()=>f("div",{class:"container-button"},[f("button",{class:"btn-disable"},"En cours d'acquisition")],-1)),vp=we(()=>f("p",null,[k(" Suite à ma formation chez UX France, j'ai décidé de passer la certification Google UX afin de "),f("b",null,"continuer non seulement mon apprentissage en UX, mais aussi continuer à manipuler Figma et à maquetter"),k(". "),f("br"),f("br"),k(" Cette certification se déroule entièrement en ligne et "),f("b",null,"en autonomie"),k(". Le programme dure en théorie "),f("b",null,"+ de 200 heures"),k(" et est découpé en 7 parties. Je suis actuellement en train de finir la 3e partie. Mon projet portera sur la conception d'une application de prévisualisation d'une carte de café. ")],-1)),mp=we(()=>f("a",{href:"#/realisations/artefacteurs",class:"link-text"},"Projet des Artéf'acteurs ",-1)),bp=we(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/artefacteurs"},[f("button",{class:"btn"},"Voir le projet")])],-1)),hp=we(()=>f("p",null,[k(" Le projet de la manufacture des Artéf'acteurs a été mené durant ma "),f("b",null,"formation chez UX France"),k(", en équipe de 2. "),f("br"),f("br"),k(" L'association de la Manufacture des artef'acteurs regroupe des artisans d'art de l'est de la France. Le but de cette association est de mettre en relation les artisans et de les aider à développer leurs activités. ")],-1)),gp={class:"flex-project"},_p=we(()=>f("div",{class:"DivTitreH3"},[f("h3",null,"Projets front-end")],-1)),yp=we(()=>f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank",class:"link-text"},"Première version de mon portfolio ",-1)),xp=we(()=>f("div",{class:"container-button"},[f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank"},[f("button",{class:"btn"},"Voir le projet")])],-1)),wp=we(()=>f("p",null,[k(" Voici la première version de mon portfolio créée avec "),f("b",null,"Vue.js"),k(`. Je n'ai pas eu le temps de le diffuser car dès sa finalisation, j'ai sollicité des avis auprès de mon entourage. Certains ont souligné que mon site était un peu trop "statique" et avait des airs un peu trop "print" (une déformation professionnelle, je suppose 🙃). `),f("br"),f("br"),f("b",null,`C'était mon premier projet responsive, conçu en adoptant une approche "mobile first".`),k(" Initialement, je souhaitais faire le parallèle avec mon cv, notamment en conservant la mise en forme des titres. Cependant, cela s'est avéré être plus un problème qu'une solution. La deuxième version de mon portfolio (le site que vous parcourez en ce moment) n'est pas parfait, bien sûr, mais j'espère que vous pourrez y reconnaître la détermination que j'y ai investie. ")],-1)),jp=we(()=>f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank",class:"link-text"},"Reproduction d'un site vitrine ",-1)),Op=we(()=>f("div",{class:"container-button"},[f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank"},[f("button",{class:"btn"},"Voir le projet")])],-1)),qp=we(()=>f("p",null,[k(" J'ai commencé ce projet "),f("b",null,"Vue.js"),k(" à la fin de mon stage, en juin 2023 et l'ai continué chez moi. L'objectif principal était de reproduire un site vitrine déjà existant. Mon choix s'est porté sur "),f("a",{href:"https://lakson.fr/",target:"_blank",class:"link-text"},"le site du restaurant Lakson,"),k(" car il comprend "),f("b",null,"une barre de navigation, un pied de page, plusieurs pages, des boutons, et une galerie de photos"),k(". "),f("br"),f("br"),k(" Il reste encore des améliorations à apporter, car certaines parties étaient assez complexes lorsque j'ai entamé ce projet. Ainsi, les animations et la compatibilité avec les appareils de différentes tailles (responsive design) n'ont pas encore été implémentées. Mon prochain défi sera donc de rendre ce projet pleinement responsive (il est pour l'instant conseillé de le regarder sur un écran d'au moins 1300 px de large). ")],-1)),Cp={__name:"Projects2",setup(e){return(t,s)=>(ne(),oe("div",op,[rp,f("div",lp,[cp,D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Io)]),"sous-titre":Q(()=>[up]),default:Q(()=>[dp,fp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(So)]),"sous-titre":Q(()=>[k("Certification Google UX  ")]),default:Q(()=>[pp,vp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Lo)]),"sous-titre":Q(()=>[mp]),default:Q(()=>[bp,hp]),_:1})]),f("div",gp,[_p,D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Yf)]),"sous-titre":Q(()=>[yp]),default:Q(()=>[xp,wp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(ip)]),"sous-titre":Q(()=>[jp]),default:Q(()=>[Op,qp]),_:1})]),D(Qt)]))}},Ep=_e(Cp,[["__scopeId","data-v-de4fb8dd"]]);const Fo={__name:"PageRealisations",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Ep)]))}},Pp="/Portfolio3-14h/assets/banniere-artefacteurs2-27dec636.jpg",Tp="/Portfolio3-14h/assets/uxDesign-4a33de69.jpg",$p="/Portfolio3-14h/assets/problematique-ba823560.jpg",Ap="/Portfolio3-14h/assets/personasHypothetiques-41ac0f8e.jpg",Mp="/Portfolio3-14h/assets/lesCartesUX-ad8c66a1.jpg",Sp="/Portfolio3-14h/assets/diagrammeAffinite-edcf7898.png",Ip="/Portfolio3-14h/assets/diagrammeAffiniteExtrait-309997d6.jpg",Lp="/Portfolio3-14h/assets/Persona-78f7cd19.jpg",kp="/Portfolio3-14h/assets/brainstorm3-5c2acedb.jpg",Fp="/Portfolio3-14h/assets/atelierIdeation2-709139c5.png",Np="/Portfolio3-14h/assets/resultatAtelierIdeation-faad29ba.jpg",zp="/Portfolio3-14h/assets/detail-arborescence-e257ec11.png",Rp="/Portfolio3-14h/assets/userflow1-0943fe38.jpg",Dp="/Portfolio3-14h/assets/wireframes-d9604dac.jpg",Vp="/Portfolio3-14h/assets/prototype2-6860a6b2.jpg",Up="/Portfolio3-14h/assets/ProtocoleTest-464a2b1c.jpg",Hp="/Portfolio3-14h/assets/maze_screenshot_interaction2-f7eeea70.jpg",Bp="/Portfolio3-14h/assets/restitution-recos-c90d8f58.jpg",Kp="/Portfolio3-14h/assets/5-4-Evaluation-Recommandations-0c87a74b.jpg",Wp="/Portfolio3-14h/assets/6-1-Iteration-e0ad5b91.jpg",Xp="/Portfolio3-14h/assets/proto1-71217c4c.jpg",Jp="/Portfolio3-14h/assets/proto2-c881172d.jpg";const Zp=e=>(Ee("data-v-70c1c858"),e=e(),Pe(),e),Yp=dn('
les différentes phases de l'ux design

Remise en contexte

Ceci est un projet mené en formation, chez UX France, durant 6 semaines. Nous avons tout au long de ce projet travaillé en binôme.

L'association des Artef'acteurs est un collectif d'artisans d'art de la région de Belfort. Ils ont entre 25 et 55 ans et ce sont des personnes qui travaillent seules la plupart du temps. Le but de l'association est de mettre en relation ces artisans afin de les aider à sortir de l'isolement professionnel et à développer leurs activités en regroupant des informations utiles (tels que les fournisseurs, salons, marchés...).

Pour l'instant, l'association dispose d'une page facebook tenue par la fondatrice de l'association, un google drive pour s'échanger des documents et un groupe what'app pour discuter.

L'UX design

L'UX design est décomposé en 6 phases :

  1. La planification sert à comprendre les besoins du client et commencer à réfléchir à qui est l’utilisateur final. On définit également une problématique.
  2. L'exploration sert à comprendre qui est l'utilisateur final.
  3. L'idéation permet de brainstormer, avec des utilisateurs, et de trouver des solutions à notre problématique.
  4. La génération, c'est le moment où le projet prend vie à travers des prototypes.
  5. L'évaluation permet de se rendre compte, en faisant tester le prototype à des utilisateurs, de ce qui va et surtout de ce qui ne va pas.
  6. L'itération, c'est le moment où on corrige ce qui ne va pas, on peut recommencer le processus à partir de la phase d'exploration, d'idéation ou de génération, selon les besoins. Plusieurs itérations peuvent avoir lieu.
les différentes phases de l'ux design

La phase de Planification

Avant toute chose, nous avons établi un plan d'action dans Notion pour pouvoir avoir une vision d'ensemble, du chemin à parcourir pour mener à bien ce projet. Puis, nous avons rencontré la fondatrice de l'association des Artef'acteurs, qui nous a exposé ce qui existait actuellement, et ce qu'elle voudrait pouvoir offrir aux artisans de son association : une plateforme web.

Suite à cet entretien, nous avons reformulé et synthétisé son brief. Nous avons utilisé la méthode des 5 pourquoi pour définir la problématique globale à laquelle nous allions devoir répondre.

Nous nous sommes ensuite intéressées de plus près aux artisans du collectif des Artéf'acteurs, qui étaient donc notre cible. Nous avons donc créé des personas hypothétiques en nous aidant de cartes UX (qui synthétisent en 7 grandes catégories les besoins psychologiques fondamentaux des êtres humains) afin d'entrer en empathie plus facilement.

Synthèse de la problèmatique avec les 5 pourquoi
Utilisation de la technique des 5 pourquoi pour trouver la problématique
Nos 3 personas hypothétiques
Élaboration de 3 personas hypothétiques
Nos 3 cartes UX selectionnées et etayées
Nos 3 cartes UX selectionnées et etayées avec des exemples s'appliquant aux artisans

La phase d'exploration

Durant cette phase, nous avons pu rencontrer 2 artisans du collectif des Artef'acteurs en visioconférence. Au préalable, nous avons donc préparé ces entretiens en rédigeant une quinzaine de questions (les plus ouvertes possibles). Les entretiens ont duré 30 minutes chacun, et nous avons prié nos interlocuteurs de ne pas se brider dans leurs réponses afin de comprendre qui sont les artisans des Artéf'acteurs.

Une fois les entretiens terminés, nous avons retranscrit sur des post-its virtuels (sur Figjam) tout ce qui avait été dit durant les entretiens et nous avons classé ces post-it par catégories, ce qui nous a donc donné un diagramme d'affinités. Grâce à ce diagramme, nous avons pu retravailler notre persona et aussi y inclure un verbatim.

fb artefacteurs
Le diagramme d'affinité dans sa globalité
fb artefacteurs
Extrait du diagramme d'affinité
fb artefacteurs
Le persona

La phase d'idéation

Nous avons tout d'abord réalisé un brainstorming avec mon binôme afin d'imaginer quelles pourraient être les fonctionnalités que pourrait comporter la plateforme des Artéf'acteurs. Puis nous avons préparé l'atelier d'idéation où nous allions recevoir 2 participantes en visioconférence, sur Klaxoon (un site qui permet de collaborer en simultané, comme Figjam).

Le but de l'atelier est de stimuler la créativité des participants en leur exposant au préalable le brief, notre problématique, et notre persona afin qu'ils puissent se glisser dans la peau d'un artisan. Nous avons donc incité les 2 participants à exprimer toutes leurs idées, sans retenue, et de les noter. Nous leur avons ensuite exposé nos idées et leur avons demandé de leur donner une note.

Nous avons ensuite fait la synthèse des idées trouvées et nous avons élaboré l’arborescence du projet. Elle permet de se projeter concrètement dans l'organisation du site en commencant à élaborer le menu principal et imaginer ce qui sera contenu dans les pages. Ensuite, le userflow vient compléter l'arborescence et permet de mettre en évidence les liens entre les pages, les interactions possibles.

le brainstorming à 2
Le brainstorming à 2 avant l'atelier d'idéation
phase 1 de l'atelier d'idéation
Les idées de nos participants lors de l'atelier d'idéation
synthèse de l'atelier d'idéation
La synthèse de l'atelier d'idéation lors de ma présentation au jury
L'arborescence
L'arborescence sur Figjam (en haut et bleu la navbar, en bas et violet le footer)
Le userflow
Le userflow sur Figjam

La phase de génération

Uns fois que nous avions notre userflow, nous pouvions passer aux wireframes sur Excalidraw (schémas très simples des pages) puis au prototypage interactif sur Figma (l'apparence des pages est plus poussée mais surtout les boutons sont fonctionnels). Nous n'avons développé que la partie mentorat, car c'était une idée qui a émergé en atelier d'idéation grâce aux utilisateurs et car le temps nous était compté (formation oblige).

Nous avons développé ce prototypage en appliquant l'approche de l'atomic design. C'est une méthodologie de conception qui divise les interfaces en composants modulaires réutilisables, allant des éléments de base aux éléments plus complexes. Le but étant d'assurer une cohérence et une facilité de maintenance accrues ainsi qu'une meilleure adaptabilité à tous les écrans.

Le but d'un prototype interactif est de pouvoir le faire tester à des utilisateurs avant de développer réellement le produit. Cela permet de déceler en amont ce qui n'est pas compris des utilisateurs (en phase d'évaluation) et donc de pouvoir corriger (en phase d'itération).

les wireframes sur Excalidraw
Les wireframes sur Excalidraw
Le prototypage fonctionnel sur Figma
Le prototypage fonctionnel sur Figma

La phase d'évaluation

Nous avons préparé l'entretien d'évaluation en rédigeant un protocole de test contenant : un scénario, une liste de tâches à faire ainsi que le circuit attendu sur le prototype. Nous avons pu recevoir 2 utilisateurs en visioconférence, pour des tests synchrones. L'utilisateur nous partageait son écran et sa caméra : nous avions donc accès à leurs actions et réactions en direct. Nous avons pu également leur poser à chacun une dizaine de questions.

Nous avons aussi diffusé notre prototype sur Maze, un site qui permet de faire des tests asynchrones. L'utilisateur fait le test tout seul, il suit les instructions que l'on a rentrées dans le site en amont. Évidemment nous n'avons pas pu voir les réactions en direct de ces utilisateurs, par contre, nous avons eu accès aux heatmaps (qui permettent de voir où les utilisateurs ont cliqué).

Nous avons ensuite synthétisé les entretiens et mis en évidence les difficultés que les utilisateurs ont eu, et donc, les points bloquants de notre prototype.

Le protocole de test
Le protocole de test
Une heatmap
Une heatmap du test asynchrone fait sur Maze
les resititutions des entretiens
L'analyse des entretiens synchrones, avec mise en évidence des points bloquants (en rouge)

La phase d'itération

À partir des points bloquants relevés en phase d'évaluation, nous avons rédigé des recommandations de corrections à apporter en rappelant quel était le problème et quelle solution il fallait mettre en place (selon nous).

Nous avons donc corrigé nos prototypes selon ces recommandations. Si ce projet avait été un projet à mener jusqu'au bout, il aurait donc fallu refaire tester les nouveaux prototypes, et ainsi de suite jusqu'à obtention d'une maquette ou il n'y a plus de problème majeur.

Une des recommandations que nous avions à traiter
Une des recommandations que nous avions à traiter
La correction de la recommandation ci-dessus
La correction de la recommandation ci-dessus
Page d'accueil et page mentorat avant les corrections
Page d'accueil et page mentorat avant les corrections
Page d'accueil et page mentorat après les corrections
Page d'accueil et page mentorat après les corrections

Merci de m'avoir lue !

',1),Qp=Zp(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),Gp=[Qp],ev=()=>{window.scrollTo({top:0,left:0})},tv={__name:"artefacteurs2",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe(Oe,null,[f("div",{id:"topPage"},[Yp,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:ev},Gp)])]),D(Qt)],64))}},sv=_e(tv,[["__scopeId","data-v-70c1c858"]]);const No={__name:"PageArtefacteurs",setup(e){return(t,s)=>(ne(),oe("main",null,[D(sv)]))}},nv="/Portfolio3-14h/assets/banniere-on-zen2-91c74aea.jpg",av="/Portfolio3-14h/assets/atomicDesign-onzen-atomes-56dabf24.jpg",iv="/Portfolio3-14h/assets/atomicDesign-onzen-molecules-0301f58b.jpg",ov="/Portfolio3-14h/assets/atomicDesign-onzen-organismes-a0a78dc2.jpg",rv="/Portfolio3-14h/assets/userflow-navbar-footer-onzen-07b38667.jpg",lv="/Portfolio3-14h/assets/userflow-tableau-de-bord-client-onzen-0a60ee42.jpg",cv="/Portfolio3-14h/assets/Vue-ensemble-On-Zen-89428dcc.jpg",uv="/Portfolio3-14h/assets/Modifs-homepage-Onzen-0e5d3008.jpg",dv="/Portfolio3-14h/assets/Page-nosPratiques-onzen-3966a74c.jpg",fv="/Portfolio3-14h/assets/page-notreHistoire-Onzen-bf9d2423.jpg",pv="/Portfolio3-14h/assets/pages-news-onzen-157f7ace.jpg",vv="/Portfolio3-14h/assets/Page-article-blog-onzen-4aaef1c4.jpg",mv="/Portfolio3-14h/assets/contact-tarifs-Onzen-1a8dbebc.jpg",bv="/Portfolio3-14h/assets/Inscription-connexion-onzen-avant-apres-610b947f.jpg",hv="/Portfolio3-14h/assets/tableau-bord-client-onzen-914e4975.jpg";const gv=e=>(Ee("data-v-7d05b1da"),e=e(),Pe(),e),_v=dn('
banniere avec logo On-Zen

Remise en contexte

On-Zen est une plateforme dédiée à la mise en relation de praticiens de médecines complémentaires et de clients. Elle se compose de 3 parties :

  1. Un site web accessible sans compte, permettant de rechercher des praticiens, s'informer sur les différentes pratiques de médecine complémentaire ainsi que sur l'entreprise On-Zen et consulter le blog.
  2. Un tableau de bord client permettant de prendre rendez-vous pour soi ou sa famille avec des praticiens.
  3. Un tableau de bord professionnel offrant aux praticiens la gestion de leur agenda et carnet d’adresses, rédaction de recommandations, édition de factures et campagnes de mailing.

J'ai tout d'abord analysé le profil des utilisateurs et la charte graphique, avant de retravailler entièrement le site web et le dashboard client. J'ai principalement réalisé des wireframes et prototypes sur Figma, repensé certains textes, créé des userflows et fait un peu d'intégration sur Symfony.

Le design system

J'ai créé un design system que j'ai étoffé et ajusté au fur et à mesure de la création de nouvelles pages. Il y a tout d'abord les atomes, ou tokens, qui sont les éléments de base (que l'on retrouve souvent dans la charte graphique) tels que les couleurs, les polices utilisées, ou encore les icônes et images. Si on assemble quelques uns de ces éléments de base, on peut par exemple créer un bouton, c'est ce qu'on appelle une molécule. Si on assemble des molécules, on crée des organismes tels que le footer.

atomicDesign-onzen-atomes
Les atomes
atomicDesign-onzen-molecules
Les molécules
atomicDesign-onzen-organismes
Les organismes

Les userflows

Créer des user flows peut être une étape clé dans un projet web dont l'organisation des informations (et des pages) n'est pas encore bien définie. Cela permet d'identifier les CTA, essentiels pour relier les différents éléments entre eux. Cela peut également permettre de mettre en évidence certaines incohérences.

userflow-navbar-footer
Userflow de la navbar et du footer
userflow-tableau-de-bord-client
Userflow du tableau de bord client

Le site web

>> Tester le prototype final sur Figma
Vue globale des pages sur figma
Ensemble des pages réalisées

La homepage

La première modification sur la homepage concernait la partie haute : la recherche. J'ai repensé la mise en page pour qu'elle soit plus compacte et que les champs de recherche n'empiètent plus sur le visage (quelle que soit la taille de l'écran). Il fallait également trouver un moyen de faire la promotion de l'offre destinée aux praticiens.
Ensuite, à l'intérieur des champs de recherche, il y avait des icônes gris clair. L'icône "loupe" n'était pas cliquable, mais l'icône "localisation" et "flèche" l'étaient. L'icône "localisation" permettait de se géolocaliser et l'icône "flèche" permettait d'afficher une barre avec un curseur afin de définir le périmètre de recherche (en km) autour de l'adresse indiquée par l'utilisateur. Ces deux fonctions n'étaient pas du tout visibles à cause de leur couleur gris clair, je les ai donc rendues à nouvau accessibles.

Il manquait sur le site des informations cruciales pour les professionnels, comme les différents forfaits et leurs tarifs associés, ou encore une page contact et une prise de rendez-vous avec un commercial (pour avoir une démonstration). J'ai décidé d'intégrer un menu déroulant dans la navbar comportant en plus du lien vers la page d'inscription, des liens vers une page tarifs, une page de prise de rendez-vous avec On-Zen et une page contact (avec un formulaire).

Globalement les éléments de la homepage prenaient tous beaucoup de place, j'ai donc oeuvré pour réduire la taille de la page en hauteur de façon à ce l'utilisateur scrolle moins et à harmoniser les espaces et les tailles de polices.

Modifications sur la homepage
Les avant/après sur la homepage

Les autres pages du site

Page nos pratiques avant/après
Page nos pratiques avant/après
Page notre histoire avant/après
Page notre histoire avant/après
Page article de blog avant/après
Page blog avant/après
Page blog avant/après
Page article de blog avant/après

Les nouvelles pages

La page contact et tarifs n'existaient pas, il a donc fallu les imaginer.

Page contact et tarif
Page contact et tarif

Le tableau de bord

L'inscription et la connexion

Les pages donnant accès aux tableaux de bord (soit professionnel, soit client) étaient également à revoir. J'ai harmonisé ces 3 pages en créant une fenêtre à 3 onglets. L'inscription pour les professionnels étant un peu longue j'ai décidé de la découper en 4 étapes en intégrant un fil d'ariane.

Inscription-connexion-onzen-avant et après
Les pages de connexion et inscriptions avant et après modification
>> Voir l'inscription des professionnels

Le tableau de bord client

Aperçu du tableau de bord client
Aperçu du tableau de bord client
>> Voir le tableau de bord client en entier

Merci de m'avoir lue !

',1),yv=gv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),xv=[yv],wv=()=>{window.scrollTo({top:0,left:0})},jv={__name:"Onzen",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe(Oe,null,[f("div",{id:"topPage"},[_v,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:wv},xv)])]),D(Qt)],64))}},Ov=_e(jv,[["__scopeId","data-v-7d05b1da"]]);const zo={__name:"PageOnZen",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Ov)]))}},qv="/Portfolio3-14h/assets/banniere-Mukiz2-7c2f7800.jpg",Cv="/Portfolio3-14h/assets/screen-mukiz-existant-1ere-phase-56a6c259.jpg",Ev="/Portfolio3-14h/assets/screen-mukiz-existant-2eme-phase-d22c8bb8.jpg",Pv="/Portfolio3-14h/assets/screen-mukiz-existant-3eme-phase-72a3b7d3.jpg",Tv="/Portfolio3-14h/assets/Mukiz-ecran2et3-1ere-modif-41423285.jpg",$v="/Portfolio3-14h/assets/resume-1er-parcours-mukiz-maze-cc03374e.jpg",Av="/Portfolio3-14h/assets/resume-2eme-parcours-mukiz-maze-a4d9508f.jpg",Mv="/Portfolio3-14h/assets/Mukiz-screen-maquette-finale-6c933a98.jpg";const Sv=e=>(Ee("data-v-4b30572f"),e=e(),Pe(),e),Iv=dn('
banniere Mukiz

Remise en contexte

Mukiz est une application de blind test interactif, qui réunit des milliers de joueurs quotidiennement et déjà plus de 250K téléchargements.

Dans le cadre de mon rôle d'UX designer, j'ai investigué les obstacles qui bloquaient certains utilisateurs après le téléchargement de l'application, les empêchant de commencer une première partie.

Analyse de l'existant

Les 3 premiers écrans permettent :

  • d'orienter les joueurs selon leur pays
  • de définir le mode de jeu qu'ils souhaitent (entre amis ou pas)
  • de rappeler les règles
Les 3 premiers écrans de l'app Mukiz
Les 3 premiers écrans de l'application

Le tutoriel commence avec des écrans qui montrent aux utilisateurs les fonctions de micro, clavier et le bouton pour passer à l'extrait suivant si on ne sait pas répondre (écrans 4, 5 et 6).

La partie se lance et une pop-up apparaît (écran 7) rappelant que l'on peut utiliser le micro ou le clavier pour donner ses réponses. L'écran 8 est celui qui apparaît lorsque la musique se lance et que l'on peut jouer.

Les 5 premiers écrans du tutoriel
Les 5 premiers écrans du tutoriel

Entre le 1er et le 2e extrait musical, 3 pop-ups apparaissent (écrans 9, 10, 11) pour informer comment les points sont comptés ainsi que des réponses autorisées et non autorisées. Le tutoriel continue, et se termine, avec un 2e extrait musical à découvrir (écrans 12 et 13).

Les 5 derniers écrans du tutoriel
Les 5 derniers écrans du tutoriel

Tests utilisateurs #1

J'ai rédigé un guide d'entretien et j'ai recruté des utilisateurs. Les résultats des tests que j'ai menés en synchrone sont ceux-ci :

  • 2 participants sur 9 auraient passé le tuto s’ils avaient vu le bouton (les écrans 3, 4, 5 et 6).
  • 3 participants sur 9 estiment qu’ils n’ont rien appris (ou pas grand-chose) d’intéressant sur le 3ᵉ écran.
  • 4 participants sur 9 auraient aimé commencer à jouer plus vite.
  • 8 participants sur 9 apprécient de savoir comment les points sont comptés (écran 9).
  • 9 participants sur 9 trouvent utiles les exemples de réponses possibles (écrans 10 et 11).
  • 9 participants sur 9 aimeraient avoir le choix de plusieurs playlists dès le tutoriel.

Quelques verbatims reflétant les pensées récurrentes des joueurs :

" Je me suis sentie un peu perdue... j’aimerai avoir un bouton : “Je veux jouer seul” ! "

"Ha oui donc il faut pas forcément une réponse super complète ? Juste "Céline" ça suffit ?"

"Ça aurait ete bien qu’il n’y ait le choix entre 2-3 playlists, genre parce que je sais pas si je vais devoir me taper 15 fois Johnny pour pouvoir écouter Pink Floyd par exemple."

Modification des maquettes #1

Il semblait nécessaire de simplifier le nombre d'options sur le deuxième écran pour mieux orienter les nouveaux utilisateurs : la plupart d'entre eux étant seuls et ne connaissant pas l'application, il était important de les diriger vers les parties en solo (ou contre d'autres joueurs en ligne) et de les faire hésiter le moins possible avec l'option des parties entre amis.

Pour le troisième écran, j'ai choisi de supprimer l'encart sur la gamification et de plutôt proposer quatre playlists issues des plus populaires de l'application. J'ai également ajouté une indication pour informer les utilisateurs qu'ils peuvent répondre avec le clavier ou leur voix. Cette modification permet de supprimer les écrans 4, 5 et 6 du tutoriel existant, ce qui réduit le temps d'attente et le nombre de clics avant de lancer la partie.

Modifications de l'écran 2 et 3
Modifications de l'écran 2 et 3
>> Tester le prototype Figma avec les premières modifications

Tests utilisateurs #2

Voici ce qui ressort du test asynchrone sur Maze que j'ai mis en place :

Les joueurs accordent de l'importance au fait de gagner des points. En effet sur les 36 participants, seulement 8 estiment que cela n'a pas ou peu d'importance.

Sur l'écran 1, certains utilisateurs se demandent si le choix d'aller vers "France" ou "reste du monde" va impacter les musiques qu'ils auront (ou sur la langue de l'interface). Il s'avère que si un utilisateur choisit "France" il jouera automatiquement avec la playlist "best of français", alors que s'il choisit "Reste du monde", il jouera automatiquement avec la playlist "best of international". Et concernant la langue, l'application n'existe qu'en français pour l'instant.

97% des utilisateurs arrivent à bon port pour la 1re phase du test, même si 24% font des détours, je pense que sur ces 22%, une grosse majorité veut explorer, et voir ce qui marche, et ce qui ne marche pas. Certains aussi, se dirigent vers les parties entre amis, car ils n'envisagent pas de jouer seul.

"Je me suis posé la question de savoir si le fait de choisir "France" allait influencer la playlist (chansons françaises uniquement...)"

"Je ne joue jamais seule, alors j'ai essayé la partie "Jouer en groupe" mais ça ne fonctionnait pas."

"Le check pour solo/multijoueur m'a perturbé, j'ai cru qu'on pouvait sélectionner les deux"

Screen ecran maze 1ere phase du test
Résultats de la 1ere phase de test

À la fin de la 1re phase de ce test, 73% des participants ont déclaré avoir envie, voir très envie de jouer .

"J’ai envie de jouer et sélectionner une playlist."

"Je ne connaissais pas cette application, j'ai envie de la télécharger actuellement."

Au début de la 2e phase de test, les utilisateurs avaient le choix entre lancer directement la partie ou aller voir les astuces. Les résultats sont très équilibrés puisque :

  • 15/31 n’ont pas cliqué sur les astuces.
  • 16/31 ont cliqué sur les astuces. Parmi ces 16 utilisateurs, 8 ont cliqué sur le bouton " Démarrer la partie" présent sur la pop-up des astuces, 8 sont revenus sur l’écran 3 (soit par habitude faire "retour" ? soit pour choisir une playlist ?) et ont ensuite cliqué sur "Démarrer la partie".
Screen ecran maze 2eme phase du test
Résultats de la 2eme phase de test

"Je n'ai pas cliqué sur le bouton voir les astuces pour pouvoir jouer plus rapidement. Je trouve plus intéressant l'idée d'avoir des astuces entre 2 parties par exemple."

"J'aurai bien aimé avoir une petite explication simple sur les points (qui sont la base dans tout jeu de blind test). "

Modification des maquettes #2

Voici les dernières modifications apportées aux maquettes avant intégration :

  • Simplification des boutons servant à orienter les joueurs à leur arrivée dans l'application, afin de passer de 2 clics à un seul (suppression des cases à cocher vertes).
  • Ajustement du wording des écrans 2 et 3 pour les rendre plus courts et plus clairs.
  • Retrait de la consigne n°2 sur l'écran 3, elle est visible sur la pop-up qui apparaît juste avant le début de la partie. Ajout d’un bouton de validation pour garantir que l'utilisateur ait le temps de lire cette pop-up.
  • Suppression du bouton 'Voir les astuces', les astuces étant à nouveau intégrées sur des pop-ups entre le 1er et le 2ème extrait musical, durant la première partie.
  • Remaniement du wording et de la mise en page des pop-ups d'astuces pour une lecture plus fluide et des exemples mieux adaptés, tant en français qu'à l'international. Remise en place également de la pop-up explicative sur les points.
  • Ajout d'un bouton, accessible pendant la partie, pour revoir les astuces à tout moment.

Maquette finale vue prototype sur figma
Aperçu de la maquette finale
>> Tester le prototype Figma final

Merci de m'avoir lue !

',2),Lv=Sv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),kv=[Lv],Fv=()=>{window.scrollTo({top:0,left:0})},Nv={data(){return{activeSection:null}},methods:{scrollToSection(e){this.activeSection=e;const t=document.getElementById(e);t&&t.scrollIntoView({behavior:"smooth"})}}},zv=Object.assign(Nv,{__name:"Mukiz",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe(Oe,null,[f("div",{id:"topPage"},[Iv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Fv},kv)])]),D(Qt)],64))}}),Rv=_e(zv,[["__scopeId","data-v-4b30572f"]]);const Ro={__name:"PageMukiz",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Rv)]))}},Dv="/Portfolio3-14h/assets/banniere-googleUX2-fd1dafc5.jpg",Vv="/Portfolio3-14h/assets/personna-google-UX-1-40bcbcc3.jpg",Uv="/Portfolio3-14h/assets/personna-google-UX-2-a4c0fec0.jpg",Hv="/Portfolio3-14h/assets/googleUX-wireframes-d5aa2d38.jpg";const Bv=e=>(Ee("data-v-d5ab88a1"),e=e(),Pe(),e),Kv=dn('

- Page en cours de création -


banniere Google ux

Remise en contexte

J'ai décidé de suivre la formation Google UX qui se déroule en ligne, en totale autonomie, afin d'approfondir mes connaissances en UX design. Ce programme compte + de 200 heures de cours et j'applique toutes les méthodes UX en travaillant sur la conception d'une application de carte de café.

Empathie et idéation

Pour ce projet d'application de carte de café en plein air, j'ai entamé la phase d'empathie en réalisant des interviews pour comprendre les attentes des utilisateurs. Simultanément, j'ai exploré des idées en temps réel, en intégrant leurs retours dans le processus d’idéation au fur et à mesure. Cette approche m'a permis de saisir des besoins comme la facilité d'accès aux informations sur les plats et boissons, et aussi des frustrations comme la pénurie de certains plats pourtant incrits sur la carte ou encore avoir la mauvaise surprise d'avoir un ingrédient détesté dans son plat, tout en commençant à imaginer des solutions créatives pour y répondre. À partir de ces données, j'ai développé des personas qui capturent les motivations des utilisateurs et défini clairement les problématiques à résoudre.

Persona 1 Alicia
Persona 1 Alicia
Persona 2 Victor
Persona 2 Victor

Suite aux interviews et à l’idéation, j'ai approfondi le processus en rédigeant des user stories pour capter les scénarios d'utilisation clés de l'application. Cela m'a permis de définir des énoncés de problèmes spécifiques et de formuler des hypothèses de design, orientées vers l'amélioration de l'expérience utilisateur. Ces étapes ont été essentielles pour clarifier les attentes et les motivations des utilisateurs. Enfin, j'ai établi un objectif clair pour le persona principal, afin de guider le design et de m'assurer que l'application réponde directement aux besoins prioritaires identifiés. J'ai également fait un audit concurrentiel pour chercher quelles pouvaient être les bonnes idées et noter ce qui fonctionne moins bien.

User story du persona Victor

"En tant que père de famille, je veux que la carte liste tous les ingrédients, afin que je puisse trouver un plat qui me convienne vraiment et d’éviter des aliments problématiques pour mon fils (allergique aux noix)."

Énoncé de problème pour le persona Victor

Victor est un père de famille exigeant qui a besoin de commander des plats particuliers pour chacun des membres de sa famille parce qu’ils sont soit exigeants sur la qualité de la nourriture, soit végétarien, soit allergiques.

Hypothèse pour le persona Victor

Si Victor utilise l’application du café, alors il pourra plus facilement voir quels sont les caractéristiques des différents plats proposés à la carte.

Énoncé d'objectif pour le persona Victor

Notre application de prévisualisation de carte pour un café, permettra aux utilisateurs de savoir de quoi son composés les plats et boissons précisément, ce qui aura un impact sur la satisfaction des clients particulièrement exigeants en leur permettant de faire des choix éclairés sans avoir à demander au serveur. Nous mesurerons l'efficacité en questionnant les utilisateurs sur leur satisfaction de la carte.

Création de wireframes basse fidélité

Dans cette étape, j'ai créé les premiers wireframes basse-fidélité pour l'application de prévisualisation de carte de café, en commençant par des esquisses sur papier pour explorer différentes idées de mise en page et de navigation. Ces wireframes papier m'ont permis de tester rapidement plusieurs concepts, d'identifier des éléments clés à intégrer et de visualiser le parcours utilisateur. Ensuite, j'ai développé des versions numériques de ces wireframes pour affiner la structure de l'application, en créant un prototype basse-fidélité. Cette version numérique m'a permis de vérifier l'agencement des écrans et la fluidité de l'expérience utilisateur, sans me concentrer encore sur les aspects visuels détaillés.

wireframe-googleUX
Quelques wireframes papier

Page en cours de création... la suite bientôt

',3),Wv=Bv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),Xv=[Wv],Jv=()=>{window.scrollTo({top:0,left:0})},Zv={__name:"GoogleUX",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe(Oe,null,[f("div",{id:"topPage"},[Kv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Jv},Xv)])]),D(Qt)],64))}},Yv=_e(Zv,[["__scopeId","data-v-d5ab88a1"]]);const Do={__name:"PageGoogleUX",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Yv)]))}};const Vo={__name:"PageContact",setup(e){return(t,s)=>(ne(),oe("main",null,[D(ko)]))}},Qv={"/":Wn,"/realisations":Fo,"/realisations/artefacteurs":No,"/realisations/onzen":zo,"/realisations/mukiz":Ro,"/realisations/googleux":Do,"/contact":Vo},Gv={name:"App",components:{Header7:ku,HomeView:Wn,PageRealisations:Fo,PageArtefacteurs:No,PageOnZen:zo,PageMukiz:Ro,PageGoogleUX:Do,PageContact:Vo},data(){return{currentPath:window.location.hash}},computed:{currentView(){return Qv[this.currentPath.slice(1)||"/"]||Wn}},mounted(){window.addEventListener("hashchange",()=>{this.currentPath=window.location.hash})}};function em(e,t,s,n,a,i){const o=mo("Header7");return ne(),oe("div",null,[D(o),(ne(),Eo(lc(i.currentView)))])}const tm=_e(Gv,[["render",em]]);function Xn(e,t,s=".",n){if(!On(t))return Xn(e,{},s,n);const a=Object.assign({},t);for(const i in e){if(i==="__proto__"||i==="constructor")continue;const o=e[i];o!=null&&(n&&n(a,i,o,s)||(Array.isArray(o)&&Array.isArray(a[i])?a[i]=[...o,...a[i]]:On(o)&&On(a[i])?a[i]=Xn(o,a[i],(s?`${s}.`:"")+i.toString(),n):a[i]=o))}return a}function On(e){if(e===null||typeof e!="object")return!1;const t=Object.getPrototypeOf(e);return(t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(Symbol.toStringTag in e)&&!(Symbol.iterator in e)}function sm(e){return(...t)=>t.reduce((s,n)=>Xn(s,n,"",e),{})}const nm=sm();function Uo(e){return zi()?(el(e),!0):!1}function Oa(e){return typeof e=="function"?e():_t(e)}const am=typeof window<"u"&&typeof document<"u",im=e=>e!=null,om=Object.prototype.toString,Ws=e=>om.call(e)==="[object Object]",Ns=()=>{};function rm(e){fn()&&ha(e)}function cs(e){var t;const s=Oa(e);return(t=s==null?void 0:s.$el)!=null?t:s}const Ho=am?window:void 0;function Ke(...e){let t,s,n,a;if(typeof e[0]=="string"||Array.isArray(e[0])?([s,n,a]=e,t=Ho):[t,s,n,a]=e,!t)return Ns;Array.isArray(s)||(s=[s]),Array.isArray(n)||(n=[n]);const i=[],o=()=>{i.forEach(d=>d()),i.length=0},r=(d,p,m,g)=>(d.addEventListener(p,m,g),()=>d.removeEventListener(p,m,g)),l=Ae(()=>[cs(t),Oa(a)],([d,p])=>{if(o(),!d)return;const m=Ws(p)?{...p}:p;i.push(...s.flatMap(g=>n.map(w=>r(d,g,w,m))))},{immediate:!0,flush:"post"}),c=()=>{l(),o()};return Uo(c),c}function lm(){const e=Ze(!1);return fn()&&yt(()=>{e.value=!0}),e}function cm(e){const t=lm();return tt(()=>(t.value,!!e()))}function um(e,t,s={}){const{root:n,rootMargin:a="0px",threshold:i=.1,window:o=Ho,immediate:r=!0}=s,l=cm(()=>o&&"IntersectionObserver"in o),c=tt(()=>{const w=Oa(e);return(Array.isArray(w)?w:[w]).map(cs).filter(im)});let d=Ns;const p=Ze(r),m=l.value?Ae(()=>[c.value,cs(n),p.value],([w,C])=>{if(d(),!p.value||!w.length)return;const M=new IntersectionObserver(t,{root:cs(C),rootMargin:a,threshold:i});w.forEach(F=>F&&M.observe(F)),d=()=>{M.disconnect(),d=Ns}},{immediate:r,flush:"post"}):Ns,g=()=>{d(),m(),p.value=!1};return Uo(g),{isSupported:l,isActive:p,pause(){d(),p.value=!1},resume(){p.value=!0},stop:g}}const Bo=1/60*1e3,dm=typeof performance<"u"?()=>performance.now():()=>Date.now(),Ko=typeof window<"u"?e=>window.requestAnimationFrame(e):e=>setTimeout(()=>e(dm()),Bo);function fm(e){let t=[],s=[],n=0,a=!1,i=!1;const o=new WeakSet,r={schedule:(l,c=!1,d=!1)=>{const p=d&&a,m=p?t:s;return c&&o.add(l),m.indexOf(l)===-1&&(m.push(l),p&&a&&(n=t.length)),l},cancel:l=>{const c=s.indexOf(l);c!==-1&&s.splice(c,1),o.delete(l)},process:l=>{if(a){i=!0;return}if(a=!0,[t,s]=[s,t],s.length=0,n=t.length,n)for(let c=0;c(e[t]=fm(()=>_s=!0),e),{}),Yn=xs.reduce((e,t)=>{const s=vn[t];return e[t]=(n,a=!1,i=!1)=>(_s||bm(),s.schedule(n,a,i)),e},{}),vm=xs.reduce((e,t)=>(e[t]=vn[t].cancel,e),{});xs.reduce((e,t)=>(e[t]=()=>vn[t].process(Ht),e),{});const mm=e=>vn[e].process(Ht),Wo=e=>{_s=!1,Ht.delta=Jn?Bo:Math.max(Math.min(e-Ht.timestamp,pm),1),Ht.timestamp=e,Zn=!0,xs.forEach(mm),Zn=!1,_s&&(Jn=!1,Ko(Wo))},bm=()=>{_s=!0,Jn=!0,Zn||Ko(Wo)},Xo=()=>Ht;function Jo(e,t){var s={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(s[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,n=Object.getOwnPropertySymbols(e);aMath.min(Math.max(s,e),t),qn=.001,gm=.01,Oi=10,_m=.05,ym=1;function xm({duration:e=800,bounce:t=.25,velocity:s=0,mass:n=1}){let a,i;hm(e<=Oi*1e3);let o=1-t;o=Qn(_m,ym,o),e=Qn(gm,Oi,e/1e3),o<1?(a=c=>{const d=c*o,p=d*e,m=d-s,g=Gn(c,o),w=Math.exp(-p);return qn-m/g*w},i=c=>{const p=c*o*e,m=p*s+s,g=Math.pow(o,2)*Math.pow(c,2)*e,w=Math.exp(-p),C=Gn(Math.pow(c,2),o);return(-a(c)+qn>0?-1:1)*((m-g)*w)/C}):(a=c=>{const d=Math.exp(-c*e),p=(c-s)*e+1;return-qn+d*p},i=c=>{const d=Math.exp(-c*e),p=(s-c)*(e*e);return d*p});const r=5/e,l=jm(a,i,r);if(e=e*1e3,isNaN(l))return{stiffness:100,damping:10,duration:e};{const c=Math.pow(l,2)*n;return{stiffness:c,damping:o*2*Math.sqrt(n*c),duration:e}}}const wm=12;function jm(e,t,s){let n=s;for(let a=1;ae[s]!==void 0)}function Cm(e){let t=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},e);if(!qi(e,qm)&&qi(e,Om)){const s=xm(e);t=Object.assign(Object.assign(Object.assign({},t),s),{velocity:0,mass:1}),t.isResolvedFromDuration=!0}return t}function qa(e){var{from:t=0,to:s=1,restSpeed:n=2,restDelta:a}=e,i=Jo(e,["from","to","restSpeed","restDelta"]);const o={done:!1,value:t};let{stiffness:r,damping:l,mass:c,velocity:d,duration:p,isResolvedFromDuration:m}=Cm(i),g=Ci,w=Ci;function C(){const M=d?-(d/1e3):0,F=s-t,N=l/(2*Math.sqrt(r*c)),T=Math.sqrt(r/c)/1e3;if(a===void 0&&(a=Math.min(Math.abs(s-t)/100,.4)),N<1){const q=Gn(T,N);g=V=>{const W=Math.exp(-N*T*V);return s-W*((M+N*T*F)/q*Math.sin(q*V)+F*Math.cos(q*V))},w=V=>{const W=Math.exp(-N*T*V);return N*T*W*(Math.sin(q*V)*(M+N*T*F)/q+F*Math.cos(q*V))-W*(Math.cos(q*V)*(M+N*T*F)-q*F*Math.sin(q*V))}}else if(N===1)g=q=>s-Math.exp(-T*q)*(F+(M+T*F)*q);else{const q=T*Math.sqrt(N*N-1);g=V=>{const W=Math.exp(-N*T*V),ie=Math.min(q*V,300);return s-W*((M+N*T*F)*Math.sinh(ie)+q*F*Math.cosh(ie))/q}}}return C(),{next:M=>{const F=g(M);if(m)o.done=M>=p;else{const N=w(M)*1e3,T=Math.abs(N)<=n,q=Math.abs(s-F)<=a;o.done=T&&q}return o.value=o.done?s:F,o},flipTarget:()=>{d=-d,[t,s]=[s,t],C()}}}qa.needsInterpolation=(e,t)=>typeof e=="string"||typeof t=="string";const Ci=e=>0,Zo=(e,t,s)=>{const n=t-e;return n===0?1:(s-e)/n},Ca=(e,t,s)=>-s*e+s*t+e,Yo=(e,t)=>s=>Math.max(Math.min(s,t),e),us=e=>e%1?Number(e.toFixed(5)):e,ys=/(-)?([\d]*\.?[\d])+/g,ea=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Em=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function ws(e){return typeof e=="string"}const js={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},ds=Object.assign(Object.assign({},js),{transform:Yo(0,1)}),Ms=Object.assign(Object.assign({},js),{default:1}),Ea=e=>({test:t=>ws(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),qt=Ea("deg"),fs=Ea("%"),K=Ea("px"),Ei=Object.assign(Object.assign({},fs),{parse:e=>fs.parse(e)/100,transform:e=>fs.transform(e*100)}),Pa=(e,t)=>s=>!!(ws(s)&&Em.test(s)&&s.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(s,t)),Qo=(e,t,s)=>n=>{if(!ws(n))return n;const[a,i,o,r]=n.match(ys);return{[e]:parseFloat(a),[t]:parseFloat(i),[s]:parseFloat(o),alpha:r!==void 0?parseFloat(r):1}},Mt={test:Pa("hsl","hue"),parse:Qo("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:s,alpha:n=1})=>"hsla("+Math.round(e)+", "+fs.transform(us(t))+", "+fs.transform(us(s))+", "+us(ds.transform(n))+")"},Pm=Yo(0,255),Cn=Object.assign(Object.assign({},js),{transform:e=>Math.round(Pm(e))}),vt={test:Pa("rgb","red"),parse:Qo("red","green","blue"),transform:({red:e,green:t,blue:s,alpha:n=1})=>"rgba("+Cn.transform(e)+", "+Cn.transform(t)+", "+Cn.transform(s)+", "+us(ds.transform(n))+")"};function Tm(e){let t="",s="",n="",a="";return e.length>5?(t=e.substr(1,2),s=e.substr(3,2),n=e.substr(5,2),a=e.substr(7,2)):(t=e.substr(1,1),s=e.substr(2,1),n=e.substr(3,1),a=e.substr(4,1),t+=t,s+=s,n+=n,a+=a),{red:parseInt(t,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:a?parseInt(a,16)/255:1}}const ta={test:Pa("#"),parse:Tm,transform:vt.transform},Ie={test:e=>vt.test(e)||ta.test(e)||Mt.test(e),parse:e=>vt.test(e)?vt.parse(e):Mt.test(e)?Mt.parse(e):ta.parse(e),transform:e=>ws(e)?e:e.hasOwnProperty("red")?vt.transform(e):Mt.transform(e)},Go="${c}",er="${n}";function $m(e){var t,s,n,a;return isNaN(e)&&ws(e)&&((s=(t=e.match(ys))===null||t===void 0?void 0:t.length)!==null&&s!==void 0?s:0)+((a=(n=e.match(ea))===null||n===void 0?void 0:n.length)!==null&&a!==void 0?a:0)>0}function tr(e){typeof e=="number"&&(e=`${e}`);const t=[];let s=0;const n=e.match(ea);n&&(s=n.length,e=e.replace(ea,Go),t.push(...n.map(Ie.parse)));const a=e.match(ys);return a&&(e=e.replace(ys,er),t.push(...a.map(js.parse))),{values:t,numColors:s,tokenised:e}}function sr(e){return tr(e).values}function nr(e){const{values:t,numColors:s,tokenised:n}=tr(e),a=t.length;return i=>{let o=n;for(let r=0;rtypeof e=="number"?0:e;function Mm(e){const t=sr(e);return nr(e)(t.map(Am))}const Os={test:$m,parse:sr,createTransformer:nr,getAnimatableNone:Mm},Sm=new Set(["brightness","contrast","saturate","opacity"]);function Im(e){let[t,s]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[n]=s.match(ys)||[];if(!n)return e;const a=s.replace(n,"");let i=Sm.has(t)?1:0;return n!==s&&(i*=100),t+"("+i+a+")"}const Lm=/([a-z-]*)\(.*?\)/g,sa=Object.assign(Object.assign({},Os),{getAnimatableNone:e=>{const t=e.match(Lm);return t?t.map(Im).join(" "):e}});function En(e,t,s){return s<0&&(s+=1),s>1&&(s-=1),s<1/6?e+(t-e)*6*s:s<1/2?t:s<2/3?e+(t-e)*(2/3-s)*6:e}function Pi({hue:e,saturation:t,lightness:s,alpha:n}){e/=360,t/=100,s/=100;let a=0,i=0,o=0;if(!t)a=i=o=s;else{const r=s<.5?s*(1+t):s+t-s*t,l=2*s-r;a=En(l,r,e+1/3),i=En(l,r,e),o=En(l,r,e-1/3)}return{red:Math.round(a*255),green:Math.round(i*255),blue:Math.round(o*255),alpha:n}}const km=(e,t,s)=>{const n=e*e,a=t*t;return Math.sqrt(Math.max(0,s*(a-n)+n))},Fm=[ta,vt,Mt],Ti=e=>Fm.find(t=>t.test(e)),ar=(e,t)=>{let s=Ti(e),n=Ti(t),a=s.parse(e),i=n.parse(t);s===Mt&&(a=Pi(a),s=vt),n===Mt&&(i=Pi(i),n=vt);const o=Object.assign({},a);return r=>{for(const l in o)l!=="alpha"&&(o[l]=km(a[l],i[l],r));return o.alpha=Ca(a.alpha,i.alpha,r),s.transform(o)}},Nm=e=>typeof e=="number",zm=(e,t)=>s=>t(e(s)),ir=(...e)=>e.reduce(zm);function or(e,t){return Nm(e)?s=>Ca(e,t,s):Ie.test(e)?ar(e,t):lr(e,t)}const rr=(e,t)=>{const s=[...e],n=s.length,a=e.map((i,o)=>or(i,t[o]));return i=>{for(let o=0;o{const s=Object.assign(Object.assign({},e),t),n={};for(const a in s)e[a]!==void 0&&t[a]!==void 0&&(n[a]=or(e[a],t[a]));return a=>{for(const i in n)s[i]=n[i](a);return s}};function $i(e){const t=Os.parse(e),s=t.length;let n=0,a=0,i=0;for(let o=0;o{const s=Os.createTransformer(t),n=$i(e),a=$i(t);return n.numHSL===a.numHSL&&n.numRGB===a.numRGB&&n.numNumbers>=a.numNumbers?ir(rr(n.parsed,a.parsed),s):o=>`${o>0?t:e}`},Dm=(e,t)=>s=>Ca(e,t,s);function Vm(e){if(typeof e=="number")return Dm;if(typeof e=="string")return Ie.test(e)?ar:lr;if(Array.isArray(e))return rr;if(typeof e=="object")return Rm}function Um(e,t,s){const n=[],a=s||Vm(e[0]),i=e.length-1;for(let o=0;os(Zo(e,t,n))}function Bm(e,t){const s=e.length,n=s-1;return a=>{let i=0,o=!1;if(a<=e[0]?o=!0:a>=e[n]&&(i=n-1,o=!0),!o){let l=1;for(;la||l===n);l++);i=l-1}const r=Zo(e[i],e[i+1],a);return t[i](r)}}function cr(e,t,{clamp:s=!0,ease:n,mixer:a}={}){const i=e.length;ji(i===t.length),ji(!n||!Array.isArray(n)||n.length===i-1),e[0]>e[i-1]&&(e=[].concat(e),t=[].concat(t),e.reverse(),t.reverse());const o=Um(t,n,a),r=i===2?Hm(e,o):Bm(e,o);return s?l=>r(Qn(e[0],e[i-1],l)):r}const mn=e=>t=>1-e(1-t),Ta=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Km=e=>t=>Math.pow(t,e),ur=e=>t=>t*t*((e+1)*t-e),Wm=e=>{const t=ur(e);return s=>(s*=2)<1?.5*t(s):.5*(2-Math.pow(2,-10*(s-1)))},dr=1.525,Xm=4/11,Jm=8/11,Zm=9/10,fr=e=>e,$a=Km(2),Ym=mn($a),pr=Ta($a),vr=e=>1-Math.sin(Math.acos(e)),mr=mn(vr),Qm=Ta(mr),Aa=ur(dr),Gm=mn(Aa),eb=Ta(Aa),tb=Wm(dr),sb=4356/361,nb=35442/1805,ab=16061/1805,Xs=e=>{if(e===1||e===0)return e;const t=e*e;return ee<.5?.5*(1-Xs(1-e*2)):.5*Xs(e*2-1)+.5;function rb(e,t){return e.map(()=>t||pr).splice(0,e.length-1)}function lb(e){const t=e.length;return e.map((s,n)=>n!==0?n/(t-1):0)}function cb(e,t){return e.map(s=>s*t)}function zs({from:e=0,to:t=1,ease:s,offset:n,duration:a=300}){const i={done:!1,value:e},o=Array.isArray(t)?t:[e,t],r=cb(n&&n.length===o.length?n:lb(o),a);function l(){return cr(r,o,{ease:Array.isArray(s)?s:rb(o,s)})}let c=l();return{next:d=>(i.value=c(d),i.done=d>=a,i),flipTarget:()=>{o.reverse(),c=l()}}}function ub({velocity:e=0,from:t=0,power:s=.8,timeConstant:n=350,restDelta:a=.5,modifyTarget:i}){const o={done:!1,value:t};let r=s*e;const l=t+r,c=i===void 0?l:i(l);return c!==l&&(r=c-t),{next:d=>{const p=-r*Math.exp(-d/n);return o.done=!(p>a||p<-a),o.value=o.done?c:c+p,o},flipTarget:()=>{}}}const Ai={keyframes:zs,spring:qa,decay:ub};function db(e){if(Array.isArray(e.to))return zs;if(Ai[e.type])return Ai[e.type];const t=new Set(Object.keys(e));return t.has("ease")||t.has("duration")&&!t.has("dampingRatio")?zs:t.has("dampingRatio")||t.has("stiffness")||t.has("mass")||t.has("damping")||t.has("restSpeed")||t.has("restDelta")?qa:zs}function br(e,t,s=0){return e-t-s}function fb(e,t,s=0,n=!0){return n?br(t+-e,t,s):t-(e-t)+s}function pb(e,t,s,n){return n?e>=t+s:e<=-s}const vb=e=>{const t=({delta:s})=>e(s);return{start:()=>Yn.update(t,!0),stop:()=>vm.update(t)}};function hr(e){var t,s,{from:n,autoplay:a=!0,driver:i=vb,elapsed:o=0,repeat:r=0,repeatType:l="loop",repeatDelay:c=0,onPlay:d,onStop:p,onComplete:m,onRepeat:g,onUpdate:w}=e,C=Jo(e,["from","autoplay","driver","elapsed","repeat","repeatType","repeatDelay","onPlay","onStop","onComplete","onRepeat","onUpdate"]);let{to:M}=C,F,N=0,T=C.duration,q,V=!1,W=!0,ie;const $=db(C);!((s=(t=$).needsInterpolation)===null||s===void 0)&&s.call(t,n,M)&&(ie=cr([0,100],[n,M],{clamp:!1}),n=0,M=100);const B=$(Object.assign(Object.assign({},C),{from:n,to:M}));function J(){N++,l==="reverse"?(W=N%2===0,o=fb(o,T,c,W)):(o=br(o,T,c),l==="mirror"&&B.flipTarget()),V=!1,g&&g()}function A(){F.stop(),m&&m()}function h(S){if(W||(S=-S),o+=S,!V){const ce=B.next(Math.max(0,o));q=ce.value,ie&&(q=ie(q)),V=W?ce.done:o<=0}w==null||w(q),V&&(N===0&&(T??(T=o)),N{p==null||p(),F.stop()}}}function gr(e,t){return t?e*(1e3/t):0}function mb({from:e=0,velocity:t=0,min:s,max:n,power:a=.8,timeConstant:i=750,bounceStiffness:o=500,bounceDamping:r=10,restDelta:l=1,modifyTarget:c,driver:d,onUpdate:p,onComplete:m,onStop:g}){let w;function C(T){return s!==void 0&&Tn}function M(T){return s===void 0?n:n===void 0||Math.abs(s-T){var V;p==null||p(q),(V=T.onUpdate)===null||V===void 0||V.call(T,q)},onComplete:m,onStop:g}))}function N(T){F(Object.assign({type:"spring",stiffness:o,damping:r,restDelta:l},T))}if(C(e))N({from:e,velocity:t,to:M(e)});else{let T=a*t+e;typeof c<"u"&&(T=c(T));const q=M(T),V=q===s?-1:1;let W,ie;const $=B=>{W=ie,ie=B,t=gr(B-W,Xo().delta),(V===1&&B>q||V===-1&&Bw==null?void 0:w.stop()}}const _r=(e,t)=>1-3*t+3*e,yr=(e,t)=>3*t-6*e,xr=e=>3*e,Js=(e,t,s)=>((_r(t,s)*e+yr(t,s))*e+xr(t))*e,wr=(e,t,s)=>3*_r(t,s)*e*e+2*yr(t,s)*e+xr(t),bb=1e-7,hb=10;function gb(e,t,s,n,a){let i,o,r=0;do o=t+(s-t)/2,i=Js(o,n,a)-e,i>0?s=o:t=o;while(Math.abs(i)>bb&&++r=yb?xb(o,p,e,s):m===0?p:gb(o,r,r+Ss,e,s)}return o=>o===0||o===1?o:Js(i(o),t,n)}const Pn={};class jb{constructor(){this.subscriptions=new Set}add(t){return this.subscriptions.add(t),()=>this.subscriptions.delete(t)}notify(t,s,n){if(this.subscriptions.size)for(const a of this.subscriptions)a(t,s,n)}clear(){this.subscriptions.clear()}}function Mi(e){return!isNaN(parseFloat(e))}class Ob{constructor(t){this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new jb,this.canTrackVelocity=!1,this.updateAndNotify=s=>{this.prev=this.current,this.current=s;const{delta:n,timestamp:a}=Xo();this.lastUpdated!==a&&(this.timeDelta=n,this.lastUpdated=a),Yn.postRender(this.scheduleVelocityCheck),this.updateSubscribers.notify(this.current)},this.scheduleVelocityCheck=()=>Yn.postRender(this.velocityCheck),this.velocityCheck=({timestamp:s})=>{this.canTrackVelocity||(this.canTrackVelocity=Mi(this.current)),s!==this.lastUpdated&&(this.prev=this.current)},this.prev=this.current=t,this.canTrackVelocity=Mi(this.current)}onChange(t){return this.updateSubscribers.add(t)}clearListeners(){this.updateSubscribers.clear()}set(t){this.updateAndNotify(t)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?gr(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(s=>{const{stop:n}=t(s);this.stopAnimation=n}).then(()=>this.clearAnimation())}stop(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()}isAnimating(){return!!this.stopAnimation}clearAnimation(){this.stopAnimation=null}destroy(){this.updateSubscribers.clear(),this.stop()}}function qb(e){return new Ob(e)}const{isArray:Cb}=Array;function Eb(){const e=Ze({}),t=n=>{const a=i=>{e.value[i]&&(e.value[i].stop(),e.value[i].destroy(),delete e.value[i])};n?Cb(n)?n.forEach(a):a(n):Object.keys(e.value).forEach(a)},s=(n,a,i)=>{if(e.value[n])return e.value[n];const o=qb(a);return o.onChange(r=>i[n]=r),e.value[n]=o,o};return rm(t),{motionValues:e,get:s,stop:t}}function Pb(e){return Array.isArray(e)}function Ct(){return{type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}}function Tn(e){return{type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restDelta:.01,restSpeed:10}}function Tb(e){return{type:"spring",stiffness:550,damping:e===0?100:30,restDelta:.01,restSpeed:10}}function $n(){return{type:"keyframes",ease:"linear",duration:300}}function $b(e){return{type:"keyframes",duration:800,values:e}}const Si={default:Tb,x:Ct,y:Ct,z:Ct,rotate:Ct,rotateX:Ct,rotateY:Ct,rotateZ:Ct,scaleX:Tn,scaleY:Tn,scale:Tn,backgroundColor:$n,color:$n,opacity:$n};function jr(e,t){let s;return Pb(t)?s=$b:s=Si[e]||Si.default,{to:t,...s(t)}}const Ii={...js,transform:Math.round},Or={color:Ie,backgroundColor:Ie,outlineColor:Ie,fill:Ie,stroke:Ie,borderColor:Ie,borderTopColor:Ie,borderRightColor:Ie,borderBottomColor:Ie,borderLeftColor:Ie,borderWidth:K,borderTopWidth:K,borderRightWidth:K,borderBottomWidth:K,borderLeftWidth:K,borderRadius:K,radius:K,borderTopLeftRadius:K,borderTopRightRadius:K,borderBottomRightRadius:K,borderBottomLeftRadius:K,width:K,maxWidth:K,height:K,maxHeight:K,size:K,top:K,right:K,bottom:K,left:K,padding:K,paddingTop:K,paddingRight:K,paddingBottom:K,paddingLeft:K,margin:K,marginTop:K,marginRight:K,marginBottom:K,marginLeft:K,rotate:qt,rotateX:qt,rotateY:qt,rotateZ:qt,scale:Ms,scaleX:Ms,scaleY:Ms,scaleZ:Ms,skew:qt,skewX:qt,skewY:qt,distance:K,translateX:K,translateY:K,translateZ:K,x:K,y:K,z:K,perspective:K,transformPerspective:K,opacity:ds,originX:Ei,originY:Ei,originZ:K,zIndex:Ii,filter:sa,WebkitFilter:sa,fillOpacity:ds,strokeOpacity:ds,numOctaves:Ii},Ma=e=>Or[e];function qr(e,t){return t&&typeof e=="number"&&t.transform?t.transform(e):e}function Ab(e,t){let s=Ma(e);return s!==sa&&(s=Os),s.getAnimatableNone?s.getAnimatableNone(t):void 0}const Mb={linear:fr,easeIn:$a,easeInOut:pr,easeOut:Ym,circIn:vr,circInOut:Qm,circOut:mr,backIn:Aa,backInOut:eb,backOut:Gm,anticipate:tb,bounceIn:ib,bounceInOut:ob,bounceOut:Xs};function Li(e){if(Array.isArray(e)){const[t,s,n,a]=e;return wb(t,s,n,a)}else if(typeof e=="string")return Mb[e];return e}function Sb(e){return Array.isArray(e)&&typeof e[0]!="number"}function ki(e,t){return e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&Os.test(t)&&!t.startsWith("url("))}function Ib(e){return Array.isArray(e.to)&&e.to[0]===null&&(e.to=[...e.to],e.to[0]=e.from),e}function Lb({ease:e,times:t,delay:s,...n}){const a={...n};return t&&(a.offset=t),e&&(a.ease=Sb(e)?e.map(Li):Li(e)),s&&(a.elapsed=-s),a}function kb(e,t,s){return Array.isArray(t.to)&&(e.duration||(e.duration=800)),Ib(t),Fb(e)||(e={...e,...jr(s,t.to)}),{...t,...Lb(e)}}function Fb({delay:e,repeat:t,repeatType:s,repeatDelay:n,from:a,...i}){return!!Object.keys(i).length}function Nb(e,t){return e[t]||e.default||e}function zb(e,t,s,n,a){const i=Nb(n,e);let o=i.from===null||i.from===void 0?t.get():i.from;const r=ki(e,s);o==="none"&&r&&typeof s=="string"&&(o=Ab(e,s));const l=ki(e,o);function c(p){const m={from:o,to:s,velocity:n.velocity?n.velocity:t.getVelocity(),onUpdate:g=>t.set(g)};return i.type==="inertia"||i.type==="decay"?mb({...m,...i}):hr({...kb(i,m,e),onUpdate:g=>{m.onUpdate(g),i.onUpdate&&i.onUpdate(g)},onComplete:()=>{n.onComplete&&n.onComplete(),a&&a(),p&&p()}})}function d(p){return t.set(s),n.onComplete&&n.onComplete(),a&&a(),p&&p(),{stop:()=>{}}}return!l||!r||i.type===!1?d:c}function Rb(){const{motionValues:e,stop:t,get:s}=Eb();return{motionValues:e,stop:t,push:(a,i,o,r={},l)=>{const c=o[a],d=s(a,c,o);if(r&&r.immediate){d.set(i);return}const p=zb(a,d,i,r,l);d.start(p)}}}function Db(e,t={},{motionValues:s,push:n,stop:a}=Rb()){const i=_t(t),o=Ze(!1);Ae(s,p=>{o.value=Object.values(p).filter(m=>m.isAnimating()).length>0},{immediate:!0,deep:!0});const r=p=>{if(!i||!i[p])throw new Error(`The variant ${p} does not exist.`);return i[p]},l=p=>(typeof p=="string"&&(p=r(p)),Promise.all(Object.entries(p).map(([m,g])=>{if(m!=="transition")return new Promise(w=>n(m,g,e,p.transition||jr(m,p[m]),w))}).filter(Boolean)));return{isAnimating:o,apply:l,set:p=>{const m=Ws(p)?p:r(p);Object.entries(m).forEach(([g,w])=>{g!=="transition"&&n(g,w,e,{immediate:!0})})},leave:async p=>{let m;if(i&&(i.leave&&(m=i.leave),!i.leave&&i.initial&&(m=i.initial)),!m){p();return}await l(m),p()},stop:a}}const Sa=typeof window<"u",Vb=()=>Sa&&window.onpointerdown===null,Ub=()=>Sa&&window.ontouchstart===null,Hb=()=>Sa&&window.onmousedown===null;function Bb({target:e,state:t,variants:s,apply:n}){const a=_t(s),i=Ze(!1),o=Ze(!1),r=Ze(!1),l=tt(()=>{let d=[];return a&&(a.hovered&&(d=[...d,...Object.keys(a.hovered)]),a.tapped&&(d=[...d,...Object.keys(a.tapped)]),a.focused&&(d=[...d,...Object.keys(a.focused)])),d}),c=tt(()=>{const d={};Object.assign(d,t.value),i.value&&a.hovered&&Object.assign(d,a.hovered),o.value&&a.tapped&&Object.assign(d,a.tapped),r.value&&a.focused&&Object.assign(d,a.focused);for(const p in d)l.value.includes(p)||delete d[p];return d});a.hovered&&(Ke(e,"mouseenter",()=>i.value=!0),Ke(e,"mouseleave",()=>{i.value=!1,o.value=!1}),Ke(e,"mouseout",()=>{i.value=!1,o.value=!1})),a.tapped&&(Hb()&&(Ke(e,"mousedown",()=>o.value=!0),Ke(e,"mouseup",()=>o.value=!1)),Vb()&&(Ke(e,"pointerdown",()=>o.value=!0),Ke(e,"pointerup",()=>o.value=!1)),Ub()&&(Ke(e,"touchstart",()=>o.value=!0),Ke(e,"touchend",()=>o.value=!1))),a.focused&&(Ke(e,"focus",()=>r.value=!0),Ke(e,"blur",()=>r.value=!1)),Ae(c,n)}function Kb({set:e,target:t,variants:s,variant:n}){const a=_t(s);Ae(()=>t,()=>{a&&(a.initial&&e("initial"),a.enter&&(n.value="enter"))},{immediate:!0,flush:"pre"})}function Wb({state:e,apply:t}){Ae(e,s=>{s&&t(s)},{immediate:!0})}function Xb({target:e,variants:t,variant:s}){const n=_t(t);n&&(n.visible||n.visibleOnce)&&um(e,([{isIntersecting:a}])=>{n.visible?a?s.value="visible":s.value="initial":n.visibleOnce&&(a&&s.value!=="visibleOnce"?s.value="visibleOnce":s.value||(s.value="initial"))})}function Jb(e,t={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){t.lifeCycleHooks&&Kb(e),t.syncVariants&&Wb(e),t.visibilityHooks&&Xb(e),t.eventListeners&&Bb(e)}function Cr(e={}){const t=kt({...e}),s=Ze({});return Ae(t,()=>{const n={};for(const[a,i]of Object.entries(t)){const o=Ma(a),r=qr(i,o);n[a]=r}s.value=n},{immediate:!0,deep:!0}),{state:t,style:s}}function Ia(e,t){Ae(()=>cs(e),s=>{s&&t(s)},{immediate:!0})}const Zb={x:"translateX",y:"translateY",z:"translateZ"};function Er(e={},t=!0){const s=kt({...e}),n=Ze("");return Ae(s,a=>{let i="",o=!1;if(t&&(a.x||a.y||a.z)){const r=[a.x||0,a.y||0,a.z||0].map(K.transform).join(",");i+=`translate3d(${r}) `,o=!0}for(const[r,l]of Object.entries(a)){if(t&&(r==="x"||r==="y"||r==="z"))continue;const c=Ma(r),d=qr(l,c);i+=`${Zb[r]||r}(${d}) `}t&&!o&&(i+="translateZ(0px) "),n.value=i.trim()},{immediate:!0,deep:!0}),{state:s,transform:n}}const Yb=["","X","Y","Z"],Qb=["perspective","translate","scale","rotate","skew"],Pr=["transformPerspective","x","y","z"];Qb.forEach(e=>{Yb.forEach(t=>{const s=e+t;Pr.push(s)})});const Gb=new Set(Pr);function La(e){return Gb.has(e)}const eh=new Set(["originX","originY","originZ"]);function Tr(e){return eh.has(e)}function th(e){const t={},s={};return Object.entries(e).forEach(([n,a])=>{La(n)||Tr(n)?t[n]=a:s[n]=a}),{transform:t,style:s}}function $r(e){const{transform:t,style:s}=th(e),{transform:n}=Er(t),{style:a}=Cr(s);return n.value&&(a.value.transform=n.value),a.value}function sh(e,t){let s,n;const{state:a,style:i}=Cr();return Ia(e,o=>{n=o;for(const r of Object.keys(Or))o.style[r]===null||o.style[r]===""||La(r)||Tr(r)||(a[r]=o.style[r]);s&&Object.entries(s).forEach(([r,l])=>o.style[r]=l),t&&t(a)}),Ae(i,o=>{if(!n){s=o;return}for(const r in o)n.style[r]=o[r]},{immediate:!0}),{style:a}}function nh(e){const t=e.trim().split(/\) |\)/);if(t.length===1)return{};const s=n=>n.endsWith("px")||n.endsWith("deg")?parseFloat(n):isNaN(Number(n))?Number(n):n;return t.reduce((n,a)=>{if(!a)return n;const[i,o]=a.split("("),l=o.split(",").map(d=>s(d.endsWith(")")?d.replace(")",""):d.trim())),c=l.length===1?l[0]:l;return{...n,[i]:c}},{})}function ah(e,t){Object.entries(nh(t)).forEach(([s,n])=>{const a=["x","y","z"];if(s==="translate3d"){if(n===0){a.forEach(i=>e[i]=0);return}n.forEach((i,o)=>e[a[o]]=i);return}if(n=parseFloat(n),s==="translateX"){e.x=n;return}if(s==="translateY"){e.y=n;return}if(s==="translateZ"){e.z=n;return}e[s]=n})}function ih(e,t){let s,n;const{state:a,transform:i}=Er();return Ia(e,o=>{n=o,o.style.transform&&ah(a,o.style.transform),s&&(o.style.transform=s),t&&t(a)}),Ae(i,o=>{if(!n){s=o;return}n.style.transform=o},{immediate:!0}),{transform:a}}function oh(e,t){const s=kt({}),n=o=>Object.entries(o).forEach(([r,l])=>s[r]=l),{style:a}=sh(e,n),{transform:i}=ih(e,n);return Ae(s,o=>{Object.entries(o).forEach(([r,l])=>{const c=La(r)?i:a;c[r]&&c[r]===l||(c[r]=l)})},{immediate:!0,deep:!0}),Ia(e,()=>t&&n(t)),{motionProperties:s,style:a,transform:i}}function rh(e={}){const t=_t(e),s=Ze();return{state:tt(()=>{if(s.value)return t[s.value]}),variant:s}}function Ar(e,t={},s){const{motionProperties:n}=oh(e),{variant:a,state:i}=rh(t),o=Db(n,t),r={target:e,variant:a,variants:t,state:i,motionProperties:n,...o};return Jb(r,s),r}const lh=["initial","enter","leave","visible","visible-once","hovered","tapped","focused","delay"];function ch(e,t){const s=e.props?e.props:e.data&&e.data.attrs?e.data.attrs:{};s&&(s.variants&&Ws(s.variants)&&(t.value={...t.value,...s.variants}),lh.forEach(n=>{if(n==="delay"){if(s&&s[n]&&typeof s[n]=="number"){const a=s[n];t&&t.value&&(t.value.enter&&(t.value.enter.transition||(t.value.enter.transition={}),t.value.enter.transition={delay:a,...t.value.enter.transition}),t.value.visible&&(t.value.visible.transition||(t.value.visible.transition={}),t.value.visible.transition={delay:a,...t.value.visible.transition}),t.value.visibleOnce&&(t.value.visibleOnce.transition||(t.value.visibleOnce.transition={}),t.value.visibleOnce.transition={delay:a,...t.value.visibleOnce.transition}))}return}n==="visible-once"&&(n="visibleOnce"),s&&s[n]&&Ws(s[n])&&(t.value[n]=s[n])}))}function An(e){return{created:(s,n,a)=>{const i=n.value&&typeof n.value=="string"?n.value:a.key;i&&Pn[i]&&Pn[i].stop();const o=Ze(e||{});typeof n.value=="object"&&(o.value=n.value),ch(a,o);const r=Ar(s,o);s.motionInstance=r,i&&(Pn[i]=r)},getSSRProps(s,n){let{initial:a}=s.value||n&&(n==null?void 0:n.props)||{};a=_t(a);const i=nm((e==null?void 0:e.initial)||{},a||{});return!i||Object.keys(i).length===0?void 0:{style:$r(i)}}}}const uh={initial:{opacity:0},enter:{opacity:1}},dh={initial:{opacity:0},visible:{opacity:1}},fh={initial:{opacity:0},visibleOnce:{opacity:1}},ph={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},vh={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},mh={initial:{scale:0,opacity:0},visibleOnce:{scale:1,opacity:1}},bh={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},hh={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},gh={initial:{x:-100,rotate:90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},_h={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},yh={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},xh={initial:{x:100,rotate:-90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},wh={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},jh={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Oh={initial:{y:-100,rotate:-90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},qh={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Ch={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Eh={initial:{y:100,rotate:90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},Ph={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Th={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},$h={initial:{x:-100,opacity:0},visibleOnce:{x:0,opacity:1}},Ah={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},Mh={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},Sh={initial:{x:100,opacity:0},visibleOnce:{x:0,opacity:1}},Ih={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},Lh={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},kh={initial:{y:-100,opacity:0},visibleOnce:{y:0,opacity:1}},Fh={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},Nh={initial:{y:100,opacity:0},visible:{y:0,opacity:1}},zh={initial:{y:100,opacity:0},visibleOnce:{y:0,opacity:1}},na={__proto__:null,fade:uh,fadeVisible:dh,fadeVisibleOnce:fh,pop:ph,popVisible:vh,popVisibleOnce:mh,rollBottom:qh,rollLeft:bh,rollRight:_h,rollTop:wh,rollVisibleBottom:Ch,rollVisibleLeft:hh,rollVisibleOnceBottom:Eh,rollVisibleOnceLeft:gh,rollVisibleOnceRight:xh,rollVisibleOnceTop:Oh,rollVisibleRight:yh,rollVisibleTop:jh,slideBottom:Fh,slideLeft:Ph,slideRight:Ah,slideTop:Ih,slideVisibleBottom:Nh,slideVisibleLeft:Th,slideVisibleOnceBottom:zh,slideVisibleOnceLeft:$h,slideVisibleOnceRight:Sh,slideVisibleOnceTop:kh,slideVisibleRight:Mh,slideVisibleTop:Lh},Rh=Yl({props:{is:{type:[String,Object],required:!1},preset:{type:String,required:!1},instance:{type:Object,required:!1},variants:{type:Object,required:!1},initial:{type:Object,required:!1},enter:{type:Object,required:!1},leave:{type:Object,required:!1},visible:{type:Object,required:!1},visibleOnce:{type:Object,required:!1},hovered:{type:Object,required:!1},tapped:{type:Object,required:!1},focused:{type:Object,required:!1},delay:{type:[Number,String],required:!1}},setup(e){var r;const t=dc(),s=kt({});if(!e.is&&!t.default)return()=>Bn("div",{});const n=tt(()=>{let l;return e.preset&&(l=na[e.preset]),l}),a=tt(()=>({initial:e.initial,enter:e.enter,leave:e.leave,visible:e.visible,visibleOnce:e.visibleOnce,hovered:e.hovered,tapped:e.tapped,focused:e.focused})),i=tt(()=>{const l={...a.value,...n.value||{},...e.variants||{}};return e.delay&&(l.enter.transition={...l.enter.transition},l.enter.transition.delay=parseInt(e.delay)),l}),o=tt(()=>{if(!e.is)return;let l=e.is;return typeof o.value=="string"&&!Jr(l)&&(l=mo(l)),l});if(((r=process==null?void 0:process.env)==null?void 0:r.NODE_ENV)==="development"||process!=null&&process.dev){const l=c=>{var d;(d=c.variants)!=null&&d.initial&&c.set("initial"),setTimeout(()=>{var p,m,g;(p=c.variants)!=null&&p.enter&&c.apply("enter"),(m=c.variants)!=null&&m.visible&&c.apply("visible"),(g=c.variants)!=null&&g.visibleOnce&&c.apply("visibleOnce")},10)};vo(()=>Object.entries(s).forEach(([c,d])=>l(d)))}return{slots:t,component:o,motionConfig:i,instances:s}},render({slots:e,motionConfig:t,instances:s,component:n}){var r;const a=$r(t.initial||{}),i=(l,c)=>(l.props||(l.props={}),l.props.style=a,l.props.onVnodeMounted=({el:d})=>{const p=Ar(d,t);s[c]=p},l);if(n){const l=Bn(n,void 0,e);return i(l,0),l}return(((r=e.default)==null?void 0:r.call(e))||[]).map((l,c)=>i(l,c))}});function Dh(e){const t="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;",s="aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------",n=new RegExp(t.split("").join("|"),"g");return e.toString().replace(/[A-Z]/g,a=>`-${a}`).toLowerCase().replace(/\s+/g,"-").replace(n,a=>s.charAt(t.indexOf(a))).replace(/&/g,"-and-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}const Vh={install(e,t){if(e.directive("motion",An()),e.component("Motion",Rh),!t||t&&!t.excludePresets)for(const s in na){const n=na[s];e.directive(`motion-${Dh(s)}`,An(n))}if(t&&t.directives)for(const s in t.directives){const n=t.directives[s];!n.initial&&__DEV__&&console.warn(`Your directive v-motion-${s} is missing initial variant!`),e.directive(`motion-${s}`,An(n))}}};var Uh=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Hh(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Mr={exports:{}};(function(e,t){(function(s,n){e.exports=n()})(Uh,function(){return function(s){function n(i){if(a[i])return a[i].exports;var o=a[i]={exports:{},id:i,loaded:!1};return s[i].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}var a={};return n.m=s,n.c=a,n.p="dist/",n(0)}([function(s,n,a){function i(S){return S&&S.__esModule?S:{default:S}}var o=Object.assign||function(S){for(var ce=1;ce0&&arguments[0]!==void 0&&arguments[0];if(S&&(ie=!0),ie)return W=(0,T.default)(W,$),(0,F.default)(W,$.once),W},J=function(){W=(0,V.default)(),B()},A=function(){W.forEach(function(S,ce){S.node.removeAttribute("data-aos"),S.node.removeAttribute("data-aos-easing"),S.node.removeAttribute("data-aos-duration"),S.node.removeAttribute("data-aos-delay")})},h=function(S){return S===!0||S==="mobile"&&C.default.mobile()||S==="phone"&&C.default.phone()||S==="tablet"&&C.default.tablet()||typeof S=="function"&&S()===!0},L=function(S){$=o($,S),W=(0,V.default)();var ce=document.all&&!window.atob;return h($.disable)||ce?A():($.disableMutationObserver||g.default.isSupported()||(console.info(` +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))n(a);new MutationObserver(a=>{for(const i of a)if(i.type==="childList")for(const o of i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function s(a){const i={};return a.integrity&&(i.integrity=a.integrity),a.referrerPolicy&&(i.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?i.credentials="include":a.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function n(a){if(a.ep)return;a.ep=!0;const i=s(a);fetch(a.href,i)}})();function Zs(e,t){const s=Object.create(null),n=e.split(",");for(let a=0;a!!s[a.toLowerCase()]:a=>!!s[a]}const de={},Rt=[],Je=()=>{},Sr=()=>!1,Ir=/^on[^a-z]/,Ys=e=>Ir.test(e),aa=e=>e.startsWith("onUpdate:"),he=Object.assign,ia=(e,t)=>{const s=e.indexOf(t);s>-1&&e.splice(s,1)},Lr=Object.prototype.hasOwnProperty,G=(e,t)=>Lr.call(e,t),V=Array.isArray,as=e=>Qs(e)==="[object Map]",kr=e=>Qs(e)==="[object Set]",X=e=>typeof e=="function",ge=e=>typeof e=="string",oa=e=>typeof e=="symbol",pe=e=>e!==null&&typeof e=="object",Fi=e=>pe(e)&&X(e.then)&&X(e.catch),Fr=Object.prototype.toString,Qs=e=>Fr.call(e),Nr=e=>Qs(e).slice(8,-1),zr=e=>Qs(e)==="[object Object]",ra=e=>ge(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Is=Zs(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Gs=e=>{const t=Object.create(null);return s=>t[s]||(t[s]=e(s))},Rr=/-(\w)/g,nt=Gs(e=>e.replace(Rr,(t,s)=>s?s.toUpperCase():"")),Dr=/\B([A-Z])/g,Wt=Gs(e=>e.replace(Dr,"-$1").toLowerCase()),en=Gs(e=>e.charAt(0).toUpperCase()+e.slice(1)),bn=Gs(e=>e?`on${en(e)}`:""),ps=(e,t)=>!Object.is(e,t),hn=(e,t)=>{for(let s=0;s{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:s})},Ur=e=>{const t=parseFloat(e);return isNaN(t)?e:t},Vr=e=>{const t=ge(e)?Number(e):NaN;return isNaN(t)?e:t};let Ra;const Mn=()=>Ra||(Ra=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function tn(e){if(V(e)){const t={};for(let s=0;s{if(s){const n=s.split(Br);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function Lt(e){let t="";if(ge(e))t=e;else if(V(e))for(let s=0;s{const t=new Set(e);return t.w=0,t.n=0,t},Ri=e=>(e.w&ht)>0,Di=e=>(e.n&ht)>0,tl=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let s=0;for(let n=0;n{(u==="length"||u>=l)&&r.push(c)})}else switch(s!==void 0&&r.push(o.get(s)),t){case"add":V(e)?ra(s)&&r.push(o.get("length")):(r.push(o.get(St)),as(e)&&r.push(o.get(Ln)));break;case"delete":V(e)||(r.push(o.get(St)),as(e)&&r.push(o.get(Ln)));break;case"set":as(e)&&r.push(o.get(St));break}if(r.length===1)r[0]&&kn(r[0]);else{const l=[];for(const c of r)c&&l.push(...c);kn(la(l))}}function kn(e,t){const s=V(e)?e:[...e];for(const n of s)n.computed&&Ua(n);for(const n of s)n.computed||Ua(n)}function Ua(e,t){(e!==We||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}const nl=Zs("__proto__,__v_isRef,__isVue"),Hi=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(oa)),al=da(),il=da(!1,!0),ol=da(!0),Va=rl();function rl(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...s){const n=ee(this);for(let i=0,o=this.length;i{e[t]=function(...s){Xt();const n=ee(this)[t].apply(this,s);return Jt(),n}}),e}function ll(e){const t=ee(this);return Le(t,"has",e),t.hasOwnProperty(e)}function da(e=!1,t=!1){return function(n,a,i){if(a==="__v_isReactive")return!e;if(a==="__v_isReadonly")return e;if(a==="__v_isShallow")return t;if(a==="__v_raw"&&i===(e?t?Ol:Ji:t?Xi:Wi).get(n))return n;const o=V(n);if(!e){if(o&&G(Va,a))return Reflect.get(Va,a,i);if(a==="hasOwnProperty")return ll}const r=Reflect.get(n,a,i);return(oa(a)?Hi.has(a):nl(a))||(e||Le(n,"get",a),t)?r:Ce(r)?o&&ra(a)?r:r.value:pe(r)?e?Zi(r):kt(r):r}}const cl=Bi(),dl=Bi(!0);function Bi(e=!1){return function(s,n,a,i){let o=s[n];if(Bt(o)&&Ce(o)&&!Ce(a))return!1;if(!e&&(!Us(a)&&!Bt(a)&&(o=ee(o),a=ee(a)),!V(s)&&Ce(o)&&!Ce(a)))return o.value=a,!0;const r=V(s)&&ra(n)?Number(n)e,sn=e=>Reflect.getPrototypeOf(e);function qs(e,t,s=!1,n=!1){e=e.__v_raw;const a=ee(e),i=ee(t);s||(t!==i&&Le(a,"get",t),Le(a,"get",i));const{has:o}=sn(a),r=n?ua:s?va:vs;if(o.call(a,t))return r(e.get(t));if(o.call(a,i))return r(e.get(i));e!==a&&e.get(t)}function Cs(e,t=!1){const s=this.__v_raw,n=ee(s),a=ee(e);return t||(e!==a&&Le(n,"has",e),Le(n,"has",a)),e===a?s.has(e):s.has(e)||s.has(a)}function Es(e,t=!1){return e=e.__v_raw,!t&&Le(ee(e),"iterate",St),Reflect.get(e,"size",e)}function Ha(e){e=ee(e);const t=ee(this);return sn(t).has.call(t,e)||(t.add(e),ot(t,"add",e,e)),this}function Ba(e,t){t=ee(t);const s=ee(this),{has:n,get:a}=sn(s);let i=n.call(s,e);i||(e=ee(e),i=n.call(s,e));const o=a.call(s,e);return s.set(e,t),i?ps(t,o)&&ot(s,"set",e,t):ot(s,"add",e,t),this}function Ka(e){const t=ee(this),{has:s,get:n}=sn(t);let a=s.call(t,e);a||(e=ee(e),a=s.call(t,e)),n&&n.call(t,e);const i=t.delete(e);return a&&ot(t,"delete",e,void 0),i}function Wa(){const e=ee(this),t=e.size!==0,s=e.clear();return t&&ot(e,"clear",void 0,void 0),s}function Ps(e,t){return function(n,a){const i=this,o=i.__v_raw,r=ee(o),l=t?ua:e?va:vs;return!e&&Le(r,"iterate",St),o.forEach((c,u)=>n.call(a,l(c),l(u),i))}}function Ts(e,t,s){return function(...n){const a=this.__v_raw,i=ee(a),o=as(i),r=e==="entries"||e===Symbol.iterator&&o,l=e==="keys"&&o,c=a[e](...n),u=s?ua:t?va:vs;return!t&&Le(i,"iterate",l?Ln:St),{next(){const{value:p,done:m}=c.next();return m?{value:p,done:m}:{value:r?[u(p[0]),u(p[1])]:u(p),done:m}},[Symbol.iterator](){return this}}}}function ct(e){return function(...t){return e==="delete"?!1:this}}function bl(){const e={get(i){return qs(this,i)},get size(){return Es(this)},has:Cs,add:Ha,set:Ba,delete:Ka,clear:Wa,forEach:Ps(!1,!1)},t={get(i){return qs(this,i,!1,!0)},get size(){return Es(this)},has:Cs,add:Ha,set:Ba,delete:Ka,clear:Wa,forEach:Ps(!1,!0)},s={get(i){return qs(this,i,!0)},get size(){return Es(this,!0)},has(i){return Cs.call(this,i,!0)},add:ct("add"),set:ct("set"),delete:ct("delete"),clear:ct("clear"),forEach:Ps(!0,!1)},n={get(i){return qs(this,i,!0,!0)},get size(){return Es(this,!0)},has(i){return Cs.call(this,i,!0)},add:ct("add"),set:ct("set"),delete:ct("delete"),clear:ct("clear"),forEach:Ps(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=Ts(i,!1,!1),s[i]=Ts(i,!0,!1),t[i]=Ts(i,!1,!0),n[i]=Ts(i,!0,!0)}),[e,s,t,n]}const[hl,gl,_l,yl]=bl();function fa(e,t){const s=t?e?yl:_l:e?gl:hl;return(n,a,i)=>a==="__v_isReactive"?!e:a==="__v_isReadonly"?e:a==="__v_raw"?n:Reflect.get(G(s,a)&&a in n?s:n,a,i)}const xl={get:fa(!1,!1)},wl={get:fa(!1,!0)},jl={get:fa(!0,!1)},Wi=new WeakMap,Xi=new WeakMap,Ji=new WeakMap,Ol=new WeakMap;function ql(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Cl(e){return e.__v_skip||!Object.isExtensible(e)?0:ql(Nr(e))}function kt(e){return Bt(e)?e:pa(e,!1,Ki,xl,Wi)}function El(e){return pa(e,!1,ml,wl,Xi)}function Zi(e){return pa(e,!0,vl,jl,Ji)}function pa(e,t,s,n,a){if(!pe(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=a.get(e);if(i)return i;const o=Cl(e);if(o===0)return e;const r=new Proxy(e,o===2?n:s);return a.set(e,r),r}function Dt(e){return Bt(e)?Dt(e.__v_raw):!!(e&&e.__v_isReactive)}function Bt(e){return!!(e&&e.__v_isReadonly)}function Us(e){return!!(e&&e.__v_isShallow)}function Yi(e){return Dt(e)||Bt(e)}function ee(e){const t=e&&e.__v_raw;return t?ee(t):e}function Qi(e){return Ds(e,"__v_skip",!0),e}const vs=e=>pe(e)?kt(e):e,va=e=>pe(e)?Zi(e):e;function Gi(e){mt&&We&&(e=ee(e),Vi(e.dep||(e.dep=la())))}function eo(e,t){e=ee(e);const s=e.dep;s&&kn(s)}function Ce(e){return!!(e&&e.__v_isRef===!0)}function Ze(e){return Pl(e,!1)}function Pl(e,t){return Ce(e)?e:new Tl(e,t)}class Tl{constructor(t,s){this.__v_isShallow=s,this.dep=void 0,this.__v_isRef=!0,this._rawValue=s?t:ee(t),this._value=s?t:vs(t)}get value(){return Gi(this),this._value}set value(t){const s=this.__v_isShallow||Us(t)||Bt(t);t=s?t:ee(t),ps(t,this._rawValue)&&(this._rawValue=t,this._value=s?t:vs(t),eo(this))}}function _t(e){return Ce(e)?e.value:e}const $l={get:(e,t,s)=>_t(Reflect.get(e,t,s)),set:(e,t,s,n)=>{const a=e[t];return Ce(a)&&!Ce(s)?(a.value=s,!0):Reflect.set(e,t,s,n)}};function to(e){return Dt(e)?e:new Proxy(e,$l)}class Al{constructor(t,s,n,a){this._setter=s,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this._dirty=!0,this.effect=new ca(t,()=>{this._dirty||(this._dirty=!0,eo(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!a,this.__v_isReadonly=n}get value(){const t=ee(this);return Gi(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function Ml(e,t,s=!1){let n,a;const i=X(e);return i?(n=e,a=Je):(n=e.get,a=e.set),new Al(n,a,i||!a,s)}function bt(e,t,s,n){let a;try{a=n?e(...n):e()}catch(i){nn(i,t,s)}return a}function Ve(e,t,s,n){if(X(e)){const i=bt(e,t,s,n);return i&&Fi(i)&&i.catch(o=>{nn(o,t,s)}),i}const a=[];for(let i=0;i>>1;bs(qe[n])et&&qe.splice(t,1)}function Fl(e){V(e)?Ut.push(...e):(!it||!it.includes(e,e.allowRecurse?Et+1:Et))&&Ut.push(e),no()}function Xa(e,t=ms?et+1:0){for(;tbs(s)-bs(n)),Et=0;Ete.id==null?1/0:e.id,Nl=(e,t)=>{const s=bs(e)-bs(t);if(s===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return s};function io(e){Fn=!1,ms=!0,qe.sort(Nl);const t=Je;try{for(et=0;etge(g)?g.trim():g)),p&&(a=s.map(Ur))}let r,l=n[r=bn(t)]||n[r=bn(nt(t))];!l&&i&&(l=n[r=bn(Wt(t))]),l&&Ve(l,e,6,a);const c=n[r+"Once"];if(c){if(!e.emitted)e.emitted={};else if(e.emitted[r])return;e.emitted[r]=!0,Ve(c,e,6,a)}}function oo(e,t,s=!1){const n=t.emitsCache,a=n.get(e);if(a!==void 0)return a;const i=e.emits;let o={},r=!1;if(!X(e)){const l=c=>{const u=oo(c,t,!0);u&&(r=!0,he(o,u))};!s&&t.mixins.length&&t.mixins.forEach(l),e.extends&&l(e.extends),e.mixins&&e.mixins.forEach(l)}return!i&&!r?(pe(e)&&n.set(e,null),null):(V(i)?i.forEach(l=>o[l]=null):he(o,i),pe(e)&&n.set(e,o),o)}function an(e,t){return!e||!Ys(t)?!1:(t=t.slice(2).replace(/Once$/,""),G(e,t[0].toLowerCase()+t.slice(1))||G(e,Wt(t))||G(e,t))}let xe=null,on=null;function Vs(e){const t=xe;return xe=e,on=e&&e.type.__scopeId||null,t}function Ee(e){on=e}function Pe(){on=null}function Q(e,t=xe,s){if(!t||e._n)return e;const n=(...a)=>{n._d&&oi(-1);const i=Vs(t);let o;try{o=e(...a)}finally{Vs(i),n._d&&oi(1)}return o};return n._n=!0,n._c=!0,n._d=!0,n}function gn(e){const{type:t,vnode:s,proxy:n,withProxy:a,props:i,propsOptions:[o],slots:r,attrs:l,emit:c,render:u,renderCache:p,data:m,setupState:g,ctx:w,inheritAttrs:C}=e;let M,F;const N=Vs(e);try{if(s.shapeFlag&4){const q=a||n;M=Ge(u.call(q,q,p,i,g,m,w)),F=l}else{const q=t;M=Ge(q.length>1?q(i,{attrs:l,slots:r,emit:c}):q(i,null)),F=t.props?l:Rl(l)}}catch(q){rs.length=0,nn(q,e,1),M=D(st)}let T=M;if(F&&C!==!1){const q=Object.keys(F),{shapeFlag:U}=T;q.length&&U&7&&(o&&q.some(aa)&&(F=Dl(F,o)),T=gt(T,F))}return s.dirs&&(T=gt(T),T.dirs=T.dirs?T.dirs.concat(s.dirs):s.dirs),s.transition&&(T.transition=s.transition),M=T,Vs(N),M}const Rl=e=>{let t;for(const s in e)(s==="class"||s==="style"||Ys(s))&&((t||(t={}))[s]=e[s]);return t},Dl=(e,t)=>{const s={};for(const n in e)(!aa(n)||!(n.slice(9)in t))&&(s[n]=e[n]);return s};function Ul(e,t,s){const{props:n,children:a,component:i}=e,{props:o,children:r,patchFlag:l}=t,c=i.emitsOptions;if(t.dirs||t.transition)return!0;if(s&&l>=0){if(l&1024)return!0;if(l&16)return n?Ja(n,o,c):!!o;if(l&8){const u=t.dynamicProps;for(let p=0;pe.__isSuspense;function Bl(e,t){t&&t.pendingBranch?V(e)?t.effects.push(...e):t.effects.push(e):Fl(e)}const $s={};function Ae(e,t,s){return ro(e,t,s)}function ro(e,t,{immediate:s,deep:n,flush:a,onTrack:i,onTrigger:o}=de){var r;const l=zi()===((r=ye)==null?void 0:r.scope)?ye:null;let c,u=!1,p=!1;if(Ce(e)?(c=()=>e.value,u=Us(e)):Dt(e)?(c=()=>e,n=!0):V(e)?(p=!0,u=e.some(q=>Dt(q)||Us(q)),c=()=>e.map(q=>{if(Ce(q))return q.value;if(Dt(q))return At(q);if(X(q))return bt(q,l,2)})):X(e)?t?c=()=>bt(e,l,2):c=()=>{if(!(l&&l.isUnmounted))return m&&m(),Ve(e,l,3,[g])}:c=Je,t&&n){const q=c;c=()=>At(q())}let m,g=q=>{m=N.onStop=()=>{bt(q,l,4)}},w;if(gs)if(g=Je,t?s&&Ve(t,l,3,[c(),p?[]:void 0,g]):c(),a==="sync"){const q=Vc();w=q.__watcherHandles||(q.__watcherHandles=[])}else return Je;let C=p?new Array(e.length).fill($s):$s;const M=()=>{if(N.active)if(t){const q=N.run();(n||u||(p?q.some((U,W)=>ps(U,C[W])):ps(q,C)))&&(m&&m(),Ve(t,l,3,[q,C===$s?void 0:p&&C[0]===$s?[]:C,g]),C=q)}else N.run()};M.allowRecurse=!!t;let F;a==="sync"?F=M:a==="post"?F=()=>Se(M,l&&l.suspense):(M.pre=!0,l&&(M.id=l.uid),F=()=>ba(M));const N=new ca(c,F);t?s?M():C=N.run():a==="post"?Se(N.run.bind(N),l&&l.suspense):N.run();const T=()=>{N.stop(),l&&l.scope&&ia(l.scope.effects,N)};return w&&w.push(T),T}function Kl(e,t,s){const n=this.proxy,a=ge(e)?e.includes(".")?lo(n,e):()=>n[e]:e.bind(n,n);let i;X(t)?i=t:(i=t.handler,s=t);const o=ye;Kt(this);const r=ro(a,i.bind(n),s);return o?Kt(o):It(),r}function lo(e,t){const s=t.split(".");return()=>{let n=e;for(let a=0;a{At(s,t)});else if(zr(e))for(const s in e)At(e[s],t);return e}function Wl(e,t){const s=xe;if(s===null)return e;const n=pn(s)||s.proxy,a=e.dirs||(e.dirs=[]);for(let i=0;i{e.isMounted=!0}),Ft(()=>{e.isUnmounting=!0}),e}const Ue=[Function,Array],co={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:Ue,onEnter:Ue,onAfterEnter:Ue,onEnterCancelled:Ue,onBeforeLeave:Ue,onLeave:Ue,onAfterLeave:Ue,onLeaveCancelled:Ue,onBeforeAppear:Ue,onAppear:Ue,onAfterAppear:Ue,onAppearCancelled:Ue},Jl={name:"BaseTransition",props:co,setup(e,{slots:t}){const s=fn(),n=Xl();let a;return()=>{const i=t.default&&fo(t.default(),!0);if(!i||!i.length)return;let o=i[0];if(i.length>1){for(const C of i)if(C.type!==st){o=C;break}}const r=ee(e),{mode:l}=r;if(n.isLeaving)return _n(o);const c=Za(o);if(!c)return _n(o);const u=Nn(c,r,n,s);zn(c,u);const p=s.subTree,m=p&&Za(p);let g=!1;const{getTransitionKey:w}=c.type;if(w){const C=w();a===void 0?a=C:C!==a&&(a=C,g=!0)}if(m&&m.type!==st&&(!Pt(c,m)||g)){const C=Nn(m,r,n,s);if(zn(m,C),l==="out-in")return n.isLeaving=!0,C.afterLeave=()=>{n.isLeaving=!1,s.update.active!==!1&&s.update()},_n(o);l==="in-out"&&c.type!==st&&(C.delayLeave=(M,F,N)=>{const T=uo(n,m);T[String(m.key)]=m,M._leaveCb=()=>{F(),M._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=N})}return o}}},Zl=Jl;function uo(e,t){const{leavingVNodes:s}=e;let n=s.get(t.type);return n||(n=Object.create(null),s.set(t.type,n)),n}function Nn(e,t,s,n){const{appear:a,mode:i,persisted:o=!1,onBeforeEnter:r,onEnter:l,onAfterEnter:c,onEnterCancelled:u,onBeforeLeave:p,onLeave:m,onAfterLeave:g,onLeaveCancelled:w,onBeforeAppear:C,onAppear:M,onAfterAppear:F,onAppearCancelled:N}=t,T=String(e.key),q=uo(s,e),U=($,B)=>{$&&Ve($,n,9,B)},W=($,B)=>{const J=B[1];U($,B),V($)?$.every(A=>A.length<=1)&&J():$.length<=1&&J()},ie={mode:i,persisted:o,beforeEnter($){let B=r;if(!s.isMounted)if(a)B=C||r;else return;$._leaveCb&&$._leaveCb(!0);const J=q[T];J&&Pt(e,J)&&J.el._leaveCb&&J.el._leaveCb(),U(B,[$])},enter($){let B=l,J=c,A=u;if(!s.isMounted)if(a)B=M||l,J=F||c,A=N||u;else return;let h=!1;const L=$._enterCb=S=>{h||(h=!0,S?U(A,[$]):U(J,[$]),ie.delayedLeave&&ie.delayedLeave(),$._enterCb=void 0)};B?W(B,[$,L]):L()},leave($,B){const J=String(e.key);if($._enterCb&&$._enterCb(!0),s.isUnmounting)return B();U(p,[$]);let A=!1;const h=$._leaveCb=L=>{A||(A=!0,B(),L?U(w,[$]):U(g,[$]),$._leaveCb=void 0,q[J]===e&&delete q[J])};q[J]=e,m?W(m,[$,h]):h()},clone($){return Nn($,t,s,n)}};return ie}function _n(e){if(rn(e))return e=gt(e),e.children=null,e}function Za(e){return rn(e)?e.children?e.children[0]:void 0:e}function zn(e,t){e.shapeFlag&6&&e.component?zn(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function fo(e,t=!1,s){let n=[],a=0;for(let i=0;i1)for(let i=0;ihe({name:e.name},t,{setup:e}))():e}const is=e=>!!e.type.__asyncLoader,rn=e=>e.type.__isKeepAlive;function Ql(e,t){po(e,"a",t)}function Gl(e,t){po(e,"da",t)}function po(e,t,s=ye){const n=e.__wdc||(e.__wdc=()=>{let a=s;for(;a;){if(a.isDeactivated)return;a=a.parent}return e()});if(ln(t,n,s),s){let a=s.parent;for(;a&&a.parent;)rn(a.parent.vnode)&&ec(n,t,s,a),a=a.parent}}function ec(e,t,s,n){const a=ln(t,e,n,!0);ha(()=>{ia(n[t],a)},s)}function ln(e,t,s=ye,n=!1){if(s){const a=s[e]||(s[e]=[]),i=t.__weh||(t.__weh=(...o)=>{if(s.isUnmounted)return;Xt(),Kt(s);const r=Ve(t,s,e,o);return It(),Jt(),r});return n?a.unshift(i):a.push(i),i}}const rt=e=>(t,s=ye)=>(!gs||e==="sp")&&ln(e,(...n)=>t(...n),s),tc=rt("bm"),yt=rt("m"),sc=rt("bu"),vo=rt("u"),Ft=rt("bum"),ha=rt("um"),nc=rt("sp"),ac=rt("rtg"),ic=rt("rtc");function oc(e,t=ye){ln("ec",e,t)}const ga="components",rc="directives";function mo(e,t){return _a(ga,e,!0,t)||e}const bo=Symbol.for("v-ndc");function lc(e){return ge(e)?_a(ga,e,!1)||e:e||bo}function cc(e){return _a(rc,e)}function _a(e,t,s=!0,n=!1){const a=xe||ye;if(a){const i=a.type;if(e===ga){const r=Rc(i,!1);if(r&&(r===t||r===nt(t)||r===en(nt(t))))return i}const o=Ya(a[e]||i[e],t)||Ya(a.appContext[e],t);return!o&&n?i:o}}function Ya(e,t){return e&&(e[t]||e[nt(t)]||e[en(nt(t))])}function Vt(e,t,s={},n,a){if(xe.isCE||xe.parent&&is(xe.parent)&&xe.parent.isCE)return t!=="default"&&(s.name=t),D("slot",s,n&&n());let i=e[t];i&&i._c&&(i._d=!1),ne();const o=i&&ho(i(s)),r=Eo(Oe,{key:s.key||o&&o.key||`_${t}`},o||(n?n():[]),o&&e._===1?64:-2);return!a&&r.scopeId&&(r.slotScopeIds=[r.scopeId+"-s"]),i&&i._c&&(i._d=!0),r}function ho(e){return e.some(t=>Ks(t)?!(t.type===st||t.type===Oe&&!ho(t.children)):!0)?e:null}const Rn=e=>e?To(e)?pn(e)||e.proxy:Rn(e.parent):null,os=he(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Rn(e.parent),$root:e=>Rn(e.root),$emit:e=>e.emit,$options:e=>ya(e),$forceUpdate:e=>e.f||(e.f=()=>ba(e.update)),$nextTick:e=>e.n||(e.n=Il.bind(e.proxy)),$watch:e=>Kl.bind(e)}),yn=(e,t)=>e!==de&&!e.__isScriptSetup&&G(e,t),dc={get({_:e},t){const{ctx:s,setupState:n,data:a,props:i,accessCache:o,type:r,appContext:l}=e;let c;if(t[0]!=="$"){const g=o[t];if(g!==void 0)switch(g){case 1:return n[t];case 2:return a[t];case 4:return s[t];case 3:return i[t]}else{if(yn(n,t))return o[t]=1,n[t];if(a!==de&&G(a,t))return o[t]=2,a[t];if((c=e.propsOptions[0])&&G(c,t))return o[t]=3,i[t];if(s!==de&&G(s,t))return o[t]=4,s[t];Dn&&(o[t]=0)}}const u=os[t];let p,m;if(u)return t==="$attrs"&&Le(e,"get",t),u(e);if((p=r.__cssModules)&&(p=p[t]))return p;if(s!==de&&G(s,t))return o[t]=4,s[t];if(m=l.config.globalProperties,G(m,t))return m[t]},set({_:e},t,s){const{data:n,setupState:a,ctx:i}=e;return yn(a,t)?(a[t]=s,!0):n!==de&&G(n,t)?(n[t]=s,!0):G(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=s,!0)},has({_:{data:e,setupState:t,accessCache:s,ctx:n,appContext:a,propsOptions:i}},o){let r;return!!s[o]||e!==de&&G(e,o)||yn(t,o)||(r=i[0])&&G(r,o)||G(n,o)||G(os,o)||G(a.config.globalProperties,o)},defineProperty(e,t,s){return s.get!=null?e._.accessCache[t]=0:G(s,"value")&&this.set(e,t,s.value,null),Reflect.defineProperty(e,t,s)}};function uc(){return fc().slots}function fc(){const e=fn();return e.setupContext||(e.setupContext=Ao(e))}function Qa(e){return V(e)?e.reduce((t,s)=>(t[s]=null,t),{}):e}let Dn=!0;function pc(e){const t=ya(e),s=e.proxy,n=e.ctx;Dn=!1,t.beforeCreate&&Ga(t.beforeCreate,e,"bc");const{data:a,computed:i,methods:o,watch:r,provide:l,inject:c,created:u,beforeMount:p,mounted:m,beforeUpdate:g,updated:w,activated:C,deactivated:M,beforeDestroy:F,beforeUnmount:N,destroyed:T,unmounted:q,render:U,renderTracked:W,renderTriggered:ie,errorCaptured:$,serverPrefetch:B,expose:J,inheritAttrs:A,components:h,directives:L,filters:S}=t;if(c&&vc(c,n,null),o)for(const te in o){const Y=o[te];X(Y)&&(n[te]=Y.bind(s))}if(a){const te=a.call(s,s);pe(te)&&(e.data=kt(te))}if(Dn=!0,i)for(const te in i){const Y=i[te],Te=X(Y)?Y.bind(s,s):X(Y.get)?Y.get.bind(s,s):Je,at=!X(Y)&&X(Y.set)?Y.set.bind(s):Je,He=tt({get:Te,set:at});Object.defineProperty(n,te,{enumerable:!0,configurable:!0,get:()=>He.value,set:je=>He.value=je})}if(r)for(const te in r)go(r[te],n,s,te);if(l){const te=X(l)?l.call(s):l;Reflect.ownKeys(te).forEach(Y=>{yc(Y,te[Y])})}u&&Ga(u,e,"c");function se(te,Y){V(Y)?Y.forEach(Te=>te(Te.bind(s))):Y&&te(Y.bind(s))}if(se(tc,p),se(yt,m),se(sc,g),se(vo,w),se(Ql,C),se(Gl,M),se(oc,$),se(ic,W),se(ac,ie),se(Ft,N),se(ha,q),se(nc,B),V(J))if(J.length){const te=e.exposed||(e.exposed={});J.forEach(Y=>{Object.defineProperty(te,Y,{get:()=>s[Y],set:Te=>s[Y]=Te})})}else e.exposed||(e.exposed={});U&&e.render===Je&&(e.render=U),A!=null&&(e.inheritAttrs=A),h&&(e.components=h),L&&(e.directives=L)}function vc(e,t,s=Je){V(e)&&(e=Un(e));for(const n in e){const a=e[n];let i;pe(a)?"default"in a?i=Ls(a.from||n,a.default,!0):i=Ls(a.from||n):i=Ls(a),Ce(i)?Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:()=>i.value,set:o=>i.value=o}):t[n]=i}}function Ga(e,t,s){Ve(V(e)?e.map(n=>n.bind(t.proxy)):e.bind(t.proxy),t,s)}function go(e,t,s,n){const a=n.includes(".")?lo(s,n):()=>s[n];if(ge(e)){const i=t[e];X(i)&&Ae(a,i)}else if(X(e))Ae(a,e.bind(s));else if(pe(e))if(V(e))e.forEach(i=>go(i,t,s,n));else{const i=X(e.handler)?e.handler.bind(s):t[e.handler];X(i)&&Ae(a,i,e)}}function ya(e){const t=e.type,{mixins:s,extends:n}=t,{mixins:a,optionsCache:i,config:{optionMergeStrategies:o}}=e.appContext,r=i.get(t);let l;return r?l=r:!a.length&&!s&&!n?l=t:(l={},a.length&&a.forEach(c=>Hs(l,c,o,!0)),Hs(l,t,o)),pe(t)&&i.set(t,l),l}function Hs(e,t,s,n=!1){const{mixins:a,extends:i}=t;i&&Hs(e,i,s,!0),a&&a.forEach(o=>Hs(e,o,s,!0));for(const o in t)if(!(n&&o==="expose")){const r=mc[o]||s&&s[o];e[o]=r?r(e[o],t[o]):t[o]}return e}const mc={data:ei,props:ti,emits:ti,methods:ns,computed:ns,beforeCreate:$e,created:$e,beforeMount:$e,mounted:$e,beforeUpdate:$e,updated:$e,beforeDestroy:$e,beforeUnmount:$e,destroyed:$e,unmounted:$e,activated:$e,deactivated:$e,errorCaptured:$e,serverPrefetch:$e,components:ns,directives:ns,watch:hc,provide:ei,inject:bc};function ei(e,t){return t?e?function(){return he(X(e)?e.call(this,this):e,X(t)?t.call(this,this):t)}:t:e}function bc(e,t){return ns(Un(e),Un(t))}function Un(e){if(V(e)){const t={};for(let s=0;s1)return s&&X(t)?t.call(n&&n.proxy):t}}function xc(e,t,s,n=!1){const a={},i={};Ds(i,dn,1),e.propsDefaults=Object.create(null),yo(e,t,a,i);for(const o in e.propsOptions[0])o in a||(a[o]=void 0);s?e.props=n?a:El(a):e.type.props?e.props=a:e.props=i,e.attrs=i}function wc(e,t,s,n){const{props:a,attrs:i,vnode:{patchFlag:o}}=e,r=ee(a),[l]=e.propsOptions;let c=!1;if((n||o>0)&&!(o&16)){if(o&8){const u=e.vnode.dynamicProps;for(let p=0;p{l=!0;const[m,g]=xo(p,t,!0);he(o,m),g&&r.push(...g)};!s&&t.mixins.length&&t.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)}if(!i&&!l)return pe(e)&&n.set(e,Rt),Rt;if(V(i))for(let u=0;u-1,g[1]=C<0||w-1||G(g,"default"))&&r.push(p)}}}const c=[o,r];return pe(e)&&n.set(e,c),c}function si(e){return e[0]!=="$"}function ni(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function ai(e,t){return ni(e)===ni(t)}function ii(e,t){return V(t)?t.findIndex(s=>ai(s,e)):X(t)&&ai(t,e)?0:-1}const wo=e=>e[0]==="_"||e==="$stable",xa=e=>V(e)?e.map(Ge):[Ge(e)],jc=(e,t,s)=>{if(t._n)return t;const n=Q((...a)=>xa(t(...a)),s);return n._c=!1,n},jo=(e,t,s)=>{const n=e._ctx;for(const a in e){if(wo(a))continue;const i=e[a];if(X(i))t[a]=jc(a,i,n);else if(i!=null){const o=xa(i);t[a]=()=>o}}},Oo=(e,t)=>{const s=xa(t);e.slots.default=()=>s},Oc=(e,t)=>{if(e.vnode.shapeFlag&32){const s=t._;s?(e.slots=ee(t),Ds(t,"_",s)):jo(t,e.slots={})}else e.slots={},t&&Oo(e,t);Ds(e.slots,dn,1)},qc=(e,t,s)=>{const{vnode:n,slots:a}=e;let i=!0,o=de;if(n.shapeFlag&32){const r=t._;r?s&&r===1?i=!1:(he(a,t),!s&&r===1&&delete a._):(i=!t.$stable,jo(t,a)),o=t}else t&&(Oo(e,t),o={default:1});if(i)for(const r in a)!wo(r)&&!(r in o)&&delete a[r]};function Hn(e,t,s,n,a=!1){if(V(e)){e.forEach((m,g)=>Hn(m,t&&(V(t)?t[g]:t),s,n,a));return}if(is(n)&&!a)return;const i=n.shapeFlag&4?pn(n.component)||n.component.proxy:n.el,o=a?null:i,{i:r,r:l}=e,c=t&&t.r,u=r.refs===de?r.refs={}:r.refs,p=r.setupState;if(c!=null&&c!==l&&(ge(c)?(u[c]=null,G(p,c)&&(p[c]=null)):Ce(c)&&(c.value=null)),X(l))bt(l,r,12,[o,u]);else{const m=ge(l),g=Ce(l);if(m||g){const w=()=>{if(e.f){const C=m?G(p,l)?p[l]:u[l]:l.value;a?V(C)&&ia(C,i):V(C)?C.includes(i)||C.push(i):m?(u[l]=[i],G(p,l)&&(p[l]=u[l])):(l.value=[i],e.k&&(u[e.k]=l.value))}else m?(u[l]=o,G(p,l)&&(p[l]=o)):g&&(l.value=o,e.k&&(u[e.k]=o))};o?(w.id=-1,Se(w,s)):w()}}}const Se=Bl;function Cc(e){return Ec(e)}function Ec(e,t){const s=Mn();s.__VUE__=!0;const{insert:n,remove:a,patchProp:i,createElement:o,createText:r,createComment:l,setText:c,setElementText:u,parentNode:p,nextSibling:m,setScopeId:g=Je,insertStaticContent:w}=e,C=(d,v,b,_=null,y=null,j=null,P=!1,O=null,E=!!v.dynamicChildren)=>{if(d===v)return;d&&!Pt(d,v)&&(_=ue(d),je(d,y,j,!0),d=null),v.patchFlag===-2&&(E=!1,v.dynamicChildren=null);const{type:x,ref:z,shapeFlag:I}=v;switch(x){case cn:M(d,v,b,_);break;case st:F(d,v,b,_);break;case ks:d==null&&N(v,b,_,P);break;case Oe:h(d,v,b,_,y,j,P,O,E);break;default:I&1?U(d,v,b,_,y,j,P,O,E):I&6?L(d,v,b,_,y,j,P,O,E):(I&64||I&128)&&x.process(d,v,b,_,y,j,P,O,E,me)}z!=null&&y&&Hn(z,d&&d.ref,j,v||d,!v)},M=(d,v,b,_)=>{if(d==null)n(v.el=r(v.children),b,_);else{const y=v.el=d.el;v.children!==d.children&&c(y,v.children)}},F=(d,v,b,_)=>{d==null?n(v.el=l(v.children||""),b,_):v.el=d.el},N=(d,v,b,_)=>{[d.el,d.anchor]=w(d.children,v,b,_,d.el,d.anchor)},T=({el:d,anchor:v},b,_)=>{let y;for(;d&&d!==v;)y=m(d),n(d,b,_),d=y;n(v,b,_)},q=({el:d,anchor:v})=>{let b;for(;d&&d!==v;)b=m(d),a(d),d=b;a(v)},U=(d,v,b,_,y,j,P,O,E)=>{P=P||v.type==="svg",d==null?W(v,b,_,y,j,P,O,E):B(d,v,y,j,P,O,E)},W=(d,v,b,_,y,j,P,O)=>{let E,x;const{type:z,props:I,shapeFlag:R,transition:H,dirs:Z}=d;if(E=d.el=o(d.type,j,I&&I.is,I),R&8?u(E,d.children):R&16&&$(d.children,E,null,_,y,j&&z!=="foreignObject",P,O),Z&&xt(d,null,_,"created"),ie(E,d,d.scopeId,P,_),I){for(const ae in I)ae!=="value"&&!Is(ae)&&i(E,ae,null,I[ae],j,d.children,_,y,ve);"value"in I&&i(E,"value",null,I.value),(x=I.onVnodeBeforeMount)&&Qe(x,_,d)}Z&&xt(d,null,_,"beforeMount");const re=(!y||y&&!y.pendingBranch)&&H&&!H.persisted;re&&H.beforeEnter(E),n(E,v,b),((x=I&&I.onVnodeMounted)||re||Z)&&Se(()=>{x&&Qe(x,_,d),re&&H.enter(E),Z&&xt(d,null,_,"mounted")},y)},ie=(d,v,b,_,y)=>{if(b&&g(d,b),_)for(let j=0;j<_.length;j++)g(d,_[j]);if(y){let j=y.subTree;if(v===j){const P=y.vnode;ie(d,P,P.scopeId,P.slotScopeIds,y.parent)}}},$=(d,v,b,_,y,j,P,O,E=0)=>{for(let x=E;x{const O=v.el=d.el;let{patchFlag:E,dynamicChildren:x,dirs:z}=v;E|=d.patchFlag&16;const I=d.props||de,R=v.props||de;let H;b&&wt(b,!1),(H=R.onVnodeBeforeUpdate)&&Qe(H,b,v,d),z&&xt(v,d,b,"beforeUpdate"),b&&wt(b,!0);const Z=y&&v.type!=="foreignObject";if(x?J(d.dynamicChildren,x,O,b,_,Z,j):P||Y(d,v,O,null,b,_,Z,j,!1),E>0){if(E&16)A(O,v,I,R,b,_,y);else if(E&2&&I.class!==R.class&&i(O,"class",null,R.class,y),E&4&&i(O,"style",I.style,R.style,y),E&8){const re=v.dynamicProps;for(let ae=0;ae{H&&Qe(H,b,v,d),z&&xt(v,d,b,"updated")},_)},J=(d,v,b,_,y,j,P)=>{for(let O=0;O{if(b!==_){if(b!==de)for(const O in b)!Is(O)&&!(O in _)&&i(d,O,b[O],null,P,v.children,y,j,ve);for(const O in _){if(Is(O))continue;const E=_[O],x=b[O];E!==x&&O!=="value"&&i(d,O,x,E,P,v.children,y,j,ve)}"value"in _&&i(d,"value",b.value,_.value)}},h=(d,v,b,_,y,j,P,O,E)=>{const x=v.el=d?d.el:r(""),z=v.anchor=d?d.anchor:r("");let{patchFlag:I,dynamicChildren:R,slotScopeIds:H}=v;H&&(O=O?O.concat(H):H),d==null?(n(x,b,_),n(z,b,_),$(v.children,b,z,y,j,P,O,E)):I>0&&I&64&&R&&d.dynamicChildren?(J(d.dynamicChildren,R,b,y,j,P,O),(v.key!=null||y&&v===y.subTree)&&qo(d,v,!0)):Y(d,v,b,z,y,j,P,O,E)},L=(d,v,b,_,y,j,P,O,E)=>{v.slotScopeIds=O,d==null?v.shapeFlag&512?y.ctx.activate(v,b,_,P,E):S(v,b,_,y,j,P,E):ce(d,v,E)},S=(d,v,b,_,y,j,P)=>{const O=d.component=kc(d,_,y);if(rn(d)&&(O.ctx.renderer=me),Fc(O),O.asyncDep){if(y&&y.registerDep(O,se),!d.el){const E=O.subTree=D(st);F(null,E,v,b)}return}se(O,d,v,b,y,j,P)},ce=(d,v,b)=>{const _=v.component=d.component;if(Ul(d,v,b))if(_.asyncDep&&!_.asyncResolved){te(_,v,b);return}else _.next=v,kl(_.update),_.update();else v.el=d.el,_.vnode=v},se=(d,v,b,_,y,j,P)=>{const O=()=>{if(d.isMounted){let{next:z,bu:I,u:R,parent:H,vnode:Z}=d,re=z,ae;wt(d,!1),z?(z.el=Z.el,te(d,z,P)):z=Z,I&&hn(I),(ae=z.props&&z.props.onVnodeBeforeUpdate)&&Qe(ae,H,z,Z),wt(d,!0);const be=gn(d),Be=d.subTree;d.subTree=be,C(Be,be,p(Be.el),ue(Be),d,y,j),z.el=be.el,re===null&&Vl(d,be.el),R&&Se(R,y),(ae=z.props&&z.props.onVnodeUpdated)&&Se(()=>Qe(ae,H,z,Z),y)}else{let z;const{el:I,props:R}=v,{bm:H,m:Z,parent:re}=d,ae=is(v);if(wt(d,!1),H&&hn(H),!ae&&(z=R&&R.onVnodeBeforeMount)&&Qe(z,re,v),wt(d,!0),I&&De){const be=()=>{d.subTree=gn(d),De(I,d.subTree,d,y,null)};ae?v.type.__asyncLoader().then(()=>!d.isUnmounted&&be()):be()}else{const be=d.subTree=gn(d);C(null,be,b,_,d,y,j),v.el=be.el}if(Z&&Se(Z,y),!ae&&(z=R&&R.onVnodeMounted)){const be=v;Se(()=>Qe(z,re,be),y)}(v.shapeFlag&256||re&&is(re.vnode)&&re.vnode.shapeFlag&256)&&d.a&&Se(d.a,y),d.isMounted=!0,v=b=_=null}},E=d.effect=new ca(O,()=>ba(x),d.scope),x=d.update=()=>E.run();x.id=d.uid,wt(d,!0),x()},te=(d,v,b)=>{v.component=d;const _=d.vnode.props;d.vnode=v,d.next=null,wc(d,v.props,_,b),qc(d,v.children,b),Xt(),Xa(),Jt()},Y=(d,v,b,_,y,j,P,O,E=!1)=>{const x=d&&d.children,z=d?d.shapeFlag:0,I=v.children,{patchFlag:R,shapeFlag:H}=v;if(R>0){if(R&128){at(x,I,b,_,y,j,P,O,E);return}else if(R&256){Te(x,I,b,_,y,j,P,O,E);return}}H&8?(z&16&&ve(x,y,j),I!==x&&u(b,I)):z&16?H&16?at(x,I,b,_,y,j,P,O,E):ve(x,y,j,!0):(z&8&&u(b,""),H&16&&$(I,b,_,y,j,P,O,E))},Te=(d,v,b,_,y,j,P,O,E)=>{d=d||Rt,v=v||Rt;const x=d.length,z=v.length,I=Math.min(x,z);let R;for(R=0;Rz?ve(d,y,j,!0,!1,I):$(v,b,_,y,j,P,O,E,I)},at=(d,v,b,_,y,j,P,O,E)=>{let x=0;const z=v.length;let I=d.length-1,R=z-1;for(;x<=I&&x<=R;){const H=d[x],Z=v[x]=E?pt(v[x]):Ge(v[x]);if(Pt(H,Z))C(H,Z,b,null,y,j,P,O,E);else break;x++}for(;x<=I&&x<=R;){const H=d[I],Z=v[R]=E?pt(v[R]):Ge(v[R]);if(Pt(H,Z))C(H,Z,b,null,y,j,P,O,E);else break;I--,R--}if(x>I){if(x<=R){const H=R+1,Z=HR)for(;x<=I;)je(d[x],y,j,!0),x++;else{const H=x,Z=x,re=new Map;for(x=Z;x<=R;x++){const Fe=v[x]=E?pt(v[x]):Ge(v[x]);Fe.key!=null&&re.set(Fe.key,x)}let ae,be=0;const Be=R-Z+1;let Nt=!1,Fa=0;const Gt=new Array(Be);for(x=0;x=Be){je(Fe,y,j,!0);continue}let Ye;if(Fe.key!=null)Ye=re.get(Fe.key);else for(ae=Z;ae<=R;ae++)if(Gt[ae-Z]===0&&Pt(Fe,v[ae])){Ye=ae;break}Ye===void 0?je(Fe,y,j,!0):(Gt[Ye-Z]=x+1,Ye>=Fa?Fa=Ye:Nt=!0,C(Fe,v[Ye],b,null,y,j,P,O,E),be++)}const Na=Nt?Pc(Gt):Rt;for(ae=Na.length-1,x=Be-1;x>=0;x--){const Fe=Z+x,Ye=v[Fe],za=Fe+1{const{el:j,type:P,transition:O,children:E,shapeFlag:x}=d;if(x&6){He(d.component.subTree,v,b,_);return}if(x&128){d.suspense.move(v,b,_);return}if(x&64){P.move(d,v,b,me);return}if(P===Oe){n(j,v,b);for(let I=0;IO.enter(j),y);else{const{leave:I,delayLeave:R,afterLeave:H}=O,Z=()=>n(j,v,b),re=()=>{I(j,()=>{Z(),H&&H()})};R?R(j,Z,re):re()}else n(j,v,b)},je=(d,v,b,_=!1,y=!1)=>{const{type:j,props:P,ref:O,children:E,dynamicChildren:x,shapeFlag:z,patchFlag:I,dirs:R}=d;if(O!=null&&Hn(O,null,b,d,!0),z&256){v.ctx.deactivate(d);return}const H=z&1&&R,Z=!is(d);let re;if(Z&&(re=P&&P.onVnodeBeforeUnmount)&&Qe(re,v,d),z&6)ze(d.component,b,_);else{if(z&128){d.suspense.unmount(b,_);return}H&&xt(d,null,v,"beforeUnmount"),z&64?d.type.remove(d,v,b,y,me,_):x&&(j!==Oe||I>0&&I&64)?ve(x,v,b,!1,!0):(j===Oe&&I&384||!y&&z&16)&&ve(E,v,b),_&&ke(d)}(Z&&(re=P&&P.onVnodeUnmounted)||H)&&Se(()=>{re&&Qe(re,v,d),H&&xt(d,null,v,"unmounted")},b)},ke=d=>{const{type:v,el:b,anchor:_,transition:y}=d;if(v===Oe){Me(b,_);return}if(v===ks){q(d);return}const j=()=>{a(b),y&&!y.persisted&&y.afterLeave&&y.afterLeave()};if(d.shapeFlag&1&&y&&!y.persisted){const{leave:P,delayLeave:O}=y,E=()=>P(b,j);O?O(d.el,j,E):E()}else j()},Me=(d,v)=>{let b;for(;d!==v;)b=m(d),a(d),d=b;a(v)},ze=(d,v,b)=>{const{bum:_,scope:y,update:j,subTree:P,um:O}=d;_&&hn(_),y.stop(),j&&(j.active=!1,je(P,d,v,b)),O&&Se(O,v),Se(()=>{d.isUnmounted=!0},v),v&&v.pendingBranch&&!v.isUnmounted&&d.asyncDep&&!d.asyncResolved&&d.suspenseId===v.pendingId&&(v.deps--,v.deps===0&&v.resolve())},ve=(d,v,b,_=!1,y=!1,j=0)=>{for(let P=j;Pd.shapeFlag&6?ue(d.component.subTree):d.shapeFlag&128?d.suspense.next():m(d.anchor||d.el),fe=(d,v,b)=>{d==null?v._vnode&&je(v._vnode,null,null,!0):C(v._vnode||null,d,v,null,null,null,b),Xa(),ao(),v._vnode=d},me={p:C,um:je,m:He,r:ke,mt:S,mc:$,pc:Y,pbc:J,n:ue,o:e};let Re,De;return t&&([Re,De]=t(me)),{render:fe,hydrate:Re,createApp:_c(fe,Re)}}function wt({effect:e,update:t},s){e.allowRecurse=t.allowRecurse=s}function qo(e,t,s=!1){const n=e.children,a=t.children;if(V(n)&&V(a))for(let i=0;i>1,e[s[r]]0&&(t[n]=s[i-1]),s[i]=n)}}for(i=s.length,o=s[i-1];i-- >0;)s[i]=o,o=t[o];return s}const Tc=e=>e.__isTeleport,Oe=Symbol.for("v-fgt"),cn=Symbol.for("v-txt"),st=Symbol.for("v-cmt"),ks=Symbol.for("v-stc"),rs=[];let Xe=null;function ne(e=!1){rs.push(Xe=e?null:[])}function $c(){rs.pop(),Xe=rs[rs.length-1]||null}let hs=1;function oi(e){hs+=e}function Co(e){return e.dynamicChildren=hs>0?Xe||Rt:null,$c(),hs>0&&Xe&&Xe.push(e),e}function oe(e,t,s,n,a,i){return Co(f(e,t,s,n,a,i,!0))}function Eo(e,t,s,n,a){return Co(D(e,t,s,n,a,!0))}function Ks(e){return e?e.__v_isVNode===!0:!1}function Pt(e,t){return e.type===t.type&&e.key===t.key}const dn="__vInternal",Po=({key:e})=>e??null,Fs=({ref:e,ref_key:t,ref_for:s})=>(typeof e=="number"&&(e=""+e),e!=null?ge(e)||Ce(e)||X(e)?{i:xe,r:e,k:t,f:!!s}:e:null);function f(e,t=null,s=null,n=0,a=null,i=e===Oe?0:1,o=!1,r=!1){const l={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Po(t),ref:t&&Fs(t),scopeId:on,slotScopeIds:null,children:s,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:n,dynamicProps:a,dynamicChildren:null,appContext:null,ctx:xe};return r?(wa(l,s),i&128&&e.normalize(l)):s&&(l.shapeFlag|=ge(s)?8:16),hs>0&&!o&&Xe&&(l.patchFlag>0||i&6)&&l.patchFlag!==32&&Xe.push(l),l}const D=Ac;function Ac(e,t=null,s=null,n=0,a=null,i=!1){if((!e||e===bo)&&(e=st),Ks(e)){const r=gt(e,t,!0);return s&&wa(r,s),hs>0&&!i&&Xe&&(r.shapeFlag&6?Xe[Xe.indexOf(e)]=r:Xe.push(r)),r.patchFlag|=-2,r}if(Dc(e)&&(e=e.__vccOpts),t){t=Mc(t);let{class:r,style:l}=t;r&&!ge(r)&&(t.class=Lt(r)),pe(l)&&(Yi(l)&&!V(l)&&(l=he({},l)),t.style=tn(l))}const o=ge(e)?1:Hl(e)?128:Tc(e)?64:pe(e)?4:X(e)?2:0;return f(e,t,s,n,a,o,i,!0)}function Mc(e){return e?Yi(e)||dn in e?he({},e):e:null}function gt(e,t,s=!1){const{props:n,ref:a,patchFlag:i,children:o}=e,r=t?Sc(n||{},t):n;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:r,key:r&&Po(r),ref:t&&t.ref?s&&a?V(a)?a.concat(Fs(t)):[a,Fs(t)]:Fs(t):a,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:o,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Oe?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&>(e.ssContent),ssFallback:e.ssFallback&>(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function k(e=" ",t=0){return D(cn,null,e,t)}function un(e,t){const s=D(ks,null,e);return s.staticCount=t,s}function Ge(e){return e==null||typeof e=="boolean"?D(st):V(e)?D(Oe,null,e.slice()):typeof e=="object"?pt(e):D(cn,null,String(e))}function pt(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:gt(e)}function wa(e,t){let s=0;const{shapeFlag:n}=e;if(t==null)t=null;else if(V(t))s=16;else if(typeof t=="object")if(n&65){const a=t.default;a&&(a._c&&(a._d=!1),wa(e,a()),a._c&&(a._d=!0));return}else{s=32;const a=t._;!a&&!(dn in t)?t._ctx=xe:a===3&&xe&&(xe.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else X(t)?(t={default:t,_ctx:xe},s=32):(t=String(t),n&64?(s=16,t=[k(t)]):s=8);e.children=t,e.shapeFlag|=s}function Sc(...e){const t={};for(let s=0;sye||xe;let ja,zt,ri="__VUE_INSTANCE_SETTERS__";(zt=Mn()[ri])||(zt=Mn()[ri]=[]),zt.push(e=>ye=e),ja=e=>{zt.length>1?zt.forEach(t=>t(e)):zt[0](e)};const Kt=e=>{ja(e),e.scope.on()},It=()=>{ye&&ye.scope.off(),ja(null)};function To(e){return e.vnode.shapeFlag&4}let gs=!1;function Fc(e,t=!1){gs=t;const{props:s,children:n}=e.vnode,a=To(e);xc(e,s,a,t),Oc(e,n);const i=a?Nc(e,t):void 0;return gs=!1,i}function Nc(e,t){const s=e.type;e.accessCache=Object.create(null),e.proxy=Qi(new Proxy(e.ctx,dc));const{setup:n}=s;if(n){const a=e.setupContext=n.length>1?Ao(e):null;Kt(e),Xt();const i=bt(n,e,0,[e.props,a]);if(Jt(),It(),Fi(i)){if(i.then(It,It),t)return i.then(o=>{li(e,o,t)}).catch(o=>{nn(o,e,0)});e.asyncDep=i}else li(e,i,t)}else $o(e,t)}function li(e,t,s){X(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:pe(t)&&(e.setupState=to(t)),$o(e,s)}let ci;function $o(e,t,s){const n=e.type;if(!e.render){if(!t&&ci&&!n.render){const a=n.template||ya(e).template;if(a){const{isCustomElement:i,compilerOptions:o}=e.appContext.config,{delimiters:r,compilerOptions:l}=n,c=he(he({isCustomElement:i,delimiters:r},o),l);n.render=ci(a,c)}}e.render=n.render||Je}Kt(e),Xt(),pc(e),Jt(),It()}function zc(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,s){return Le(e,"get","$attrs"),t[s]}}))}function Ao(e){const t=s=>{e.exposed=s||{}};return{get attrs(){return zc(e)},slots:e.slots,emit:e.emit,expose:t}}function pn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(to(Qi(e.exposed)),{get(t,s){if(s in t)return t[s];if(s in os)return os[s](e)},has(t,s){return s in t||s in os}}))}function Rc(e,t=!0){return X(e)?e.displayName||e.name:e.name||t&&e.__name}function Dc(e){return X(e)&&"__vccOpts"in e}const tt=(e,t)=>Ml(e,t,gs);function Bn(e,t,s){const n=arguments.length;return n===2?pe(t)&&!V(t)?Ks(t)?D(e,null,[t]):D(e,t):D(e,null,t):(n>3?s=Array.prototype.slice.call(arguments,2):n===3&&Ks(s)&&(s=[s]),D(e,t,s))}const Uc=Symbol.for("v-scx"),Vc=()=>Ls(Uc),Hc="3.3.4",Bc="http://www.w3.org/2000/svg",Tt=typeof document<"u"?document:null,di=Tt&&Tt.createElement("template"),Kc={insert:(e,t,s)=>{t.insertBefore(e,s||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,s,n)=>{const a=t?Tt.createElementNS(Bc,e):Tt.createElement(e,s?{is:s}:void 0);return e==="select"&&n&&n.multiple!=null&&a.setAttribute("multiple",n.multiple),a},createText:e=>Tt.createTextNode(e),createComment:e=>Tt.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Tt.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,s,n,a,i){const o=s?s.previousSibling:t.lastChild;if(a&&(a===i||a.nextSibling))for(;t.insertBefore(a.cloneNode(!0),s),!(a===i||!(a=a.nextSibling)););else{di.innerHTML=n?`${e}`:e;const r=di.content;if(n){const l=r.firstChild;for(;l.firstChild;)r.appendChild(l.firstChild);r.removeChild(l)}t.insertBefore(r,s)}return[o?o.nextSibling:t.firstChild,s?s.previousSibling:t.lastChild]}};function Wc(e,t,s){const n=e._vtc;n&&(t=(t?[t,...n]:[...n]).join(" ")),t==null?e.removeAttribute("class"):s?e.setAttribute("class",t):e.className=t}function Xc(e,t,s){const n=e.style,a=ge(s);if(s&&!a){if(t&&!ge(t))for(const i in t)s[i]==null&&Kn(n,i,"");for(const i in s)Kn(n,i,s[i])}else{const i=n.display;a?t!==s&&(n.cssText=s):t&&e.removeAttribute("style"),"_vod"in e&&(n.display=i)}}const ui=/\s*!important$/;function Kn(e,t,s){if(V(s))s.forEach(n=>Kn(e,t,n));else if(s==null&&(s=""),t.startsWith("--"))e.setProperty(t,s);else{const n=Jc(e,t);ui.test(s)?e.setProperty(Wt(n),s.replace(ui,""),"important"):e[n]=s}}const fi=["Webkit","Moz","ms"],xn={};function Jc(e,t){const s=xn[t];if(s)return s;let n=nt(t);if(n!=="filter"&&n in e)return xn[t]=n;n=en(n);for(let a=0;awn||(sd.then(()=>wn=0),wn=Date.now());function ad(e,t){const s=n=>{if(!n._vts)n._vts=Date.now();else if(n._vts<=s.attached)return;Ve(id(n,s.value),t,5,[n])};return s.value=e,s.attached=nd(),s}function id(e,t){if(V(t)){const s=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{s.call(e),e._stopped=!0},t.map(n=>a=>!a._stopped&&n&&n(a))}else return t}const mi=/^on[a-z]/,od=(e,t,s,n,a=!1,i,o,r,l)=>{t==="class"?Wc(e,n,a):t==="style"?Xc(e,s,n):Ys(t)?aa(t)||ed(e,t,s,n,o):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):rd(e,t,n,a))?Yc(e,t,n,i,o,r,l):(t==="true-value"?e._trueValue=n:t==="false-value"&&(e._falseValue=n),Zc(e,t,n,a))};function rd(e,t,s,n){return n?!!(t==="innerHTML"||t==="textContent"||t in e&&mi.test(t)&&X(s)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||mi.test(t)&&ge(s)?!1:t in e}const dt="transition",es="animation",$t=(e,{slots:t})=>Bn(Zl,ld(e),t);$t.displayName="Transition";const Mo={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};$t.props=he({},co,Mo);const jt=(e,t=[])=>{V(e)?e.forEach(s=>s(...t)):e&&e(...t)},bi=e=>e?V(e)?e.some(t=>t.length>1):e.length>1:!1;function ld(e){const t={};for(const h in e)h in Mo||(t[h]=e[h]);if(e.css===!1)return t;const{name:s="v",type:n,duration:a,enterFromClass:i=`${s}-enter-from`,enterActiveClass:o=`${s}-enter-active`,enterToClass:r=`${s}-enter-to`,appearFromClass:l=i,appearActiveClass:c=o,appearToClass:u=r,leaveFromClass:p=`${s}-leave-from`,leaveActiveClass:m=`${s}-leave-active`,leaveToClass:g=`${s}-leave-to`}=e,w=cd(a),C=w&&w[0],M=w&&w[1],{onBeforeEnter:F,onEnter:N,onEnterCancelled:T,onLeave:q,onLeaveCancelled:U,onBeforeAppear:W=F,onAppear:ie=N,onAppearCancelled:$=T}=t,B=(h,L,S)=>{Ot(h,L?u:r),Ot(h,L?c:o),S&&S()},J=(h,L)=>{h._isLeaving=!1,Ot(h,p),Ot(h,g),Ot(h,m),L&&L()},A=h=>(L,S)=>{const ce=h?ie:N,se=()=>B(L,h,S);jt(ce,[L,se]),hi(()=>{Ot(L,h?l:i),ut(L,h?u:r),bi(ce)||gi(L,n,C,se)})};return he(t,{onBeforeEnter(h){jt(F,[h]),ut(h,i),ut(h,o)},onBeforeAppear(h){jt(W,[h]),ut(h,l),ut(h,c)},onEnter:A(!1),onAppear:A(!0),onLeave(h,L){h._isLeaving=!0;const S=()=>J(h,L);ut(h,p),fd(),ut(h,m),hi(()=>{h._isLeaving&&(Ot(h,p),ut(h,g),bi(q)||gi(h,n,M,S))}),jt(q,[h,S])},onEnterCancelled(h){B(h,!1),jt(T,[h])},onAppearCancelled(h){B(h,!0),jt($,[h])},onLeaveCancelled(h){J(h),jt(U,[h])}})}function cd(e){if(e==null)return null;if(pe(e))return[jn(e.enter),jn(e.leave)];{const t=jn(e);return[t,t]}}function jn(e){return Vr(e)}function ut(e,t){t.split(/\s+/).forEach(s=>s&&e.classList.add(s)),(e._vtc||(e._vtc=new Set)).add(t)}function Ot(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.remove(n));const{_vtc:s}=e;s&&(s.delete(t),s.size||(e._vtc=void 0))}function hi(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let dd=0;function gi(e,t,s,n){const a=e._endId=++dd,i=()=>{a===e._endId&&n()};if(s)return setTimeout(i,s);const{type:o,timeout:r,propCount:l}=ud(e,t);if(!o)return n();const c=o+"end";let u=0;const p=()=>{e.removeEventListener(c,m),i()},m=g=>{g.target===e&&++u>=l&&p()};setTimeout(()=>{u(s[w]||"").split(", "),a=n(`${dt}Delay`),i=n(`${dt}Duration`),o=_i(a,i),r=n(`${es}Delay`),l=n(`${es}Duration`),c=_i(r,l);let u=null,p=0,m=0;t===dt?o>0&&(u=dt,p=o,m=i.length):t===es?c>0&&(u=es,p=c,m=l.length):(p=Math.max(o,c),u=p>0?o>c?dt:es:null,m=u?u===dt?i.length:l.length:0);const g=u===dt&&/\b(transform|all)(,|$)/.test(n(`${dt}Property`).toString());return{type:u,timeout:p,propCount:m,hasTransform:g}}function _i(e,t){for(;e.lengthyi(s)+yi(e[n])))}function yi(e){return Number(e.slice(0,-1).replace(",","."))*1e3}function fd(){return document.body.offsetHeight}const pd=he({patchProp:od},Kc);let xi;function vd(){return xi||(xi=Cc(pd))}const md=(...e)=>{const t=vd().createApp(...e),{mount:s}=t;return t.mount=n=>{const a=bd(n);if(!a)return;const i=t._component;!X(i)&&!i.render&&!i.template&&(i.template=a.innerHTML),a.innerHTML="";const o=s(a,!1,a instanceof SVGElement);return a instanceof Element&&(a.removeAttribute("v-cloak"),a.setAttribute("data-v-app","")),o},t};function bd(e){return ge(e)?document.querySelector(e):e}const hd="/Portfolio3-14h/assets/ellypsis-vertical-2-8b5a044c.svg",gd="/Portfolio3-14h/assets/linkedin-blanc-c88acae0.svg";const _e=(e,t)=>{const s=e.__vccOpts||e;for(const[n,a]of t)s[n]=a;return s},_d={data(){return{isResponsiveMenu:!0}},methods:{toggleMenu(){this.isResponsiveMenu=!this.isResponsiveMenu}}},Zt=e=>(Ee("data-v-96a735db"),e=e(),Pe(),e),yd={class:"container1"},xd={class:"orange"},wd=Zt(()=>f("a",{href:"./"},[f("h1",null,"Frédérique CHAMBINAUD")],-1)),jd={class:"menu-points"},Od=Zt(()=>f("img",{src:hd,alt:"picto menu"},null,-1)),qd=[Od],Cd=Zt(()=>f("p",null,"Présentation",-1)),Ed=[Cd],Pd=Zt(()=>f("p",null,"Réalisations",-1)),Td=[Pd],$d=Zt(()=>f("p",null,"Contact",-1)),Ad=[$d],Md={class:"picto"},Sd=Zt(()=>f("img",{src:gd,alt:"Picto linkedin"},null,-1)),Id=[Sd];function Ld(e,t,s,n,a,i){return ne(),oe("div",yd,[f("div",xd,[wd,f("div",jd,[f("a",{href:"javascript:void(0);",class:"icon",onClick:t[0]||(t[0]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},qd)])]),f("nav",{class:Lt({blue:!a.isResponsiveMenu,responsive:a.isResponsiveMenu}),id:"menu-blue"},[f("a",{href:"#first",onClick:t[1]||(t[1]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},Ed),f("a",{href:"#reals",onClick:t[2]||(t[2]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},Td),f("a",{href:"#contact",onClick:t[3]||(t[3]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},Ad),f("div",Md,[f("a",{href:"https://www.linkedin.com/in/fr%C3%A9d%C3%A9rique-c-16195121b/",target:"_blank",onClick:t[4]||(t[4]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},Id)])],2)])}const kd=_e(_d,[["render",Ld],["__scopeId","data-v-96a735db"]]),Fd="/Portfolio3-14h/assets/profil-carre-222-6644d89e.jpg";const Yt=e=>(Ee("data-v-a1af0adf"),e=e(),Pe(),e),Nd={class:"englobeur-first",id:"first"},zd=Yt(()=>f("div",{class:"container-photo","data-scroll":"","data-scroll-speed":"-1"},[f("img",{src:Fd,alt:"photo profil",class:"photo2"})],-1)),Rd={class:"text"},Dd=Yt(()=>f("div",{class:"bienvenue"},"Hello ! Je suis Fred,",-1)),Ud=Yt(()=>f("div",{class:"portfolio"},"UX/UI DESIGNER",-1)),Vd=Yt(()=>f("div",{class:"texte-prez-first"},[k(" Spécialisée et certifiée en "),f("b",null,"UX design"),k(", j'ai acquis des compétences essentielles comme les "),f("b",null,"entretiens utilisateurs, la création de personas, les userflows et le wireframing"),k(". J'intègre des "),f("b",null,"tests utilisateurs synchrones et asynchrones"),k(" pour affiner les expériences, tout en prenant en compte les contraintes techniques grâce à ma formation en développement web. "),f("br"),f("br"),k(" Mon expérience en "),f("b",null,"maquettage"),k(" m’a appris à structurer des interfaces efficaces en utilisant l'"),f("b",null,"atomic design"),k(" et les design tokens, garantissant ainsi "),f("b",null,"cohérence et accessibilité"),k(", toujours dans un cadre collaboratif. ")],-1)),Hd=Yt(()=>f("button",{class:"btn"},"Plus de détails sur mon cv",-1)),Bd=[Hd],Kd=Yt(()=>f("div",{class:"btn-continue"},[f("a",{href:"#reals"},[f("button",{class:"btn-rond"},[f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_down ")])])],-1)),Wd="https://14h02m10s.github.io/Portfolio3-14h/cv-oct2024-portfolio.pdf",Xd={__name:"First4",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe("div",Nd,[f("div",{class:"text-photo",style:tn({transform:`translateY(-${t.scroll}px)`})},[D($t,{appear:"",name:"photo-fade"},{default:Q(()=>[zd]),_:1}),f("div",Rd,[D($t,{appear:"",name:"slide-fade1"},{default:Q(()=>[Dd]),_:1}),D($t,{appear:"",name:"slide-fade1"},{default:Q(()=>[Ud]),_:1}),D($t,{appear:"",name:"slide-fade2"},{default:Q(()=>[Vd]),_:1}),D($t,{appear:"",name:"slide-fade2"},{default:Q(()=>[f("div",{class:"container-button"},[f("a",{href:Wd,target:"_blank",download:"CV-fchambinaud.pdf"},Bd)])]),_:1})])],4),Kd]))}},Jd=_e(Xd,[["__scopeId","data-v-a1af0adf"]]);const Zd={},Yd={class:"item"},Qd={class:"img"},Gd={class:"section-texte"},eu={class:"content"};function tu(e,t,s,n,a,i){return ne(),oe("div",Yd,[f("div",Qd,[Vt(e.$slots,"image",{},void 0,!0)]),f("div",Gd,[f("h4",null,[Vt(e.$slots,"sous-titre",{},void 0,!0)]),f("p",eu,[Vt(e.$slots,"default",{},void 0,!0)])])])}const As=_e(Zd,[["render",tu],["__scopeId","data-v-af523d86"]]),su="/Portfolio3-14h/assets/google-ux-bandeau-84767ba7.jpg";const nu={},au=e=>(Ee("data-v-b45a63cc"),e=e(),Pe(),e),iu={class:"height"},ou=au(()=>f("img",{src:su,alt:"Miniature Google UX couleur"},null,-1)),ru=[ou];function lu(e,t){return ne(),oe("div",iu,ru)}const So=_e(nu,[["render",lu],["__scopeId","data-v-b45a63cc"]]),cu="/Portfolio3-14h/assets/img-prez-onzen2-43b6ff7d.jpg";const du={},uu=e=>(Ee("data-v-5a712356"),e=e(),Pe(),e),fu={class:"height"},pu=uu(()=>f("a",{href:"#/realisations/onzen"},[f("img",{src:cu,alt:"Miniature OnZen couleur"})],-1)),vu=[pu];function mu(e,t){return ne(),oe("div",fu,vu)}const Io=_e(du,[["render",mu],["__scopeId","data-v-5a712356"]]),bu="/Portfolio3-14h/assets/img-prez-mukiz2-44dde4a3.jpg";const hu={},gu=e=>(Ee("data-v-d704363a"),e=e(),Pe(),e),_u={class:"height"},yu=gu(()=>f("a",{href:"#/realisations/mukiz"},[f("img",{src:bu,alt:"Miniature Mukiz couleur"})],-1)),xu=[yu];function wu(e,t){return ne(),oe("div",_u,xu)}const ju=_e(hu,[["render",wu],["__scopeId","data-v-d704363a"]]),Ou="/Portfolio3-14h/assets/img-prez-artefacteurs-50fc7254.jpg";const qu={},Cu=e=>(Ee("data-v-11529734"),e=e(),Pe(),e),Eu={class:"height"},Pu=Cu(()=>f("a",{href:"#/realisations/artefacteurs"},[f("img",{src:Ou,alt:"Miniature Artefacteurs couleur"})],-1)),Tu=[Pu];function $u(e,t){return ne(),oe("div",Eu,Tu)}const Lo=_e(qu,[["render",$u],["__scopeId","data-v-11529734"]]);const le=e=>(Ee("data-v-264bda07"),e=e(),Pe(),e),Au={id:"reals"},Mu=le(()=>f("div",{class:"titre"},[f("h2",null,"RÉALISATIONS")],-1)),Su={class:"flex-project"},Iu=le(()=>f("span",null,"Ux",-1)),Lu=le(()=>f("br",null,null,-1)),ku=le(()=>f("a",{href:"#/realisations/mukiz",class:"link-text"},"Onboarding Mukiz ",-1)),Fu=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/mukiz"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Nu=le(()=>f("p",null,[k(" Mukiz est une "),f("b",null,"application de blind test interactif"),k(", qui réunit des milliers de joueurs quotidiennement. L'objectif était comprendre "),f("b",null,"pourquoi certains utilisateurs ne démarraient pas leur première partie"),k(" lors de leur première visite sur l'application. ")],-1)),zu=le(()=>f("div",{class:"trait"},null,-1)),Ru=le(()=>f("span",null,"Ux",-1)),Du=le(()=>f("br",null,null,-1)),Uu=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/googleux"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Vu=le(()=>f("p",null,[k(" Je passe actuellement la certification Google UX afin de continuer à "),f("b",null,"approfondir mes compétences en design centré utilisateur."),f("br"),f("br"),k(" Ce programme compte + de 200 heures de cours en totale autonomie et j'applique toutes les méthodes UX en "),f("b",null,"travaillant sur la conception d'une application de carte de café"),k(". Cela me permet de perfectionner chaque étape du processus UX. ")],-1)),Hu=le(()=>f("div",{class:"trait"},null,-1)),Bu=le(()=>f("span",null,"Ux",-1)),Ku=le(()=>f("span",null,"Ui",-1)),Wu=le(()=>f("br",null,null,-1)),Xu=le(()=>f("a",{href:"#/realisations/artefacteurs",class:"link-text"},"Plateforme des Artéf'acteurs ",-1)),Ju=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/artefacteurs"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Zu=le(()=>f("p",null,[k(" La Manufacture des Artéf'acteurs, une association réunissant des artisans d'art, avait besoin d'une plateforme pour "),f("b",null,"favoriser les échanges entre artisans et soutenir leurs activités"),k(". "),f("br"),f("br"),k(" Nous avons appliqué des méthodes UX comme les "),f("b",null,"entretiens utilisateurs"),k(" pour identifier leurs besoins, la "),f("b",null,"création de personas"),k(" pour définir le profil des artisans, des "),f("b",null,"diagrammes d'affinités"),k(" pour classer les informations récupérées en entretien, des "),f("b",null,"ateliers d'idéation"),k(" pour générer de nouvelles idées, du "),f("b",null,"maquettage"),k(" pour faire prendre vie au projet et enfin des "),f("b",null,"tests utilisateurs synchrones et asynchrones"),k(" pour évaluer les points de friction de nos premières maquettes. ")],-1)),Yu=le(()=>f("div",{class:"trait"},null,-1)),Qu=le(()=>f("span",null,"Ui",-1)),Gu=le(()=>f("span",null,"Ux",-1)),ef=le(()=>f("span",null,"Html/Css",-1)),tf=le(()=>f("br",null,null,-1)),sf=le(()=>f("a",{href:"#/realisations/onzen",class:"link-text"},"Refonte de la plateforme On-Zen ",-1)),nf=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/onzen"},[f("button",{class:"btn"},"Voir le projet")])],-1)),af=le(()=>f("p",null,[f("b",null,"On-Zen, plateforme dédiée à la prise de rendez-vous en ligne,"),k(" met en relation praticiens et clients tout "),f("b",null,"sensibilisant le public aux médecines complémentaires"),k(". Elle fournit également aux professionnels des outils essentiels pour la gestion et le développement de leur activité. "),f("br"),f("br"),k(" La plateforme n'était pas conçue en responsive et manquait également de cohérence graphique. "),f("b",null,"Ma mission était de la rendre plus attrayante, rassurante et facile à utiliser.")],-1)),of={__name:"Projects3",setup(e){return(t,s)=>(ne(),oe("div",Au,[Mu,f("div",Su,[D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(ju)]),"sous-titre":Q(()=>[Iu,k(),Lu,ku]),default:Q(()=>[Fu,Nu]),_:1}),zu,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(So)]),"sous-titre":Q(()=>[Ru,k(),Du,k(" Certification Google UX ")]),default:Q(()=>[Uu,Vu]),_:1}),Hu,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Lo)]),"sous-titre":Q(()=>[Bu,Ku,k(),Wu,Xu]),default:Q(()=>[Ju,Zu]),_:1}),Yu,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Io)]),"sous-titre":Q(()=>[Qu,Gu,ef,k(),tf,sf]),default:Q(()=>[nf,af]),_:1})])]))}},rf=_e(of,[["__scopeId","data-v-264bda07"]]);const lf={},cf=e=>(Ee("data-v-d195d2b1"),e=e(),Pe(),e),df={class:"foot"},uf=cf(()=>f("p",null,"© Frédérique Chambinaud 2024",-1)),ff=[uf];function pf(e,t){return ne(),oe("div",df,ff)}const Qt=_e(lf,[["render",pf],["__scopeId","data-v-d195d2b1"]]);var vf=Object.defineProperty,mf=(e,t,s)=>t in e?vf(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,wi=(e,t,s)=>(mf(e,typeof t!="symbol"?t+"":t,s),s);class bf{constructor(){wi(this,"seed",0),wi(this,"data",new Map)}id(){return Date.now().toString(26)+this.seed++}add(t,s=this.id()){return this.data.set(s,t),s}get(t){return this.data.get(t)}delete(t){this.delete(t)}}const hf="Failed to copy value to clipboard. Unknown type.",gf={asString(e){if(e==null)return console.warn("Clipboard input is empty"),"";if(typeof e!="string")try{return JSON.stringify(e)}catch(t){return console.warn(hf,t),""}return e}},_f="position:fixed; pointer-events:none; z-index:-9999; opacity:0;",yf={createTextarea(e){const t=document.createElement("textarea");return t.addEventListener("focusin",s=>{s.stopPropagation()}),t.value=e,t.setAttribute("readonly",""),t.style.cssText=_f,t}},ls={async requestClipboardPermission(){return navigator.permissions.query({name:"clipboard-write"})},async writeClipboard(e){return(await ls.requestClipboardPermission()).state==="granted"?(await navigator.clipboard.writeText(e),!0):!1},writeClipboardExecCommand(e){const t=yf.createTextarea(e);if(document.body.appendChild(t),navigator.userAgent.match(/ipad|ipod|iphone/i)){t.contentEditable="true",t.readOnly=!0;const n=document.createRange();n.selectNodeContents(t);const a=window.getSelection();a&&(a.removeAllRanges(),a.addRange(n),t.setSelectionRange(0,999999))}else t.select();const s=document.execCommand("copy");return document.body.removeChild(t),s},async copy(e){const t=typeof e=="function"?e():e,s=gf.asString(t);if(ls.writeClipboardExecCommand(s))return!0;await ls.writeClipboard(s)}},ft=new bf,xf={install(e){const t=e.version[0]==="3"?e.config.globalProperties:e.prototype;t.$clipboard=ls.copy,e.directive("clipboard",{beforeMount(s,n){const a=n.arg,i=n.value,o=typeof i=="function";if(a==="error"&&o){s.dataset.clipboardError=ft.add(i);return}if(a==="error"&&o){s.dataset.clipboardSuccess=ft.add(i);return}const r=async l=>{var c;const u=await ls.copy(i)?s.dataset.clipboardSuccess:s.dataset.clipboardError;(c=ft.get(u))==null||c({value:i,event:l})};s.dataset.clipboardClick=ft.add(r),s.addEventListener("click",r)},unmounted(s){const{clipboardSuccessHandler:n,clipboardErrorHandler:a,clipboardClickHandler:i}=s.dataset;if(n&&ft.delete(n),a&&ft.delete(a),i){const o=ft.get(i);o&&(s.removeEventListener("click",o),ft.delete(i))}},get bind(){return this.beforeMount},get unbind(){return this.unmounted}})}};const lt=e=>(Ee("data-v-9564c2f9"),e=e(),Pe(),e),wf={id:"contact"},jf=lt(()=>f("div",{class:"titre"},[f("h2",null,"CONTACT")],-1)),Of={class:"container-except-titre","data-aos":"fade-up","data-aos-duration":"600"},qf={class:"login-card-container"},Cf=lt(()=>f("form",{action:"https://public.herotofu.com/v1/8cc09760-7f05-11ee-8bd5-e178f08d9cb2",method:"post","accept-charset":"UTF-8",class:"login-card-form"},[f("div",{class:"login-card-form-2"},[f("div",{class:"form-item"},[f("span",{class:"form-item-icon material-symbols-rounded"},"person"),f("input",{type:"text",placeholder:"Nom",id:"nom",name:"lastName",required:""})]),f("div",{class:"form-item"},[f("span",{class:"form-item-icon material-symbols-rounded"},"person"),f("input",{type:"text",placeholder:"Prénom",id:"prenom",name:"firstName",required:""})])]),f("div",{class:"form-item"},[f("span",{class:"form-item-icon material-symbols-rounded"},"mail"),f("input",{type:"email",placeholder:"Email",id:"email",name:"email",required:""})]),f("div",{style:{"text-indent":"-99999px","white-space":"nowrap",overflow:"hidden",position:"absolute"},"aria-hidden":"true"},[f("input",{type:"text",name:"_gotcha",tabindex:"-1",autocomplete:"off"})]),f("div",{class:"form-item"},[f("textarea",{id:"message",name:"message",placeholder:"Hello Fred, nous serions vraiment ravis de te compter parmi nous ! ",required:""})]),f("div",{class:"container-btn-envoyer"},[f("button",{type:"submit",class:"btn"},"Envoyer")])],-1)),Ef=lt(()=>f("br",null,null,-1)),Pf=lt(()=>f("br",null,null,-1)),Tf=lt(()=>f("br",null,null,-1)),$f=lt(()=>f("br",null,null,-1)),Af=lt(()=>f("b",null,"fchambinaudpro@gmail.com",-1)),Mf=[Af],Sf=lt(()=>f("br",null,null,-1)),If=lt(()=>f("div",{class:"btn-return"},[f("a",{href:"#first"},[f("button",{class:"btn-carre"},[f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ")])])],-1)),Lf={class:"z-index"},kf={name:"App",data(){return{isCopied:!0}},methods:{ToggleCopied(){this.isCopied=!this.isCopied}}},Ff=Object.assign(kf,{setup(e){return(t,s)=>{const n=cc("clipboard");return ne(),oe("div",wf,[jf,f("div",Of,[f("div",qf,[Cf,f("div",null,[f("p",null,[Ef,Pf,k(" Si vous préférez utiliser votre boite mail, "),Tf,k("copiez mon adresse mail en cliquant dessus : "),$f,Wl((ne(),oe("span",{onClick:s[0]||(s[0]=(...a)=>t.ToggleCopied&&t.ToggleCopied(...a)),class:"hover-list"},Mf)),[[n,"fchambinaudpro@gmail.com"]]),k(". "),Sf]),f("p",{class:Lt({copy:!t.isCopied,copied:t.isCopied})},"C'est copié !",2)])])]),If,f("div",Lf,[D(Qt)])])}}}),ko=_e(Ff,[["__scopeId","data-v-9564c2f9"]]);const Wn={__name:"HomeView",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Jd),D(rf),D(ko)]))}};const Nf={data(){return{isExpanded:!1}},methods:{toggleExpansion(){this.isExpanded=!this.isExpanded}}},zf={class:"item"},Rf={class:"img"},Df={class:"content"},Uf={class:"btn-continue"};function Vf(e,t,s,n,a,i){return ne(),oe("div",zf,[f("div",Rf,[Vt(e.$slots,"image",{},void 0,!0)]),f("div",{class:Lt(["section-texte",{expanded:a.isExpanded}])},[f("h4",null,[Vt(e.$slots,"sous-titre",{},void 0,!0)]),f("p",Df,[Vt(e.$slots,"default",{},void 0,!0)]),f("div",Uf,[f("span",{class:Lt(["btn-open-text material-symbols-rounded",{expanded:a.isExpanded}]),onClick:t[0]||(t[0]=(...o)=>i.toggleExpansion&&i.toggleExpansion(...o))}," keyboard_double_arrow_down ",2)])],2)])}const ts=_e(Nf,[["render",Vf],["__scopeId","data-v-15d0c861"]]),Hf="/Portfolio3-14h/assets/ImgPortfolio1-coul-f1ca2911.jpg";const Bf={},Kf=e=>(Ee("data-v-05af01a7"),e=e(),Pe(),e),Wf={class:"height"},Xf=Kf(()=>f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank"},[f("img",{src:Hf,alt:"Miniature Portfolio1 coul"})],-1)),Jf=[Xf];function Zf(e,t){return ne(),oe("div",Wf,Jf)}const Yf=_e(Bf,[["render",Zf],["__scopeId","data-v-05af01a7"]]),Qf="/Portfolio3-14h/assets/Lakson-coul-154c63ab.jpg";const Gf={},ep=e=>(Ee("data-v-1242167e"),e=e(),Pe(),e),tp={class:"height"},sp=ep(()=>f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank"},[f("img",{src:Qf,alt:"Miniature Lakson coul"})],-1)),np=[sp];function ap(e,t){return ne(),oe("div",tp,np)}const ip=_e(Gf,[["render",ap],["__scopeId","data-v-1242167e"]]);const we=e=>(Ee("data-v-de4fb8dd"),e=e(),Pe(),e),op={id:"reals"},rp=we(()=>f("div",{class:"titre"},[f("h2",null,"RÉALISATIONS")],-1)),lp={class:"flex-project"},cp=we(()=>f("div",{class:"DivTitreH3"},[f("h3",null,"Projets UX/UI")],-1)),dp=we(()=>f("a",{href:"#/realisations/onzen",class:"link-text"},"Refonte de la plateforme On-Zen ",-1)),up=we(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/onzen"},[f("button",{class:"btn"},"Voir le projet")])],-1)),fp=we(()=>f("p",null,[k(" On-Zen est une plateforme dédiée à la "),f("b",null,"sensibilisation du grand public aux médecines complémentaires"),k(" et à la "),f("b",null,"mise en relation entre praticiens et clients"),k(" par la prise de rendez-vous. Elle propose également aux professionnels du bien-être divers outils pour faciliter la gestion de leur activité et accroître leur visibilité. "),f("br"),f("br"),k(" Une première version du site avait été lancée au début de l'activité de la start up mais elle n’était ni responsive ni cohérente sur le plan graphique. "),f("b",null,"J'avais donc pour mission de donner un nouveau souffle au site.")],-1)),pp=we(()=>f("div",{class:"container-button"},[f("button",{class:"btn-disable"},"En cours d'acquisition")],-1)),vp=we(()=>f("p",null,[k(" Suite à ma formation chez UX France, j'ai décidé de passer la certification Google UX afin de "),f("b",null,"continuer non seulement mon apprentissage en UX, mais aussi continuer à manipuler Figma et à maquetter"),k(". "),f("br"),f("br"),k(" Cette certification se déroule entièrement en ligne et "),f("b",null,"en autonomie"),k(". Le programme dure en théorie "),f("b",null,"+ de 200 heures"),k(" et est découpé en 7 parties. Je suis actuellement en train de finir la 3e partie. Mon projet portera sur la conception d'une application de prévisualisation d'une carte de café. ")],-1)),mp=we(()=>f("a",{href:"#/realisations/artefacteurs",class:"link-text"},"Projet des Artéf'acteurs ",-1)),bp=we(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/artefacteurs"},[f("button",{class:"btn"},"Voir le projet")])],-1)),hp=we(()=>f("p",null,[k(" Le projet de la manufacture des Artéf'acteurs a été mené durant ma "),f("b",null,"formation chez UX France"),k(", en équipe de 2. "),f("br"),f("br"),k(" L'association de la Manufacture des artef'acteurs regroupe des artisans d'art de l'est de la France. Le but de cette association est de mettre en relation les artisans et de les aider à développer leurs activités. ")],-1)),gp={class:"flex-project"},_p=we(()=>f("div",{class:"DivTitreH3"},[f("h3",null,"Projets front-end")],-1)),yp=we(()=>f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank",class:"link-text"},"Première version de mon portfolio ",-1)),xp=we(()=>f("div",{class:"container-button"},[f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank"},[f("button",{class:"btn"},"Voir le projet")])],-1)),wp=we(()=>f("p",null,[k(" Voici la première version de mon portfolio créée avec "),f("b",null,"Vue.js"),k(`. Je n'ai pas eu le temps de le diffuser car dès sa finalisation, j'ai sollicité des avis auprès de mon entourage. Certains ont souligné que mon site était un peu trop "statique" et avait des airs un peu trop "print" (une déformation professionnelle, je suppose 🙃). `),f("br"),f("br"),f("b",null,`C'était mon premier projet responsive, conçu en adoptant une approche "mobile first".`),k(" Initialement, je souhaitais faire le parallèle avec mon cv, notamment en conservant la mise en forme des titres. Cependant, cela s'est avéré être plus un problème qu'une solution. La deuxième version de mon portfolio (le site que vous parcourez en ce moment) n'est pas parfait, bien sûr, mais j'espère que vous pourrez y reconnaître la détermination que j'y ai investie. ")],-1)),jp=we(()=>f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank",class:"link-text"},"Reproduction d'un site vitrine ",-1)),Op=we(()=>f("div",{class:"container-button"},[f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank"},[f("button",{class:"btn"},"Voir le projet")])],-1)),qp=we(()=>f("p",null,[k(" J'ai commencé ce projet "),f("b",null,"Vue.js"),k(" à la fin de mon stage, en juin 2023 et l'ai continué chez moi. L'objectif principal était de reproduire un site vitrine déjà existant. Mon choix s'est porté sur "),f("a",{href:"https://lakson.fr/",target:"_blank",class:"link-text"},"le site du restaurant Lakson,"),k(" car il comprend "),f("b",null,"une barre de navigation, un pied de page, plusieurs pages, des boutons, et une galerie de photos"),k(". "),f("br"),f("br"),k(" Il reste encore des améliorations à apporter, car certaines parties étaient assez complexes lorsque j'ai entamé ce projet. Ainsi, les animations et la compatibilité avec les appareils de différentes tailles (responsive design) n'ont pas encore été implémentées. Mon prochain défi sera donc de rendre ce projet pleinement responsive (il est pour l'instant conseillé de le regarder sur un écran d'au moins 1300 px de large). ")],-1)),Cp={__name:"Projects2",setup(e){return(t,s)=>(ne(),oe("div",op,[rp,f("div",lp,[cp,D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Io)]),"sous-titre":Q(()=>[dp]),default:Q(()=>[up,fp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(So)]),"sous-titre":Q(()=>[k("Certification Google UX  ")]),default:Q(()=>[pp,vp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Lo)]),"sous-titre":Q(()=>[mp]),default:Q(()=>[bp,hp]),_:1})]),f("div",gp,[_p,D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Yf)]),"sous-titre":Q(()=>[yp]),default:Q(()=>[xp,wp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(ip)]),"sous-titre":Q(()=>[jp]),default:Q(()=>[Op,qp]),_:1})]),D(Qt)]))}},Ep=_e(Cp,[["__scopeId","data-v-de4fb8dd"]]);const Fo={__name:"PageRealisations",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Ep)]))}},Pp="/Portfolio3-14h/assets/banniere-artefacteurs2-27dec636.jpg",Tp="/Portfolio3-14h/assets/uxDesign-4a33de69.jpg",$p="/Portfolio3-14h/assets/problematique-ba823560.jpg",Ap="/Portfolio3-14h/assets/personasHypothetiques-41ac0f8e.jpg",Mp="/Portfolio3-14h/assets/lesCartesUX-ad8c66a1.jpg",Sp="/Portfolio3-14h/assets/diagrammeAffinite-edcf7898.png",Ip="/Portfolio3-14h/assets/diagrammeAffiniteExtrait-309997d6.jpg",Lp="/Portfolio3-14h/assets/Persona-78f7cd19.jpg",kp="/Portfolio3-14h/assets/brainstorm3-5c2acedb.jpg",Fp="/Portfolio3-14h/assets/atelierIdeation2-709139c5.png",Np="/Portfolio3-14h/assets/resultatAtelierIdeation-faad29ba.jpg",zp="/Portfolio3-14h/assets/detail-arborescence-e257ec11.png",Rp="/Portfolio3-14h/assets/userflow1-0943fe38.jpg",Dp="/Portfolio3-14h/assets/wireframes-d9604dac.jpg",Up="/Portfolio3-14h/assets/prototype2-6860a6b2.jpg",Vp="/Portfolio3-14h/assets/ProtocoleTest-464a2b1c.jpg",Hp="/Portfolio3-14h/assets/maze_screenshot_interaction2-f7eeea70.jpg",Bp="/Portfolio3-14h/assets/restitution-recos-c90d8f58.jpg",Kp="/Portfolio3-14h/assets/5-4-Evaluation-Recommandations-0c87a74b.jpg",Wp="/Portfolio3-14h/assets/6-1-Iteration-e0ad5b91.jpg",Xp="/Portfolio3-14h/assets/proto1-71217c4c.jpg",Jp="/Portfolio3-14h/assets/proto2-c881172d.jpg";const Zp=e=>(Ee("data-v-70c1c858"),e=e(),Pe(),e),Yp=un('
les différentes phases de l'ux design

Remise en contexte

Ceci est un projet mené en formation, chez UX France, durant 6 semaines. Nous avons tout au long de ce projet travaillé en binôme.

L'association des Artef'acteurs est un collectif d'artisans d'art de la région de Belfort. Ils ont entre 25 et 55 ans et ce sont des personnes qui travaillent seules la plupart du temps. Le but de l'association est de mettre en relation ces artisans afin de les aider à sortir de l'isolement professionnel et à développer leurs activités en regroupant des informations utiles (tels que les fournisseurs, salons, marchés...).

Pour l'instant, l'association dispose d'une page facebook tenue par la fondatrice de l'association, un google drive pour s'échanger des documents et un groupe what'app pour discuter.

L'UX design

L'UX design est décomposé en 6 phases :

  1. La planification sert à comprendre les besoins du client et commencer à réfléchir à qui est l’utilisateur final. On définit également une problématique.
  2. L'exploration sert à comprendre qui est l'utilisateur final.
  3. L'idéation permet de brainstormer, avec des utilisateurs, et de trouver des solutions à notre problématique.
  4. La génération, c'est le moment où le projet prend vie à travers des prototypes.
  5. L'évaluation permet de se rendre compte, en faisant tester le prototype à des utilisateurs, de ce qui va et surtout de ce qui ne va pas.
  6. L'itération, c'est le moment où on corrige ce qui ne va pas, on peut recommencer le processus à partir de la phase d'exploration, d'idéation ou de génération, selon les besoins. Plusieurs itérations peuvent avoir lieu.
les différentes phases de l'ux design

La phase de Planification

Avant toute chose, nous avons établi un plan d'action dans Notion pour pouvoir avoir une vision d'ensemble, du chemin à parcourir pour mener à bien ce projet. Puis, nous avons rencontré la fondatrice de l'association des Artef'acteurs, qui nous a exposé ce qui existait actuellement, et ce qu'elle voudrait pouvoir offrir aux artisans de son association : une plateforme web.

Suite à cet entretien, nous avons reformulé et synthétisé son brief. Nous avons utilisé la méthode des 5 pourquoi pour définir la problématique globale à laquelle nous allions devoir répondre.

Nous nous sommes ensuite intéressées de plus près aux artisans du collectif des Artéf'acteurs, qui étaient donc notre cible. Nous avons donc créé des personas hypothétiques en nous aidant de cartes UX (qui synthétisent en 7 grandes catégories les besoins psychologiques fondamentaux des êtres humains) afin d'entrer en empathie plus facilement.

Synthèse de la problèmatique avec les 5 pourquoi
Utilisation de la technique des 5 pourquoi pour trouver la problématique
Nos 3 personas hypothétiques
Élaboration de 3 personas hypothétiques
Nos 3 cartes UX selectionnées et etayées
Nos 3 cartes UX selectionnées et etayées avec des exemples s'appliquant aux artisans

La phase d'exploration

Durant cette phase, nous avons pu rencontrer 2 artisans du collectif des Artef'acteurs en visioconférence. Au préalable, nous avons donc préparé ces entretiens en rédigeant une quinzaine de questions (les plus ouvertes possibles). Les entretiens ont duré 30 minutes chacun, et nous avons prié nos interlocuteurs de ne pas se brider dans leurs réponses afin de comprendre qui sont les artisans des Artéf'acteurs.

Une fois les entretiens terminés, nous avons retranscrit sur des post-its virtuels (sur Figjam) tout ce qui avait été dit durant les entretiens et nous avons classé ces post-it par catégories, ce qui nous a donc donné un diagramme d'affinités. Grâce à ce diagramme, nous avons pu retravailler notre persona et aussi y inclure un verbatim.

fb artefacteurs
Le diagramme d'affinité dans sa globalité
fb artefacteurs
Extrait du diagramme d'affinité
fb artefacteurs
Le persona

La phase d'idéation

Nous avons tout d'abord réalisé un brainstorming avec mon binôme afin d'imaginer quelles pourraient être les fonctionnalités que pourrait comporter la plateforme des Artéf'acteurs. Puis nous avons préparé l'atelier d'idéation où nous allions recevoir 2 participantes en visioconférence, sur Klaxoon (un site qui permet de collaborer en simultané, comme Figjam).

Le but de l'atelier est de stimuler la créativité des participants en leur exposant au préalable le brief, notre problématique, et notre persona afin qu'ils puissent se glisser dans la peau d'un artisan. Nous avons donc incité les 2 participants à exprimer toutes leurs idées, sans retenue, et de les noter. Nous leur avons ensuite exposé nos idées et leur avons demandé de leur donner une note.

Nous avons ensuite fait la synthèse des idées trouvées et nous avons élaboré l’arborescence du projet. Elle permet de se projeter concrètement dans l'organisation du site en commencant à élaborer le menu principal et imaginer ce qui sera contenu dans les pages. Ensuite, le userflow vient compléter l'arborescence et permet de mettre en évidence les liens entre les pages, les interactions possibles.

le brainstorming à 2
Le brainstorming à 2 avant l'atelier d'idéation
phase 1 de l'atelier d'idéation
Les idées de nos participants lors de l'atelier d'idéation
synthèse de l'atelier d'idéation
La synthèse de l'atelier d'idéation lors de ma présentation au jury
L'arborescence
L'arborescence sur Figjam (en haut et bleu la navbar, en bas et violet le footer)
Le userflow
Le userflow sur Figjam

La phase de génération

Uns fois que nous avions notre userflow, nous pouvions passer aux wireframes sur Excalidraw (schémas très simples des pages) puis au prototypage interactif sur Figma (l'apparence des pages est plus poussée mais surtout les boutons sont fonctionnels). Nous n'avons développé que la partie mentorat, car c'était une idée qui a émergé en atelier d'idéation grâce aux utilisateurs et car le temps nous était compté (formation oblige).

Nous avons développé ce prototypage en appliquant l'approche de l'atomic design. C'est une méthodologie de conception qui divise les interfaces en composants modulaires réutilisables, allant des éléments de base aux éléments plus complexes. Le but étant d'assurer une cohérence et une facilité de maintenance accrues ainsi qu'une meilleure adaptabilité à tous les écrans.

Le but d'un prototype interactif est de pouvoir le faire tester à des utilisateurs avant de développer réellement le produit. Cela permet de déceler en amont ce qui n'est pas compris des utilisateurs (en phase d'évaluation) et donc de pouvoir corriger (en phase d'itération).

les wireframes sur Excalidraw
Les wireframes sur Excalidraw
Le prototypage fonctionnel sur Figma
Le prototypage fonctionnel sur Figma

La phase d'évaluation

Nous avons préparé l'entretien d'évaluation en rédigeant un protocole de test contenant : un scénario, une liste de tâches à faire ainsi que le circuit attendu sur le prototype. Nous avons pu recevoir 2 utilisateurs en visioconférence, pour des tests synchrones. L'utilisateur nous partageait son écran et sa caméra : nous avions donc accès à leurs actions et réactions en direct. Nous avons pu également leur poser à chacun une dizaine de questions.

Nous avons aussi diffusé notre prototype sur Maze, un site qui permet de faire des tests asynchrones. L'utilisateur fait le test tout seul, il suit les instructions que l'on a rentrées dans le site en amont. Évidemment nous n'avons pas pu voir les réactions en direct de ces utilisateurs, par contre, nous avons eu accès aux heatmaps (qui permettent de voir où les utilisateurs ont cliqué).

Nous avons ensuite synthétisé les entretiens et mis en évidence les difficultés que les utilisateurs ont eu, et donc, les points bloquants de notre prototype.

Le protocole de test
Le protocole de test
Une heatmap
Une heatmap du test asynchrone fait sur Maze
les resititutions des entretiens
L'analyse des entretiens synchrones, avec mise en évidence des points bloquants (en rouge)

La phase d'itération

À partir des points bloquants relevés en phase d'évaluation, nous avons rédigé des recommandations de corrections à apporter en rappelant quel était le problème et quelle solution il fallait mettre en place (selon nous).

Nous avons donc corrigé nos prototypes selon ces recommandations. Si ce projet avait été un projet à mener jusqu'au bout, il aurait donc fallu refaire tester les nouveaux prototypes, et ainsi de suite jusqu'à obtention d'une maquette ou il n'y a plus de problème majeur.

Une des recommandations que nous avions à traiter
Une des recommandations que nous avions à traiter
La correction de la recommandation ci-dessus
La correction de la recommandation ci-dessus
Page d'accueil et page mentorat avant les corrections
Page d'accueil et page mentorat avant les corrections
Page d'accueil et page mentorat après les corrections
Page d'accueil et page mentorat après les corrections

Merci de m'avoir lue !

',1),Qp=Zp(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),Gp=[Qp],ev=()=>{window.scrollTo({top:0,left:0})},tv={__name:"artefacteurs2",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe(Oe,null,[f("div",{id:"topPage"},[Yp,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:ev},Gp)])]),D(Qt)],64))}},sv=_e(tv,[["__scopeId","data-v-70c1c858"]]);const No={__name:"PageArtefacteurs",setup(e){return(t,s)=>(ne(),oe("main",null,[D(sv)]))}},nv="/Portfolio3-14h/assets/banniere-on-zen2-91c74aea.jpg",av="/Portfolio3-14h/assets/atomicDesign-onzen-atomes-56dabf24.jpg",iv="/Portfolio3-14h/assets/atomicDesign-onzen-molecules-0301f58b.jpg",ov="/Portfolio3-14h/assets/atomicDesign-onzen-organismes-a0a78dc2.jpg",rv="/Portfolio3-14h/assets/userflow-navbar-footer-onzen-07b38667.jpg",lv="/Portfolio3-14h/assets/userflow-tableau-de-bord-client-onzen-0a60ee42.jpg",cv="/Portfolio3-14h/assets/Vue-ensemble-On-Zen-89428dcc.jpg",dv="/Portfolio3-14h/assets/Modifs-homepage-Onzen-0e5d3008.jpg",uv="/Portfolio3-14h/assets/Page-nosPratiques-onzen-3966a74c.jpg",fv="/Portfolio3-14h/assets/page-notreHistoire-Onzen-bf9d2423.jpg",pv="/Portfolio3-14h/assets/pages-news-onzen-157f7ace.jpg",vv="/Portfolio3-14h/assets/Page-article-blog-onzen-4aaef1c4.jpg",mv="/Portfolio3-14h/assets/contact-tarifs-Onzen-1a8dbebc.jpg",bv="/Portfolio3-14h/assets/Inscription-connexion-onzen-avant-apres-610b947f.jpg",hv="/Portfolio3-14h/assets/tableau-bord-client-onzen-914e4975.jpg";const gv=e=>(Ee("data-v-7d05b1da"),e=e(),Pe(),e),_v=un('
banniere avec logo On-Zen

Remise en contexte

On-Zen est une plateforme dédiée à la mise en relation de praticiens de médecines complémentaires et de clients. Elle se compose de 3 parties :

  1. Un site web accessible sans compte, permettant de rechercher des praticiens, s'informer sur les différentes pratiques de médecine complémentaire ainsi que sur l'entreprise On-Zen et consulter le blog.
  2. Un tableau de bord client permettant de prendre rendez-vous pour soi ou sa famille avec des praticiens.
  3. Un tableau de bord professionnel offrant aux praticiens la gestion de leur agenda et carnet d’adresses, rédaction de recommandations, édition de factures et campagnes de mailing.

J'ai tout d'abord analysé le profil des utilisateurs et la charte graphique, avant de retravailler entièrement le site web et le dashboard client. J'ai principalement réalisé des wireframes et prototypes sur Figma, repensé certains textes, créé des userflows et fait un peu d'intégration sur Symfony.

Le design system

J'ai créé un design system que j'ai étoffé et ajusté au fur et à mesure de la création de nouvelles pages. Il y a tout d'abord les atomes, ou tokens, qui sont les éléments de base (que l'on retrouve souvent dans la charte graphique) tels que les couleurs, les polices utilisées, ou encore les icônes et images. Si on assemble quelques uns de ces éléments de base, on peut par exemple créer un bouton, c'est ce qu'on appelle une molécule. Si on assemble des molécules, on crée des organismes tels que le footer.

atomicDesign-onzen-atomes
Les atomes
atomicDesign-onzen-molecules
Les molécules
atomicDesign-onzen-organismes
Les organismes

Les userflows

Créer des user flows peut être une étape clé dans un projet web dont l'organisation des informations (et des pages) n'est pas encore bien définie. Cela permet d'identifier les CTA, essentiels pour relier les différents éléments entre eux. Cela peut également permettre de mettre en évidence certaines incohérences.

userflow-navbar-footer
Userflow de la navbar et du footer
userflow-tableau-de-bord-client
Userflow du tableau de bord client

Le site web

>> Tester le prototype final sur Figma
Vue globale des pages sur figma
Ensemble des pages réalisées

La homepage

La première modification sur la homepage concernait la partie haute : la recherche. J'ai repensé la mise en page pour qu'elle soit plus compacte et que les champs de recherche n'empiètent plus sur le visage (quelle que soit la taille de l'écran). Il fallait également trouver un moyen de faire la promotion de l'offre destinée aux praticiens.
Ensuite, à l'intérieur des champs de recherche, il y avait des icônes gris clair. L'icône "loupe" n'était pas cliquable, mais l'icône "localisation" et "flèche" l'étaient. L'icône "localisation" permettait de se géolocaliser et l'icône "flèche" permettait d'afficher une barre avec un curseur afin de définir le périmètre de recherche (en km) autour de l'adresse indiquée par l'utilisateur. Ces deux fonctions n'étaient pas du tout visibles à cause de leur couleur gris clair, je les ai donc rendues à nouvau accessibles.

Il manquait sur le site des informations cruciales pour les professionnels, comme les différents forfaits et leurs tarifs associés, ou encore une page contact et une prise de rendez-vous avec un commercial (pour avoir une démonstration). J'ai décidé d'intégrer un menu déroulant dans la navbar comportant en plus du lien vers la page d'inscription, des liens vers une page tarifs, une page de prise de rendez-vous avec On-Zen et une page contact (avec un formulaire).

Globalement les éléments de la homepage prenaient tous beaucoup de place, j'ai donc oeuvré pour réduire la taille de la page en hauteur de façon à ce l'utilisateur scrolle moins et à harmoniser les espaces et les tailles de polices.

Modifications sur la homepage
Les avant/après sur la homepage

Les autres pages du site

Page nos pratiques avant/après
Page nos pratiques avant/après
Page notre histoire avant/après
Page notre histoire avant/après
Page article de blog avant/après
Page blog avant/après
Page blog avant/après
Page article de blog avant/après

Les nouvelles pages

La page contact et tarifs n'existaient pas, il a donc fallu les imaginer.

Page contact et tarif
Page contact et tarif

Le tableau de bord

L'inscription et la connexion

Les pages donnant accès aux tableaux de bord (soit professionnel, soit client) étaient également à revoir. J'ai harmonisé ces 3 pages en créant une fenêtre à 3 onglets. L'inscription pour les professionnels étant un peu longue j'ai décidé de la découper en 4 étapes en intégrant un fil d'ariane.

Inscription-connexion-onzen-avant et après
Les pages de connexion et inscriptions avant et après modification
>> Voir l'inscription des professionnels

Le tableau de bord client

Aperçu du tableau de bord client
Aperçu du tableau de bord client
>> Voir le tableau de bord client en entier

Merci de m'avoir lue !

',1),yv=gv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),xv=[yv],wv=()=>{window.scrollTo({top:0,left:0})},jv={__name:"Onzen",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe(Oe,null,[f("div",{id:"topPage"},[_v,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:wv},xv)])]),D(Qt)],64))}},Ov=_e(jv,[["__scopeId","data-v-7d05b1da"]]);const zo={__name:"PageOnZen",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Ov)]))}},qv="/Portfolio3-14h/assets/banniere-Mukiz2-7c2f7800.jpg",Cv="/Portfolio3-14h/assets/screen-mukiz-existant-1ere-phase-56a6c259.jpg",Ev="/Portfolio3-14h/assets/screen-mukiz-existant-2eme-phase-d22c8bb8.jpg",Pv="/Portfolio3-14h/assets/screen-mukiz-existant-3eme-phase-72a3b7d3.jpg",Tv="/Portfolio3-14h/assets/Mukiz-ecran2et3-1ere-modif-41423285.jpg",$v="/Portfolio3-14h/assets/resume-1er-parcours-mukiz-maze-cc03374e.jpg",Av="/Portfolio3-14h/assets/resume-2eme-parcours-mukiz-maze-a4d9508f.jpg",Mv="/Portfolio3-14h/assets/Mukiz-screen-maquette-finale-6c933a98.jpg";const Sv=e=>(Ee("data-v-4b30572f"),e=e(),Pe(),e),Iv=un('
banniere Mukiz

Remise en contexte

Mukiz est une application de blind test interactif, qui réunit des milliers de joueurs quotidiennement et déjà plus de 250K téléchargements.

Dans le cadre de mon rôle d'UX designer, j'ai investigué les obstacles qui bloquaient certains utilisateurs après le téléchargement de l'application, les empêchant de commencer une première partie.

Analyse de l'existant

Les 3 premiers écrans permettent :

  • d'orienter les joueurs selon leur pays
  • de définir le mode de jeu qu'ils souhaitent (entre amis ou pas)
  • de rappeler les règles
Les 3 premiers écrans de l'app Mukiz
Les 3 premiers écrans de l'application

Le tutoriel commence avec des écrans qui montrent aux utilisateurs les fonctions de micro, clavier et le bouton pour passer à l'extrait suivant si on ne sait pas répondre (écrans 4, 5 et 6).

La partie se lance et une pop-up apparaît (écran 7) rappelant que l'on peut utiliser le micro ou le clavier pour donner ses réponses. L'écran 8 est celui qui apparaît lorsque la musique se lance et que l'on peut jouer.

Les 5 premiers écrans du tutoriel
Les 5 premiers écrans du tutoriel

Entre le 1er et le 2e extrait musical, 3 pop-ups apparaissent (écrans 9, 10, 11) pour informer comment les points sont comptés ainsi que des réponses autorisées et non autorisées. Le tutoriel continue, et se termine, avec un 2e extrait musical à découvrir (écrans 12 et 13).

Les 5 derniers écrans du tutoriel
Les 5 derniers écrans du tutoriel

Tests utilisateurs #1

J'ai rédigé un guide d'entretien et j'ai recruté des utilisateurs. Les résultats des tests que j'ai menés en synchrone sont ceux-ci :

  • 2 participants sur 9 auraient passé le tuto s’ils avaient vu le bouton (les écrans 3, 4, 5 et 6).
  • 3 participants sur 9 estiment qu’ils n’ont rien appris (ou pas grand-chose) d’intéressant sur le 3ᵉ écran.
  • 4 participants sur 9 auraient aimé commencer à jouer plus vite.
  • 8 participants sur 9 apprécient de savoir comment les points sont comptés (écran 9).
  • 9 participants sur 9 trouvent utiles les exemples de réponses possibles (écrans 10 et 11).
  • 9 participants sur 9 aimeraient avoir le choix de plusieurs playlists dès le tutoriel.

Quelques verbatims reflétant les pensées récurrentes des joueurs :

" Je me suis sentie un peu perdue... j’aimerai avoir un bouton : “Je veux jouer seul” ! "

"Ha oui donc il faut pas forcément une réponse super complète ? Juste "Céline" ça suffit ?"

"Ça aurait ete bien qu’il n’y ait le choix entre 2-3 playlists, genre parce que je sais pas si je vais devoir me taper 15 fois Johnny pour pouvoir écouter Pink Floyd par exemple."

Modification des maquettes #1

Il semblait nécessaire de simplifier le nombre d'options sur le deuxième écran pour mieux orienter les nouveaux utilisateurs : la plupart d'entre eux étant seuls et ne connaissant pas l'application, il était important de les diriger vers les parties en solo (ou contre d'autres joueurs en ligne) et de les faire hésiter le moins possible avec l'option des parties entre amis.

Pour le troisième écran, j'ai choisi de supprimer l'encart sur la gamification et de plutôt proposer quatre playlists issues des plus populaires de l'application. J'ai également ajouté une indication pour informer les utilisateurs qu'ils peuvent répondre avec le clavier ou leur voix. Cette modification permet de supprimer les écrans 4, 5 et 6 du tutoriel existant, ce qui réduit le temps d'attente et le nombre de clics avant de lancer la partie.

Modifications de l'écran 2 et 3
Modifications de l'écran 2 et 3
>> Tester le prototype Figma avec les premières modifications

Tests utilisateurs #2

Voici ce qui ressort du test asynchrone sur Maze que j'ai mis en place :

Les joueurs accordent de l'importance au fait de gagner des points. En effet sur les 36 participants, seulement 8 estiment que cela n'a pas ou peu d'importance.

Sur l'écran 1, certains utilisateurs se demandent si le choix d'aller vers "France" ou "reste du monde" va impacter les musiques qu'ils auront (ou sur la langue de l'interface). Il s'avère que si un utilisateur choisit "France" il jouera automatiquement avec la playlist "best of français", alors que s'il choisit "Reste du monde", il jouera automatiquement avec la playlist "best of international". Et concernant la langue, l'application n'existe qu'en français pour l'instant.

97% des utilisateurs arrivent à bon port pour la 1re phase du test, même si 24% font des détours, je pense que sur ces 22%, une grosse majorité veut explorer, et voir ce qui marche, et ce qui ne marche pas. Certains aussi, se dirigent vers les parties entre amis, car ils n'envisagent pas de jouer seul.

"Je me suis posé la question de savoir si le fait de choisir "France" allait influencer la playlist (chansons françaises uniquement...)"

"Je ne joue jamais seule, alors j'ai essayé la partie "Jouer en groupe" mais ça ne fonctionnait pas."

"Le check pour solo/multijoueur m'a perturbé, j'ai cru qu'on pouvait sélectionner les deux"

Screen ecran maze 1ere phase du test
Résultats de la 1ere phase de test

À la fin de la 1re phase de ce test, 73% des participants ont déclaré avoir envie, voir très envie de jouer .

"J’ai envie de jouer et sélectionner une playlist."

"Je ne connaissais pas cette application, j'ai envie de la télécharger actuellement."

Au début de la 2e phase de test, les utilisateurs avaient le choix entre lancer directement la partie ou aller voir les astuces. Les résultats sont très équilibrés puisque :

  • 15/31 n’ont pas cliqué sur les astuces.
  • 16/31 ont cliqué sur les astuces. Parmi ces 16 utilisateurs, 8 ont cliqué sur le bouton " Démarrer la partie" présent sur la pop-up des astuces, 8 sont revenus sur l’écran 3 (soit par habitude faire "retour" ? soit pour choisir une playlist ?) et ont ensuite cliqué sur "Démarrer la partie".
Screen ecran maze 2eme phase du test
Résultats de la 2eme phase de test

"Je n'ai pas cliqué sur le bouton voir les astuces pour pouvoir jouer plus rapidement. Je trouve plus intéressant l'idée d'avoir des astuces entre 2 parties par exemple."

"J'aurai bien aimé avoir une petite explication simple sur les points (qui sont la base dans tout jeu de blind test). "

Modification des maquettes #2

Voici les dernières modifications apportées aux maquettes avant intégration :

  • Simplification des boutons servant à orienter les joueurs à leur arrivée dans l'application, afin de passer de 2 clics à un seul (suppression des cases à cocher vertes).
  • Ajustement du wording des écrans 2 et 3 pour les rendre plus courts et plus clairs.
  • Retrait de la consigne n°2 sur l'écran 3, elle est visible sur la pop-up qui apparaît juste avant le début de la partie. Ajout d’un bouton de validation pour garantir que l'utilisateur ait le temps de lire cette pop-up.
  • Suppression du bouton 'Voir les astuces', les astuces étant à nouveau intégrées sur des pop-ups entre le 1er et le 2ème extrait musical, durant la première partie.
  • Remaniement du wording et de la mise en page des pop-ups d'astuces pour une lecture plus fluide et des exemples mieux adaptés, tant en français qu'à l'international. Remise en place également de la pop-up explicative sur les points.
  • Ajout d'un bouton, accessible pendant la partie, pour revoir les astuces à tout moment.

Maquette finale vue prototype sur figma
Aperçu de la maquette finale
>> Tester le prototype Figma final

Merci de m'avoir lue !

',2),Lv=Sv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),kv=[Lv],Fv=()=>{window.scrollTo({top:0,left:0})},Nv={data(){return{activeSection:null}},methods:{scrollToSection(e){this.activeSection=e;const t=document.getElementById(e);t&&t.scrollIntoView({behavior:"smooth"})}}},zv=Object.assign(Nv,{__name:"Mukiz",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe(Oe,null,[f("div",{id:"topPage"},[Iv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Fv},kv)])]),D(Qt)],64))}}),Rv=_e(zv,[["__scopeId","data-v-4b30572f"]]);const Ro={__name:"PageMukiz",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Rv)]))}},Dv="/Portfolio3-14h/assets/banniere-googleUX2-fd1dafc5.jpg",Uv="/Portfolio3-14h/assets/personna-google-UX-1-40bcbcc3.jpg",Vv="/Portfolio3-14h/assets/personna-google-UX-2-a4c0fec0.jpg",Hv="/Portfolio3-14h/assets/googleUX-wireframes-d5aa2d38.jpg",Bv="/Portfolio3-14h/assets/googleUX-proto1-c5b14fae.jpg";const Kv=e=>(Ee("data-v-c82bdd72"),e=e(),Pe(),e),Wv=un('

- Page en cours de création -


banniere Google ux

Remise en contexte

J'ai décidé de suivre la formation Google UX qui se déroule en ligne, en totale autonomie, afin d'approfondir mes connaissances en UX design. Ce programme compte + de 200 heures de cours et j'applique toutes les méthodes UX en travaillant sur la conception d'une application de prévisualisation de carte pour un café en plein air.

Empathie et idéation

Pour ce projet d'application de carte de café en plein air, j'ai entamé la phase d'empathie en réalisant des interviews pour comprendre les attentes des utilisateurs. Simultanément, j'ai exploré des idées en temps réel, en intégrant leurs retours dans le processus d’idéation au fur et à mesure. Cette approche m'a permis de saisir des besoins comme la facilité d'accès aux informations sur les plats et boissons, et aussi des frustrations comme la pénurie de certains plats pourtant incrits sur la carte ou encore avoir la mauvaise surprise d'avoir un ingrédient détesté dans son plat, tout en commençant à imaginer des solutions créatives pour y répondre. À partir de ces données, j'ai développé des personas qui capturent les motivations des utilisateurs et défini clairement les problématiques à résoudre.

Persona 1 Alicia
Persona 1 Alicia
Persona 2 Victor
Persona 2 Victor

Suite aux interviews et à l’idéation, j'ai approfondi le processus en rédigeant des user stories pour capter les scénarios d'utilisation clés de l'application. Cela m'a permis de définir des énoncés de problèmes spécifiques et de formuler des hypothèses de design, orientées vers l'amélioration de l'expérience utilisateur. Ces étapes ont été essentielles pour clarifier les attentes et les motivations des utilisateurs. Enfin, j'ai établi un objectif clair pour le persona principal, afin de guider le design et de m'assurer que l'application réponde directement aux besoins prioritaires identifiés. J'ai également fait un audit concurrentiel pour chercher quelles pouvaient être les bonnes idées et noter ce qui fonctionne moins bien.

User story du persona Victor

"En tant que père de famille, je veux que la carte liste tous les ingrédients, afin que je puisse trouver un plat qui me convienne vraiment et d’éviter des aliments problématiques pour mon fils (allergique aux noix)."

Énoncé de problème pour le persona Victor

Victor est un père de famille exigeant qui a besoin de commander des plats particuliers pour chacun des membres de sa famille parce qu’ils sont soit exigeants sur la qualité de la nourriture, soit végétarien, soit allergiques.

Hypothèse pour le persona Victor

Si Victor utilise l’application du café, alors il pourra plus facilement voir quels sont les caractéristiques des différents plats proposés à la carte.

Énoncé d'objectif pour le persona Victor

Notre application de prévisualisation de carte pour un café, permettra aux utilisateurs de savoir de quoi son composés les plats et boissons précisément, ce qui aura un impact sur la satisfaction des clients particulièrement exigeants en leur permettant de faire des choix éclairés sans avoir à demander au serveur. Nous mesurerons l'efficacité en questionnant les utilisateurs sur leur satisfaction de la carte.

Création de wireframes et prototype basse fidélité

Dans cette étape, j'ai créé les premiers wireframes basse-fidélité pour l'application de prévisualisation de carte de café, en commençant par des esquisses sur papier pour explorer différentes idées de mise en page et de navigation. Ces wireframes papier m'ont permis de tester rapidement plusieurs concepts, d'identifier des éléments clés à intégrer et de visualiser le parcours utilisateur.

wireframe-papier-googleUX
Quelques wireframes papier

Ensuite, j'ai développé une version numérique de ces wireframes pour affiner la structure de l'application, en créant un prototype basse-fidélité. Cette version numérique m'a permis de vérifier l'agencement des écrans et la fluidité de l'expérience utilisateur, sans me concentrer encore sur les aspects visuels détaillés.

wireframe-numeriques-googleUX
Quelques wireframes numériques

Page en cours de création... la suite bientôt

',3),Xv=Kv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),Jv=[Xv],Zv=()=>{window.scrollTo({top:0,left:0})},Yv={__name:"GoogleUX",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe(Oe,null,[f("div",{id:"topPage"},[Wv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Zv},Jv)])]),D(Qt)],64))}},Qv=_e(Yv,[["__scopeId","data-v-c82bdd72"]]);const Do={__name:"PageGoogleUX",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Qv)]))}};const Uo={__name:"PageContact",setup(e){return(t,s)=>(ne(),oe("main",null,[D(ko)]))}},Gv={"/":Wn,"/realisations":Fo,"/realisations/artefacteurs":No,"/realisations/onzen":zo,"/realisations/mukiz":Ro,"/realisations/googleux":Do,"/contact":Uo},em={name:"App",components:{Header7:kd,HomeView:Wn,PageRealisations:Fo,PageArtefacteurs:No,PageOnZen:zo,PageMukiz:Ro,PageGoogleUX:Do,PageContact:Uo},data(){return{currentPath:window.location.hash}},computed:{currentView(){return Gv[this.currentPath.slice(1)||"/"]||Wn}},mounted(){window.addEventListener("hashchange",()=>{this.currentPath=window.location.hash})}};function tm(e,t,s,n,a,i){const o=mo("Header7");return ne(),oe("div",null,[D(o),(ne(),Eo(lc(i.currentView)))])}const sm=_e(em,[["render",tm]]);function Xn(e,t,s=".",n){if(!On(t))return Xn(e,{},s,n);const a=Object.assign({},t);for(const i in e){if(i==="__proto__"||i==="constructor")continue;const o=e[i];o!=null&&(n&&n(a,i,o,s)||(Array.isArray(o)&&Array.isArray(a[i])?a[i]=[...o,...a[i]]:On(o)&&On(a[i])?a[i]=Xn(o,a[i],(s?`${s}.`:"")+i.toString(),n):a[i]=o))}return a}function On(e){if(e===null||typeof e!="object")return!1;const t=Object.getPrototypeOf(e);return(t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(Symbol.toStringTag in e)&&!(Symbol.iterator in e)}function nm(e){return(...t)=>t.reduce((s,n)=>Xn(s,n,"",e),{})}const am=nm();function Vo(e){return zi()?(el(e),!0):!1}function Oa(e){return typeof e=="function"?e():_t(e)}const im=typeof window<"u"&&typeof document<"u",om=e=>e!=null,rm=Object.prototype.toString,Ws=e=>rm.call(e)==="[object Object]",Ns=()=>{};function lm(e){fn()&&ha(e)}function cs(e){var t;const s=Oa(e);return(t=s==null?void 0:s.$el)!=null?t:s}const Ho=im?window:void 0;function Ke(...e){let t,s,n,a;if(typeof e[0]=="string"||Array.isArray(e[0])?([s,n,a]=e,t=Ho):[t,s,n,a]=e,!t)return Ns;Array.isArray(s)||(s=[s]),Array.isArray(n)||(n=[n]);const i=[],o=()=>{i.forEach(u=>u()),i.length=0},r=(u,p,m,g)=>(u.addEventListener(p,m,g),()=>u.removeEventListener(p,m,g)),l=Ae(()=>[cs(t),Oa(a)],([u,p])=>{if(o(),!u)return;const m=Ws(p)?{...p}:p;i.push(...s.flatMap(g=>n.map(w=>r(u,g,w,m))))},{immediate:!0,flush:"post"}),c=()=>{l(),o()};return Vo(c),c}function cm(){const e=Ze(!1);return fn()&&yt(()=>{e.value=!0}),e}function dm(e){const t=cm();return tt(()=>(t.value,!!e()))}function um(e,t,s={}){const{root:n,rootMargin:a="0px",threshold:i=.1,window:o=Ho,immediate:r=!0}=s,l=dm(()=>o&&"IntersectionObserver"in o),c=tt(()=>{const w=Oa(e);return(Array.isArray(w)?w:[w]).map(cs).filter(om)});let u=Ns;const p=Ze(r),m=l.value?Ae(()=>[c.value,cs(n),p.value],([w,C])=>{if(u(),!p.value||!w.length)return;const M=new IntersectionObserver(t,{root:cs(C),rootMargin:a,threshold:i});w.forEach(F=>F&&M.observe(F)),u=()=>{M.disconnect(),u=Ns}},{immediate:r,flush:"post"}):Ns,g=()=>{u(),m(),p.value=!1};return Vo(g),{isSupported:l,isActive:p,pause(){u(),p.value=!1},resume(){p.value=!0},stop:g}}const Bo=1/60*1e3,fm=typeof performance<"u"?()=>performance.now():()=>Date.now(),Ko=typeof window<"u"?e=>window.requestAnimationFrame(e):e=>setTimeout(()=>e(fm()),Bo);function pm(e){let t=[],s=[],n=0,a=!1,i=!1;const o=new WeakSet,r={schedule:(l,c=!1,u=!1)=>{const p=u&&a,m=p?t:s;return c&&o.add(l),m.indexOf(l)===-1&&(m.push(l),p&&a&&(n=t.length)),l},cancel:l=>{const c=s.indexOf(l);c!==-1&&s.splice(c,1),o.delete(l)},process:l=>{if(a){i=!0;return}if(a=!0,[t,s]=[s,t],s.length=0,n=t.length,n)for(let c=0;c(e[t]=pm(()=>_s=!0),e),{}),Yn=xs.reduce((e,t)=>{const s=vn[t];return e[t]=(n,a=!1,i=!1)=>(_s||hm(),s.schedule(n,a,i)),e},{}),mm=xs.reduce((e,t)=>(e[t]=vn[t].cancel,e),{});xs.reduce((e,t)=>(e[t]=()=>vn[t].process(Ht),e),{});const bm=e=>vn[e].process(Ht),Wo=e=>{_s=!1,Ht.delta=Jn?Bo:Math.max(Math.min(e-Ht.timestamp,vm),1),Ht.timestamp=e,Zn=!0,xs.forEach(bm),Zn=!1,_s&&(Jn=!1,Ko(Wo))},hm=()=>{_s=!0,Jn=!0,Zn||Ko(Wo)},Xo=()=>Ht;function Jo(e,t){var s={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(s[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,n=Object.getOwnPropertySymbols(e);aMath.min(Math.max(s,e),t),qn=.001,_m=.01,Oi=10,ym=.05,xm=1;function wm({duration:e=800,bounce:t=.25,velocity:s=0,mass:n=1}){let a,i;gm(e<=Oi*1e3);let o=1-t;o=Qn(ym,xm,o),e=Qn(_m,Oi,e/1e3),o<1?(a=c=>{const u=c*o,p=u*e,m=u-s,g=Gn(c,o),w=Math.exp(-p);return qn-m/g*w},i=c=>{const p=c*o*e,m=p*s+s,g=Math.pow(o,2)*Math.pow(c,2)*e,w=Math.exp(-p),C=Gn(Math.pow(c,2),o);return(-a(c)+qn>0?-1:1)*((m-g)*w)/C}):(a=c=>{const u=Math.exp(-c*e),p=(c-s)*e+1;return-qn+u*p},i=c=>{const u=Math.exp(-c*e),p=(s-c)*(e*e);return u*p});const r=5/e,l=Om(a,i,r);if(e=e*1e3,isNaN(l))return{stiffness:100,damping:10,duration:e};{const c=Math.pow(l,2)*n;return{stiffness:c,damping:o*2*Math.sqrt(n*c),duration:e}}}const jm=12;function Om(e,t,s){let n=s;for(let a=1;ae[s]!==void 0)}function Em(e){let t=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},e);if(!qi(e,Cm)&&qi(e,qm)){const s=wm(e);t=Object.assign(Object.assign(Object.assign({},t),s),{velocity:0,mass:1}),t.isResolvedFromDuration=!0}return t}function qa(e){var{from:t=0,to:s=1,restSpeed:n=2,restDelta:a}=e,i=Jo(e,["from","to","restSpeed","restDelta"]);const o={done:!1,value:t};let{stiffness:r,damping:l,mass:c,velocity:u,duration:p,isResolvedFromDuration:m}=Em(i),g=Ci,w=Ci;function C(){const M=u?-(u/1e3):0,F=s-t,N=l/(2*Math.sqrt(r*c)),T=Math.sqrt(r/c)/1e3;if(a===void 0&&(a=Math.min(Math.abs(s-t)/100,.4)),N<1){const q=Gn(T,N);g=U=>{const W=Math.exp(-N*T*U);return s-W*((M+N*T*F)/q*Math.sin(q*U)+F*Math.cos(q*U))},w=U=>{const W=Math.exp(-N*T*U);return N*T*W*(Math.sin(q*U)*(M+N*T*F)/q+F*Math.cos(q*U))-W*(Math.cos(q*U)*(M+N*T*F)-q*F*Math.sin(q*U))}}else if(N===1)g=q=>s-Math.exp(-T*q)*(F+(M+T*F)*q);else{const q=T*Math.sqrt(N*N-1);g=U=>{const W=Math.exp(-N*T*U),ie=Math.min(q*U,300);return s-W*((M+N*T*F)*Math.sinh(ie)+q*F*Math.cosh(ie))/q}}}return C(),{next:M=>{const F=g(M);if(m)o.done=M>=p;else{const N=w(M)*1e3,T=Math.abs(N)<=n,q=Math.abs(s-F)<=a;o.done=T&&q}return o.value=o.done?s:F,o},flipTarget:()=>{u=-u,[t,s]=[s,t],C()}}}qa.needsInterpolation=(e,t)=>typeof e=="string"||typeof t=="string";const Ci=e=>0,Zo=(e,t,s)=>{const n=t-e;return n===0?1:(s-e)/n},Ca=(e,t,s)=>-s*e+s*t+e,Yo=(e,t)=>s=>Math.max(Math.min(s,t),e),ds=e=>e%1?Number(e.toFixed(5)):e,ys=/(-)?([\d]*\.?[\d])+/g,ea=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,Pm=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function ws(e){return typeof e=="string"}const js={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},us=Object.assign(Object.assign({},js),{transform:Yo(0,1)}),Ms=Object.assign(Object.assign({},js),{default:1}),Ea=e=>({test:t=>ws(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),qt=Ea("deg"),fs=Ea("%"),K=Ea("px"),Ei=Object.assign(Object.assign({},fs),{parse:e=>fs.parse(e)/100,transform:e=>fs.transform(e*100)}),Pa=(e,t)=>s=>!!(ws(s)&&Pm.test(s)&&s.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(s,t)),Qo=(e,t,s)=>n=>{if(!ws(n))return n;const[a,i,o,r]=n.match(ys);return{[e]:parseFloat(a),[t]:parseFloat(i),[s]:parseFloat(o),alpha:r!==void 0?parseFloat(r):1}},Mt={test:Pa("hsl","hue"),parse:Qo("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:s,alpha:n=1})=>"hsla("+Math.round(e)+", "+fs.transform(ds(t))+", "+fs.transform(ds(s))+", "+ds(us.transform(n))+")"},Tm=Yo(0,255),Cn=Object.assign(Object.assign({},js),{transform:e=>Math.round(Tm(e))}),vt={test:Pa("rgb","red"),parse:Qo("red","green","blue"),transform:({red:e,green:t,blue:s,alpha:n=1})=>"rgba("+Cn.transform(e)+", "+Cn.transform(t)+", "+Cn.transform(s)+", "+ds(us.transform(n))+")"};function $m(e){let t="",s="",n="",a="";return e.length>5?(t=e.substr(1,2),s=e.substr(3,2),n=e.substr(5,2),a=e.substr(7,2)):(t=e.substr(1,1),s=e.substr(2,1),n=e.substr(3,1),a=e.substr(4,1),t+=t,s+=s,n+=n,a+=a),{red:parseInt(t,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:a?parseInt(a,16)/255:1}}const ta={test:Pa("#"),parse:$m,transform:vt.transform},Ie={test:e=>vt.test(e)||ta.test(e)||Mt.test(e),parse:e=>vt.test(e)?vt.parse(e):Mt.test(e)?Mt.parse(e):ta.parse(e),transform:e=>ws(e)?e:e.hasOwnProperty("red")?vt.transform(e):Mt.transform(e)},Go="${c}",er="${n}";function Am(e){var t,s,n,a;return isNaN(e)&&ws(e)&&((s=(t=e.match(ys))===null||t===void 0?void 0:t.length)!==null&&s!==void 0?s:0)+((a=(n=e.match(ea))===null||n===void 0?void 0:n.length)!==null&&a!==void 0?a:0)>0}function tr(e){typeof e=="number"&&(e=`${e}`);const t=[];let s=0;const n=e.match(ea);n&&(s=n.length,e=e.replace(ea,Go),t.push(...n.map(Ie.parse)));const a=e.match(ys);return a&&(e=e.replace(ys,er),t.push(...a.map(js.parse))),{values:t,numColors:s,tokenised:e}}function sr(e){return tr(e).values}function nr(e){const{values:t,numColors:s,tokenised:n}=tr(e),a=t.length;return i=>{let o=n;for(let r=0;rtypeof e=="number"?0:e;function Sm(e){const t=sr(e);return nr(e)(t.map(Mm))}const Os={test:Am,parse:sr,createTransformer:nr,getAnimatableNone:Sm},Im=new Set(["brightness","contrast","saturate","opacity"]);function Lm(e){let[t,s]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[n]=s.match(ys)||[];if(!n)return e;const a=s.replace(n,"");let i=Im.has(t)?1:0;return n!==s&&(i*=100),t+"("+i+a+")"}const km=/([a-z-]*)\(.*?\)/g,sa=Object.assign(Object.assign({},Os),{getAnimatableNone:e=>{const t=e.match(km);return t?t.map(Lm).join(" "):e}});function En(e,t,s){return s<0&&(s+=1),s>1&&(s-=1),s<1/6?e+(t-e)*6*s:s<1/2?t:s<2/3?e+(t-e)*(2/3-s)*6:e}function Pi({hue:e,saturation:t,lightness:s,alpha:n}){e/=360,t/=100,s/=100;let a=0,i=0,o=0;if(!t)a=i=o=s;else{const r=s<.5?s*(1+t):s+t-s*t,l=2*s-r;a=En(l,r,e+1/3),i=En(l,r,e),o=En(l,r,e-1/3)}return{red:Math.round(a*255),green:Math.round(i*255),blue:Math.round(o*255),alpha:n}}const Fm=(e,t,s)=>{const n=e*e,a=t*t;return Math.sqrt(Math.max(0,s*(a-n)+n))},Nm=[ta,vt,Mt],Ti=e=>Nm.find(t=>t.test(e)),ar=(e,t)=>{let s=Ti(e),n=Ti(t),a=s.parse(e),i=n.parse(t);s===Mt&&(a=Pi(a),s=vt),n===Mt&&(i=Pi(i),n=vt);const o=Object.assign({},a);return r=>{for(const l in o)l!=="alpha"&&(o[l]=Fm(a[l],i[l],r));return o.alpha=Ca(a.alpha,i.alpha,r),s.transform(o)}},zm=e=>typeof e=="number",Rm=(e,t)=>s=>t(e(s)),ir=(...e)=>e.reduce(Rm);function or(e,t){return zm(e)?s=>Ca(e,t,s):Ie.test(e)?ar(e,t):lr(e,t)}const rr=(e,t)=>{const s=[...e],n=s.length,a=e.map((i,o)=>or(i,t[o]));return i=>{for(let o=0;o{const s=Object.assign(Object.assign({},e),t),n={};for(const a in s)e[a]!==void 0&&t[a]!==void 0&&(n[a]=or(e[a],t[a]));return a=>{for(const i in n)s[i]=n[i](a);return s}};function $i(e){const t=Os.parse(e),s=t.length;let n=0,a=0,i=0;for(let o=0;o{const s=Os.createTransformer(t),n=$i(e),a=$i(t);return n.numHSL===a.numHSL&&n.numRGB===a.numRGB&&n.numNumbers>=a.numNumbers?ir(rr(n.parsed,a.parsed),s):o=>`${o>0?t:e}`},Um=(e,t)=>s=>Ca(e,t,s);function Vm(e){if(typeof e=="number")return Um;if(typeof e=="string")return Ie.test(e)?ar:lr;if(Array.isArray(e))return rr;if(typeof e=="object")return Dm}function Hm(e,t,s){const n=[],a=s||Vm(e[0]),i=e.length-1;for(let o=0;os(Zo(e,t,n))}function Km(e,t){const s=e.length,n=s-1;return a=>{let i=0,o=!1;if(a<=e[0]?o=!0:a>=e[n]&&(i=n-1,o=!0),!o){let l=1;for(;la||l===n);l++);i=l-1}const r=Zo(e[i],e[i+1],a);return t[i](r)}}function cr(e,t,{clamp:s=!0,ease:n,mixer:a}={}){const i=e.length;ji(i===t.length),ji(!n||!Array.isArray(n)||n.length===i-1),e[0]>e[i-1]&&(e=[].concat(e),t=[].concat(t),e.reverse(),t.reverse());const o=Hm(t,n,a),r=i===2?Bm(e,o):Km(e,o);return s?l=>r(Qn(e[0],e[i-1],l)):r}const mn=e=>t=>1-e(1-t),Ta=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Wm=e=>t=>Math.pow(t,e),dr=e=>t=>t*t*((e+1)*t-e),Xm=e=>{const t=dr(e);return s=>(s*=2)<1?.5*t(s):.5*(2-Math.pow(2,-10*(s-1)))},ur=1.525,Jm=4/11,Zm=8/11,Ym=9/10,fr=e=>e,$a=Wm(2),Qm=mn($a),pr=Ta($a),vr=e=>1-Math.sin(Math.acos(e)),mr=mn(vr),Gm=Ta(mr),Aa=dr(ur),eb=mn(Aa),tb=Ta(Aa),sb=Xm(ur),nb=4356/361,ab=35442/1805,ib=16061/1805,Xs=e=>{if(e===1||e===0)return e;const t=e*e;return ee<.5?.5*(1-Xs(1-e*2)):.5*Xs(e*2-1)+.5;function lb(e,t){return e.map(()=>t||pr).splice(0,e.length-1)}function cb(e){const t=e.length;return e.map((s,n)=>n!==0?n/(t-1):0)}function db(e,t){return e.map(s=>s*t)}function zs({from:e=0,to:t=1,ease:s,offset:n,duration:a=300}){const i={done:!1,value:e},o=Array.isArray(t)?t:[e,t],r=db(n&&n.length===o.length?n:cb(o),a);function l(){return cr(r,o,{ease:Array.isArray(s)?s:lb(o,s)})}let c=l();return{next:u=>(i.value=c(u),i.done=u>=a,i),flipTarget:()=>{o.reverse(),c=l()}}}function ub({velocity:e=0,from:t=0,power:s=.8,timeConstant:n=350,restDelta:a=.5,modifyTarget:i}){const o={done:!1,value:t};let r=s*e;const l=t+r,c=i===void 0?l:i(l);return c!==l&&(r=c-t),{next:u=>{const p=-r*Math.exp(-u/n);return o.done=!(p>a||p<-a),o.value=o.done?c:c+p,o},flipTarget:()=>{}}}const Ai={keyframes:zs,spring:qa,decay:ub};function fb(e){if(Array.isArray(e.to))return zs;if(Ai[e.type])return Ai[e.type];const t=new Set(Object.keys(e));return t.has("ease")||t.has("duration")&&!t.has("dampingRatio")?zs:t.has("dampingRatio")||t.has("stiffness")||t.has("mass")||t.has("damping")||t.has("restSpeed")||t.has("restDelta")?qa:zs}function br(e,t,s=0){return e-t-s}function pb(e,t,s=0,n=!0){return n?br(t+-e,t,s):t-(e-t)+s}function vb(e,t,s,n){return n?e>=t+s:e<=-s}const mb=e=>{const t=({delta:s})=>e(s);return{start:()=>Yn.update(t,!0),stop:()=>mm.update(t)}};function hr(e){var t,s,{from:n,autoplay:a=!0,driver:i=mb,elapsed:o=0,repeat:r=0,repeatType:l="loop",repeatDelay:c=0,onPlay:u,onStop:p,onComplete:m,onRepeat:g,onUpdate:w}=e,C=Jo(e,["from","autoplay","driver","elapsed","repeat","repeatType","repeatDelay","onPlay","onStop","onComplete","onRepeat","onUpdate"]);let{to:M}=C,F,N=0,T=C.duration,q,U=!1,W=!0,ie;const $=fb(C);!((s=(t=$).needsInterpolation)===null||s===void 0)&&s.call(t,n,M)&&(ie=cr([0,100],[n,M],{clamp:!1}),n=0,M=100);const B=$(Object.assign(Object.assign({},C),{from:n,to:M}));function J(){N++,l==="reverse"?(W=N%2===0,o=pb(o,T,c,W)):(o=br(o,T,c),l==="mirror"&&B.flipTarget()),U=!1,g&&g()}function A(){F.stop(),m&&m()}function h(S){if(W||(S=-S),o+=S,!U){const ce=B.next(Math.max(0,o));q=ce.value,ie&&(q=ie(q)),U=W?ce.done:o<=0}w==null||w(q),U&&(N===0&&(T??(T=o)),N{p==null||p(),F.stop()}}}function gr(e,t){return t?e*(1e3/t):0}function bb({from:e=0,velocity:t=0,min:s,max:n,power:a=.8,timeConstant:i=750,bounceStiffness:o=500,bounceDamping:r=10,restDelta:l=1,modifyTarget:c,driver:u,onUpdate:p,onComplete:m,onStop:g}){let w;function C(T){return s!==void 0&&Tn}function M(T){return s===void 0?n:n===void 0||Math.abs(s-T){var U;p==null||p(q),(U=T.onUpdate)===null||U===void 0||U.call(T,q)},onComplete:m,onStop:g}))}function N(T){F(Object.assign({type:"spring",stiffness:o,damping:r,restDelta:l},T))}if(C(e))N({from:e,velocity:t,to:M(e)});else{let T=a*t+e;typeof c<"u"&&(T=c(T));const q=M(T),U=q===s?-1:1;let W,ie;const $=B=>{W=ie,ie=B,t=gr(B-W,Xo().delta),(U===1&&B>q||U===-1&&Bw==null?void 0:w.stop()}}const _r=(e,t)=>1-3*t+3*e,yr=(e,t)=>3*t-6*e,xr=e=>3*e,Js=(e,t,s)=>((_r(t,s)*e+yr(t,s))*e+xr(t))*e,wr=(e,t,s)=>3*_r(t,s)*e*e+2*yr(t,s)*e+xr(t),hb=1e-7,gb=10;function _b(e,t,s,n,a){let i,o,r=0;do o=t+(s-t)/2,i=Js(o,n,a)-e,i>0?s=o:t=o;while(Math.abs(i)>hb&&++r=xb?wb(o,p,e,s):m===0?p:_b(o,r,r+Ss,e,s)}return o=>o===0||o===1?o:Js(i(o),t,n)}const Pn={};class Ob{constructor(){this.subscriptions=new Set}add(t){return this.subscriptions.add(t),()=>this.subscriptions.delete(t)}notify(t,s,n){if(this.subscriptions.size)for(const a of this.subscriptions)a(t,s,n)}clear(){this.subscriptions.clear()}}function Mi(e){return!isNaN(parseFloat(e))}class qb{constructor(t){this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Ob,this.canTrackVelocity=!1,this.updateAndNotify=s=>{this.prev=this.current,this.current=s;const{delta:n,timestamp:a}=Xo();this.lastUpdated!==a&&(this.timeDelta=n,this.lastUpdated=a),Yn.postRender(this.scheduleVelocityCheck),this.updateSubscribers.notify(this.current)},this.scheduleVelocityCheck=()=>Yn.postRender(this.velocityCheck),this.velocityCheck=({timestamp:s})=>{this.canTrackVelocity||(this.canTrackVelocity=Mi(this.current)),s!==this.lastUpdated&&(this.prev=this.current)},this.prev=this.current=t,this.canTrackVelocity=Mi(this.current)}onChange(t){return this.updateSubscribers.add(t)}clearListeners(){this.updateSubscribers.clear()}set(t){this.updateAndNotify(t)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?gr(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(s=>{const{stop:n}=t(s);this.stopAnimation=n}).then(()=>this.clearAnimation())}stop(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()}isAnimating(){return!!this.stopAnimation}clearAnimation(){this.stopAnimation=null}destroy(){this.updateSubscribers.clear(),this.stop()}}function Cb(e){return new qb(e)}const{isArray:Eb}=Array;function Pb(){const e=Ze({}),t=n=>{const a=i=>{e.value[i]&&(e.value[i].stop(),e.value[i].destroy(),delete e.value[i])};n?Eb(n)?n.forEach(a):a(n):Object.keys(e.value).forEach(a)},s=(n,a,i)=>{if(e.value[n])return e.value[n];const o=Cb(a);return o.onChange(r=>i[n]=r),e.value[n]=o,o};return lm(t),{motionValues:e,get:s,stop:t}}function Tb(e){return Array.isArray(e)}function Ct(){return{type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}}function Tn(e){return{type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restDelta:.01,restSpeed:10}}function $b(e){return{type:"spring",stiffness:550,damping:e===0?100:30,restDelta:.01,restSpeed:10}}function $n(){return{type:"keyframes",ease:"linear",duration:300}}function Ab(e){return{type:"keyframes",duration:800,values:e}}const Si={default:$b,x:Ct,y:Ct,z:Ct,rotate:Ct,rotateX:Ct,rotateY:Ct,rotateZ:Ct,scaleX:Tn,scaleY:Tn,scale:Tn,backgroundColor:$n,color:$n,opacity:$n};function jr(e,t){let s;return Tb(t)?s=Ab:s=Si[e]||Si.default,{to:t,...s(t)}}const Ii={...js,transform:Math.round},Or={color:Ie,backgroundColor:Ie,outlineColor:Ie,fill:Ie,stroke:Ie,borderColor:Ie,borderTopColor:Ie,borderRightColor:Ie,borderBottomColor:Ie,borderLeftColor:Ie,borderWidth:K,borderTopWidth:K,borderRightWidth:K,borderBottomWidth:K,borderLeftWidth:K,borderRadius:K,radius:K,borderTopLeftRadius:K,borderTopRightRadius:K,borderBottomRightRadius:K,borderBottomLeftRadius:K,width:K,maxWidth:K,height:K,maxHeight:K,size:K,top:K,right:K,bottom:K,left:K,padding:K,paddingTop:K,paddingRight:K,paddingBottom:K,paddingLeft:K,margin:K,marginTop:K,marginRight:K,marginBottom:K,marginLeft:K,rotate:qt,rotateX:qt,rotateY:qt,rotateZ:qt,scale:Ms,scaleX:Ms,scaleY:Ms,scaleZ:Ms,skew:qt,skewX:qt,skewY:qt,distance:K,translateX:K,translateY:K,translateZ:K,x:K,y:K,z:K,perspective:K,transformPerspective:K,opacity:us,originX:Ei,originY:Ei,originZ:K,zIndex:Ii,filter:sa,WebkitFilter:sa,fillOpacity:us,strokeOpacity:us,numOctaves:Ii},Ma=e=>Or[e];function qr(e,t){return t&&typeof e=="number"&&t.transform?t.transform(e):e}function Mb(e,t){let s=Ma(e);return s!==sa&&(s=Os),s.getAnimatableNone?s.getAnimatableNone(t):void 0}const Sb={linear:fr,easeIn:$a,easeInOut:pr,easeOut:Qm,circIn:vr,circInOut:Gm,circOut:mr,backIn:Aa,backInOut:tb,backOut:eb,anticipate:sb,bounceIn:ob,bounceInOut:rb,bounceOut:Xs};function Li(e){if(Array.isArray(e)){const[t,s,n,a]=e;return jb(t,s,n,a)}else if(typeof e=="string")return Sb[e];return e}function Ib(e){return Array.isArray(e)&&typeof e[0]!="number"}function ki(e,t){return e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&Os.test(t)&&!t.startsWith("url("))}function Lb(e){return Array.isArray(e.to)&&e.to[0]===null&&(e.to=[...e.to],e.to[0]=e.from),e}function kb({ease:e,times:t,delay:s,...n}){const a={...n};return t&&(a.offset=t),e&&(a.ease=Ib(e)?e.map(Li):Li(e)),s&&(a.elapsed=-s),a}function Fb(e,t,s){return Array.isArray(t.to)&&(e.duration||(e.duration=800)),Lb(t),Nb(e)||(e={...e,...jr(s,t.to)}),{...t,...kb(e)}}function Nb({delay:e,repeat:t,repeatType:s,repeatDelay:n,from:a,...i}){return!!Object.keys(i).length}function zb(e,t){return e[t]||e.default||e}function Rb(e,t,s,n,a){const i=zb(n,e);let o=i.from===null||i.from===void 0?t.get():i.from;const r=ki(e,s);o==="none"&&r&&typeof s=="string"&&(o=Mb(e,s));const l=ki(e,o);function c(p){const m={from:o,to:s,velocity:n.velocity?n.velocity:t.getVelocity(),onUpdate:g=>t.set(g)};return i.type==="inertia"||i.type==="decay"?bb({...m,...i}):hr({...Fb(i,m,e),onUpdate:g=>{m.onUpdate(g),i.onUpdate&&i.onUpdate(g)},onComplete:()=>{n.onComplete&&n.onComplete(),a&&a(),p&&p()}})}function u(p){return t.set(s),n.onComplete&&n.onComplete(),a&&a(),p&&p(),{stop:()=>{}}}return!l||!r||i.type===!1?u:c}function Db(){const{motionValues:e,stop:t,get:s}=Pb();return{motionValues:e,stop:t,push:(a,i,o,r={},l)=>{const c=o[a],u=s(a,c,o);if(r&&r.immediate){u.set(i);return}const p=Rb(a,u,i,r,l);u.start(p)}}}function Ub(e,t={},{motionValues:s,push:n,stop:a}=Db()){const i=_t(t),o=Ze(!1);Ae(s,p=>{o.value=Object.values(p).filter(m=>m.isAnimating()).length>0},{immediate:!0,deep:!0});const r=p=>{if(!i||!i[p])throw new Error(`The variant ${p} does not exist.`);return i[p]},l=p=>(typeof p=="string"&&(p=r(p)),Promise.all(Object.entries(p).map(([m,g])=>{if(m!=="transition")return new Promise(w=>n(m,g,e,p.transition||jr(m,p[m]),w))}).filter(Boolean)));return{isAnimating:o,apply:l,set:p=>{const m=Ws(p)?p:r(p);Object.entries(m).forEach(([g,w])=>{g!=="transition"&&n(g,w,e,{immediate:!0})})},leave:async p=>{let m;if(i&&(i.leave&&(m=i.leave),!i.leave&&i.initial&&(m=i.initial)),!m){p();return}await l(m),p()},stop:a}}const Sa=typeof window<"u",Vb=()=>Sa&&window.onpointerdown===null,Hb=()=>Sa&&window.ontouchstart===null,Bb=()=>Sa&&window.onmousedown===null;function Kb({target:e,state:t,variants:s,apply:n}){const a=_t(s),i=Ze(!1),o=Ze(!1),r=Ze(!1),l=tt(()=>{let u=[];return a&&(a.hovered&&(u=[...u,...Object.keys(a.hovered)]),a.tapped&&(u=[...u,...Object.keys(a.tapped)]),a.focused&&(u=[...u,...Object.keys(a.focused)])),u}),c=tt(()=>{const u={};Object.assign(u,t.value),i.value&&a.hovered&&Object.assign(u,a.hovered),o.value&&a.tapped&&Object.assign(u,a.tapped),r.value&&a.focused&&Object.assign(u,a.focused);for(const p in u)l.value.includes(p)||delete u[p];return u});a.hovered&&(Ke(e,"mouseenter",()=>i.value=!0),Ke(e,"mouseleave",()=>{i.value=!1,o.value=!1}),Ke(e,"mouseout",()=>{i.value=!1,o.value=!1})),a.tapped&&(Bb()&&(Ke(e,"mousedown",()=>o.value=!0),Ke(e,"mouseup",()=>o.value=!1)),Vb()&&(Ke(e,"pointerdown",()=>o.value=!0),Ke(e,"pointerup",()=>o.value=!1)),Hb()&&(Ke(e,"touchstart",()=>o.value=!0),Ke(e,"touchend",()=>o.value=!1))),a.focused&&(Ke(e,"focus",()=>r.value=!0),Ke(e,"blur",()=>r.value=!1)),Ae(c,n)}function Wb({set:e,target:t,variants:s,variant:n}){const a=_t(s);Ae(()=>t,()=>{a&&(a.initial&&e("initial"),a.enter&&(n.value="enter"))},{immediate:!0,flush:"pre"})}function Xb({state:e,apply:t}){Ae(e,s=>{s&&t(s)},{immediate:!0})}function Jb({target:e,variants:t,variant:s}){const n=_t(t);n&&(n.visible||n.visibleOnce)&&um(e,([{isIntersecting:a}])=>{n.visible?a?s.value="visible":s.value="initial":n.visibleOnce&&(a&&s.value!=="visibleOnce"?s.value="visibleOnce":s.value||(s.value="initial"))})}function Zb(e,t={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){t.lifeCycleHooks&&Wb(e),t.syncVariants&&Xb(e),t.visibilityHooks&&Jb(e),t.eventListeners&&Kb(e)}function Cr(e={}){const t=kt({...e}),s=Ze({});return Ae(t,()=>{const n={};for(const[a,i]of Object.entries(t)){const o=Ma(a),r=qr(i,o);n[a]=r}s.value=n},{immediate:!0,deep:!0}),{state:t,style:s}}function Ia(e,t){Ae(()=>cs(e),s=>{s&&t(s)},{immediate:!0})}const Yb={x:"translateX",y:"translateY",z:"translateZ"};function Er(e={},t=!0){const s=kt({...e}),n=Ze("");return Ae(s,a=>{let i="",o=!1;if(t&&(a.x||a.y||a.z)){const r=[a.x||0,a.y||0,a.z||0].map(K.transform).join(",");i+=`translate3d(${r}) `,o=!0}for(const[r,l]of Object.entries(a)){if(t&&(r==="x"||r==="y"||r==="z"))continue;const c=Ma(r),u=qr(l,c);i+=`${Yb[r]||r}(${u}) `}t&&!o&&(i+="translateZ(0px) "),n.value=i.trim()},{immediate:!0,deep:!0}),{state:s,transform:n}}const Qb=["","X","Y","Z"],Gb=["perspective","translate","scale","rotate","skew"],Pr=["transformPerspective","x","y","z"];Gb.forEach(e=>{Qb.forEach(t=>{const s=e+t;Pr.push(s)})});const eh=new Set(Pr);function La(e){return eh.has(e)}const th=new Set(["originX","originY","originZ"]);function Tr(e){return th.has(e)}function sh(e){const t={},s={};return Object.entries(e).forEach(([n,a])=>{La(n)||Tr(n)?t[n]=a:s[n]=a}),{transform:t,style:s}}function $r(e){const{transform:t,style:s}=sh(e),{transform:n}=Er(t),{style:a}=Cr(s);return n.value&&(a.value.transform=n.value),a.value}function nh(e,t){let s,n;const{state:a,style:i}=Cr();return Ia(e,o=>{n=o;for(const r of Object.keys(Or))o.style[r]===null||o.style[r]===""||La(r)||Tr(r)||(a[r]=o.style[r]);s&&Object.entries(s).forEach(([r,l])=>o.style[r]=l),t&&t(a)}),Ae(i,o=>{if(!n){s=o;return}for(const r in o)n.style[r]=o[r]},{immediate:!0}),{style:a}}function ah(e){const t=e.trim().split(/\) |\)/);if(t.length===1)return{};const s=n=>n.endsWith("px")||n.endsWith("deg")?parseFloat(n):isNaN(Number(n))?Number(n):n;return t.reduce((n,a)=>{if(!a)return n;const[i,o]=a.split("("),l=o.split(",").map(u=>s(u.endsWith(")")?u.replace(")",""):u.trim())),c=l.length===1?l[0]:l;return{...n,[i]:c}},{})}function ih(e,t){Object.entries(ah(t)).forEach(([s,n])=>{const a=["x","y","z"];if(s==="translate3d"){if(n===0){a.forEach(i=>e[i]=0);return}n.forEach((i,o)=>e[a[o]]=i);return}if(n=parseFloat(n),s==="translateX"){e.x=n;return}if(s==="translateY"){e.y=n;return}if(s==="translateZ"){e.z=n;return}e[s]=n})}function oh(e,t){let s,n;const{state:a,transform:i}=Er();return Ia(e,o=>{n=o,o.style.transform&&ih(a,o.style.transform),s&&(o.style.transform=s),t&&t(a)}),Ae(i,o=>{if(!n){s=o;return}n.style.transform=o},{immediate:!0}),{transform:a}}function rh(e,t){const s=kt({}),n=o=>Object.entries(o).forEach(([r,l])=>s[r]=l),{style:a}=nh(e,n),{transform:i}=oh(e,n);return Ae(s,o=>{Object.entries(o).forEach(([r,l])=>{const c=La(r)?i:a;c[r]&&c[r]===l||(c[r]=l)})},{immediate:!0,deep:!0}),Ia(e,()=>t&&n(t)),{motionProperties:s,style:a,transform:i}}function lh(e={}){const t=_t(e),s=Ze();return{state:tt(()=>{if(s.value)return t[s.value]}),variant:s}}function Ar(e,t={},s){const{motionProperties:n}=rh(e),{variant:a,state:i}=lh(t),o=Ub(n,t),r={target:e,variant:a,variants:t,state:i,motionProperties:n,...o};return Zb(r,s),r}const ch=["initial","enter","leave","visible","visible-once","hovered","tapped","focused","delay"];function dh(e,t){const s=e.props?e.props:e.data&&e.data.attrs?e.data.attrs:{};s&&(s.variants&&Ws(s.variants)&&(t.value={...t.value,...s.variants}),ch.forEach(n=>{if(n==="delay"){if(s&&s[n]&&typeof s[n]=="number"){const a=s[n];t&&t.value&&(t.value.enter&&(t.value.enter.transition||(t.value.enter.transition={}),t.value.enter.transition={delay:a,...t.value.enter.transition}),t.value.visible&&(t.value.visible.transition||(t.value.visible.transition={}),t.value.visible.transition={delay:a,...t.value.visible.transition}),t.value.visibleOnce&&(t.value.visibleOnce.transition||(t.value.visibleOnce.transition={}),t.value.visibleOnce.transition={delay:a,...t.value.visibleOnce.transition}))}return}n==="visible-once"&&(n="visibleOnce"),s&&s[n]&&Ws(s[n])&&(t.value[n]=s[n])}))}function An(e){return{created:(s,n,a)=>{const i=n.value&&typeof n.value=="string"?n.value:a.key;i&&Pn[i]&&Pn[i].stop();const o=Ze(e||{});typeof n.value=="object"&&(o.value=n.value),dh(a,o);const r=Ar(s,o);s.motionInstance=r,i&&(Pn[i]=r)},getSSRProps(s,n){let{initial:a}=s.value||n&&(n==null?void 0:n.props)||{};a=_t(a);const i=am((e==null?void 0:e.initial)||{},a||{});return!i||Object.keys(i).length===0?void 0:{style:$r(i)}}}}const uh={initial:{opacity:0},enter:{opacity:1}},fh={initial:{opacity:0},visible:{opacity:1}},ph={initial:{opacity:0},visibleOnce:{opacity:1}},vh={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},mh={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},bh={initial:{scale:0,opacity:0},visibleOnce:{scale:1,opacity:1}},hh={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},gh={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},_h={initial:{x:-100,rotate:90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},yh={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},xh={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},wh={initial:{x:100,rotate:-90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},jh={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Oh={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},qh={initial:{y:-100,rotate:-90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},Ch={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Eh={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Ph={initial:{y:100,rotate:90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},Th={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},$h={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},Ah={initial:{x:-100,opacity:0},visibleOnce:{x:0,opacity:1}},Mh={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},Sh={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},Ih={initial:{x:100,opacity:0},visibleOnce:{x:0,opacity:1}},Lh={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},kh={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},Fh={initial:{y:-100,opacity:0},visibleOnce:{y:0,opacity:1}},Nh={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},zh={initial:{y:100,opacity:0},visible:{y:0,opacity:1}},Rh={initial:{y:100,opacity:0},visibleOnce:{y:0,opacity:1}},na={__proto__:null,fade:uh,fadeVisible:fh,fadeVisibleOnce:ph,pop:vh,popVisible:mh,popVisibleOnce:bh,rollBottom:Ch,rollLeft:hh,rollRight:yh,rollTop:jh,rollVisibleBottom:Eh,rollVisibleLeft:gh,rollVisibleOnceBottom:Ph,rollVisibleOnceLeft:_h,rollVisibleOnceRight:wh,rollVisibleOnceTop:qh,rollVisibleRight:xh,rollVisibleTop:Oh,slideBottom:Nh,slideLeft:Th,slideRight:Mh,slideTop:Lh,slideVisibleBottom:zh,slideVisibleLeft:$h,slideVisibleOnceBottom:Rh,slideVisibleOnceLeft:Ah,slideVisibleOnceRight:Ih,slideVisibleOnceTop:Fh,slideVisibleRight:Sh,slideVisibleTop:kh},Dh=Yl({props:{is:{type:[String,Object],required:!1},preset:{type:String,required:!1},instance:{type:Object,required:!1},variants:{type:Object,required:!1},initial:{type:Object,required:!1},enter:{type:Object,required:!1},leave:{type:Object,required:!1},visible:{type:Object,required:!1},visibleOnce:{type:Object,required:!1},hovered:{type:Object,required:!1},tapped:{type:Object,required:!1},focused:{type:Object,required:!1},delay:{type:[Number,String],required:!1}},setup(e){var r;const t=uc(),s=kt({});if(!e.is&&!t.default)return()=>Bn("div",{});const n=tt(()=>{let l;return e.preset&&(l=na[e.preset]),l}),a=tt(()=>({initial:e.initial,enter:e.enter,leave:e.leave,visible:e.visible,visibleOnce:e.visibleOnce,hovered:e.hovered,tapped:e.tapped,focused:e.focused})),i=tt(()=>{const l={...a.value,...n.value||{},...e.variants||{}};return e.delay&&(l.enter.transition={...l.enter.transition},l.enter.transition.delay=parseInt(e.delay)),l}),o=tt(()=>{if(!e.is)return;let l=e.is;return typeof o.value=="string"&&!Jr(l)&&(l=mo(l)),l});if(((r=process==null?void 0:process.env)==null?void 0:r.NODE_ENV)==="development"||process!=null&&process.dev){const l=c=>{var u;(u=c.variants)!=null&&u.initial&&c.set("initial"),setTimeout(()=>{var p,m,g;(p=c.variants)!=null&&p.enter&&c.apply("enter"),(m=c.variants)!=null&&m.visible&&c.apply("visible"),(g=c.variants)!=null&&g.visibleOnce&&c.apply("visibleOnce")},10)};vo(()=>Object.entries(s).forEach(([c,u])=>l(u)))}return{slots:t,component:o,motionConfig:i,instances:s}},render({slots:e,motionConfig:t,instances:s,component:n}){var r;const a=$r(t.initial||{}),i=(l,c)=>(l.props||(l.props={}),l.props.style=a,l.props.onVnodeMounted=({el:u})=>{const p=Ar(u,t);s[c]=p},l);if(n){const l=Bn(n,void 0,e);return i(l,0),l}return(((r=e.default)==null?void 0:r.call(e))||[]).map((l,c)=>i(l,c))}});function Uh(e){const t="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;",s="aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------",n=new RegExp(t.split("").join("|"),"g");return e.toString().replace(/[A-Z]/g,a=>`-${a}`).toLowerCase().replace(/\s+/g,"-").replace(n,a=>s.charAt(t.indexOf(a))).replace(/&/g,"-and-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}const Vh={install(e,t){if(e.directive("motion",An()),e.component("Motion",Dh),!t||t&&!t.excludePresets)for(const s in na){const n=na[s];e.directive(`motion-${Uh(s)}`,An(n))}if(t&&t.directives)for(const s in t.directives){const n=t.directives[s];!n.initial&&__DEV__&&console.warn(`Your directive v-motion-${s} is missing initial variant!`),e.directive(`motion-${s}`,An(n))}}};var Hh=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Bh(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Mr={exports:{}};(function(e,t){(function(s,n){e.exports=n()})(Hh,function(){return function(s){function n(i){if(a[i])return a[i].exports;var o=a[i]={exports:{},id:i,loaded:!1};return s[i].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}var a={};return n.m=s,n.c=a,n.p="dist/",n(0)}([function(s,n,a){function i(S){return S&&S.__esModule?S:{default:S}}var o=Object.assign||function(S){for(var ce=1;ce0&&arguments[0]!==void 0&&arguments[0];if(S&&(ie=!0),ie)return W=(0,T.default)(W,$),(0,F.default)(W,$.once),W},J=function(){W=(0,U.default)(),B()},A=function(){W.forEach(function(S,ce){S.node.removeAttribute("data-aos"),S.node.removeAttribute("data-aos-easing"),S.node.removeAttribute("data-aos-duration"),S.node.removeAttribute("data-aos-delay")})},h=function(S){return S===!0||S==="mobile"&&C.default.mobile()||S==="phone"&&C.default.phone()||S==="tablet"&&C.default.tablet()||typeof S=="function"&&S()===!0},L=function(S){$=o($,S),W=(0,U.default)();var ce=document.all&&!window.atob;return h($.disable)||ce?A():($.disableMutationObserver||g.default.isSupported()||(console.info(` aos: MutationObserver is not supported on this browser, code mutations observing has been disabled. You may have to call "refreshHard()" by yourself. - `),$.disableMutationObserver=!0),document.querySelector("body").setAttribute("data-aos-easing",$.easing),document.querySelector("body").setAttribute("data-aos-duration",$.duration),document.querySelector("body").setAttribute("data-aos-delay",$.delay),$.startEvent==="DOMContentLoaded"&&["complete","interactive"].indexOf(document.readyState)>-1?B(!0):$.startEvent==="load"?window.addEventListener($.startEvent,function(){B(!0)}):document.addEventListener($.startEvent,function(){B(!0)}),window.addEventListener("resize",(0,p.default)(B,$.debounceDelay,!0)),window.addEventListener("orientationchange",(0,p.default)(B,$.debounceDelay,!0)),window.addEventListener("scroll",(0,c.default)(function(){(0,F.default)(W,$.once)},$.throttleDelay)),$.disableMutationObserver||g.default.ready("[data-aos]",J),W)};s.exports={init:L,refresh:B,refreshHard:J}},function(s,n){},,,,,function(s,n){(function(a){function i(h,L,S){function ce(b){var _=Me,y=ze;return Me=ze=void 0,Re=b,de=h.apply(y,_)}function se(b){return Re=b,fe=setTimeout(Te,L),De?ce(b):de}function te(b){var _=b-me,y=b-Re,j=L-_;return u?J(j,ve-y):j}function Y(b){var _=b-me,y=b-Re;return me===void 0||_>=L||_<0||u&&y>=ve}function Te(){var b=A();return Y(b)?at(b):void(fe=setTimeout(Te,te(b)))}function at(b){return fe=void 0,v&&Me?ce(b):(Me=ze=void 0,de)}function He(){fe!==void 0&&clearTimeout(fe),Re=0,Me=me=ze=fe=void 0}function je(){return fe===void 0?de:at(A())}function ke(){var b=A(),_=Y(b);if(Me=arguments,ze=this,me=b,_){if(fe===void 0)return se(me);if(u)return fe=setTimeout(Te,L),ce(me)}return fe===void 0&&(fe=setTimeout(Te,L)),de}var Me,ze,ve,de,fe,me,Re=0,De=!1,u=!1,v=!0;if(typeof h!="function")throw new TypeError(m);return L=d(L)||0,r(S)&&(De=!!S.leading,u="maxWait"in S,ve=u?B(d(S.maxWait)||0,L):ve,v="trailing"in S?!!S.trailing:v),ke.cancel=He,ke.flush=je,ke}function o(h,L,S){var ce=!0,se=!0;if(typeof h!="function")throw new TypeError(m);return r(S)&&(ce="leading"in S?!!S.leading:ce,se="trailing"in S?!!S.trailing:se),i(h,L,{leading:ce,maxWait:L,trailing:se})}function r(h){var L=typeof h>"u"?"undefined":p(h);return!!h&&(L=="object"||L=="function")}function l(h){return!!h&&(typeof h>"u"?"undefined":p(h))=="object"}function c(h){return(typeof h>"u"?"undefined":p(h))=="symbol"||l(h)&&$.call(h)==w}function d(h){if(typeof h=="number")return h;if(c(h))return g;if(r(h)){var L=typeof h.valueOf=="function"?h.valueOf():h;h=r(L)?L+"":L}if(typeof h!="string")return h===0?h:+h;h=h.replace(C,"");var S=F.test(h);return S||N.test(h)?T(h.slice(2),S?2:8):M.test(h)?g:+h}var p=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(h){return typeof h}:function(h){return h&&typeof Symbol=="function"&&h.constructor===Symbol&&h!==Symbol.prototype?"symbol":typeof h},m="Expected a function",g=NaN,w="[object Symbol]",C=/^\s+|\s+$/g,M=/^[-+]0x[0-9a-f]+$/i,F=/^0b[01]+$/i,N=/^0o[0-7]+$/i,T=parseInt,q=(typeof a>"u"?"undefined":p(a))=="object"&&a&&a.Object===Object&&a,V=(typeof self>"u"?"undefined":p(self))=="object"&&self&&self.Object===Object&&self,W=q||V||Function("return this")(),ie=Object.prototype,$=ie.toString,B=Math.max,J=Math.min,A=function(){return W.Date.now()};s.exports=o}).call(n,function(){return this}())},function(s,n){(function(a){function i(A,h,L){function S(v){var b=ke,_=Me;return ke=Me=void 0,me=v,ve=A.apply(_,b)}function ce(v){return me=v,de=setTimeout(Y,h),Re?S(v):ve}function se(v){var b=v-fe,_=v-me,y=h-b;return De?B(y,ze-_):y}function te(v){var b=v-fe,_=v-me;return fe===void 0||b>=h||b<0||De&&_>=ze}function Y(){var v=J();return te(v)?Te(v):void(de=setTimeout(Y,se(v)))}function Te(v){return de=void 0,u&&ke?S(v):(ke=Me=void 0,ve)}function at(){de!==void 0&&clearTimeout(de),me=0,ke=fe=Me=de=void 0}function He(){return de===void 0?ve:Te(J())}function je(){var v=J(),b=te(v);if(ke=arguments,Me=this,fe=v,b){if(de===void 0)return ce(fe);if(De)return de=setTimeout(Y,h),S(fe)}return de===void 0&&(de=setTimeout(Y,h)),ve}var ke,Me,ze,ve,de,fe,me=0,Re=!1,De=!1,u=!0;if(typeof A!="function")throw new TypeError(p);return h=c(h)||0,o(L)&&(Re=!!L.leading,De="maxWait"in L,ze=De?$(c(L.maxWait)||0,h):ze,u="trailing"in L?!!L.trailing:u),je.cancel=at,je.flush=He,je}function o(A){var h=typeof A>"u"?"undefined":d(A);return!!A&&(h=="object"||h=="function")}function r(A){return!!A&&(typeof A>"u"?"undefined":d(A))=="object"}function l(A){return(typeof A>"u"?"undefined":d(A))=="symbol"||r(A)&&ie.call(A)==g}function c(A){if(typeof A=="number")return A;if(l(A))return m;if(o(A)){var h=typeof A.valueOf=="function"?A.valueOf():A;A=o(h)?h+"":h}if(typeof A!="string")return A===0?A:+A;A=A.replace(w,"");var L=M.test(A);return L||F.test(A)?N(A.slice(2),L?2:8):C.test(A)?m:+A}var d=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(A){return typeof A}:function(A){return A&&typeof Symbol=="function"&&A.constructor===Symbol&&A!==Symbol.prototype?"symbol":typeof A},p="Expected a function",m=NaN,g="[object Symbol]",w=/^\s+|\s+$/g,C=/^[-+]0x[0-9a-f]+$/i,M=/^0b[01]+$/i,F=/^0o[0-7]+$/i,N=parseInt,T=(typeof a>"u"?"undefined":d(a))=="object"&&a&&a.Object===Object&&a,q=(typeof self>"u"?"undefined":d(self))=="object"&&self&&self.Object===Object&&self,V=T||q||Function("return this")(),W=Object.prototype,ie=W.toString,$=Math.max,B=Math.min,J=function(){return V.Date.now()};s.exports=i}).call(n,function(){return this}())},function(s,n){function a(d){var p=void 0,m=void 0;for(p=0;po.position?o.node.classList.add("aos-animate"):typeof c<"u"&&(c==="false"||!l&&c!=="true")&&o.node.classList.remove("aos-animate")},i=function(o,r){var l=window.pageYOffset,c=window.innerHeight;o.forEach(function(d,p){a(d,c+l,r)})};n.default=i},function(s,n,a){function i(c){return c&&c.__esModule?c:{default:c}}Object.defineProperty(n,"__esModule",{value:!0});var o=a(12),r=i(o),l=function(c,d){return c.forEach(function(p,m){p.node.classList.add("aos-init"),p.position=(0,r.default)(p.node,d.offset)}),c};n.default=l},function(s,n,a){function i(c){return c&&c.__esModule?c:{default:c}}Object.defineProperty(n,"__esModule",{value:!0});var o=a(13),r=i(o),l=function(c,d){var p=0,m=0,g=window.innerHeight,w={offset:c.getAttribute("data-aos-offset"),anchor:c.getAttribute("data-aos-anchor"),anchorPlacement:c.getAttribute("data-aos-anchor-placement")};switch(w.offset&&!isNaN(w.offset)&&(m=parseInt(w.offset)),w.anchor&&document.querySelectorAll(w.anchor)&&(c=document.querySelectorAll(w.anchor)[0]),p=(0,r.default)(c).top,w.anchorPlacement){case"top-bottom":break;case"center-bottom":p+=c.offsetHeight/2;break;case"bottom-bottom":p+=c.offsetHeight;break;case"top-center":p+=g/2;break;case"bottom-center":p+=g/2+c.offsetHeight;break;case"center-center":p+=g/2+c.offsetHeight/2;break;case"top-top":p+=g;break;case"bottom-top":p+=c.offsetHeight+g;break;case"center-top":p+=c.offsetHeight/2+g}return w.anchorPlacement||w.offset||isNaN(d)||(m=d),p+m};n.default=l},function(s,n){Object.defineProperty(n,"__esModule",{value:!0});var a=function(i){for(var o=0,r=0;i&&!isNaN(i.offsetLeft)&&!isNaN(i.offsetTop);)o+=i.offsetLeft-(i.tagName!="BODY"?i.scrollLeft:0),r+=i.offsetTop-(i.tagName!="BODY"?i.scrollTop:0),i=i.offsetParent;return{top:r,left:o}};n.default=a},function(s,n){Object.defineProperty(n,"__esModule",{value:!0});var a=function(i){return i=i||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(i,function(o){return{node:o}})};n.default=a}])})})(Mr);var Bh=Mr.exports;const Kh=Hh(Bh);const ka=mu(tm);ka.use(xf);ka.use(Vh);Kh.init();ka.mount("#app"); + `),$.disableMutationObserver=!0),document.querySelector("body").setAttribute("data-aos-easing",$.easing),document.querySelector("body").setAttribute("data-aos-duration",$.duration),document.querySelector("body").setAttribute("data-aos-delay",$.delay),$.startEvent==="DOMContentLoaded"&&["complete","interactive"].indexOf(document.readyState)>-1?B(!0):$.startEvent==="load"?window.addEventListener($.startEvent,function(){B(!0)}):document.addEventListener($.startEvent,function(){B(!0)}),window.addEventListener("resize",(0,p.default)(B,$.debounceDelay,!0)),window.addEventListener("orientationchange",(0,p.default)(B,$.debounceDelay,!0)),window.addEventListener("scroll",(0,c.default)(function(){(0,F.default)(W,$.once)},$.throttleDelay)),$.disableMutationObserver||g.default.ready("[data-aos]",J),W)};s.exports={init:L,refresh:B,refreshHard:J}},function(s,n){},,,,,function(s,n){(function(a){function i(h,L,S){function ce(b){var _=Me,y=ze;return Me=ze=void 0,Re=b,ue=h.apply(y,_)}function se(b){return Re=b,fe=setTimeout(Te,L),De?ce(b):ue}function te(b){var _=b-me,y=b-Re,j=L-_;return d?J(j,ve-y):j}function Y(b){var _=b-me,y=b-Re;return me===void 0||_>=L||_<0||d&&y>=ve}function Te(){var b=A();return Y(b)?at(b):void(fe=setTimeout(Te,te(b)))}function at(b){return fe=void 0,v&&Me?ce(b):(Me=ze=void 0,ue)}function He(){fe!==void 0&&clearTimeout(fe),Re=0,Me=me=ze=fe=void 0}function je(){return fe===void 0?ue:at(A())}function ke(){var b=A(),_=Y(b);if(Me=arguments,ze=this,me=b,_){if(fe===void 0)return se(me);if(d)return fe=setTimeout(Te,L),ce(me)}return fe===void 0&&(fe=setTimeout(Te,L)),ue}var Me,ze,ve,ue,fe,me,Re=0,De=!1,d=!1,v=!0;if(typeof h!="function")throw new TypeError(m);return L=u(L)||0,r(S)&&(De=!!S.leading,d="maxWait"in S,ve=d?B(u(S.maxWait)||0,L):ve,v="trailing"in S?!!S.trailing:v),ke.cancel=He,ke.flush=je,ke}function o(h,L,S){var ce=!0,se=!0;if(typeof h!="function")throw new TypeError(m);return r(S)&&(ce="leading"in S?!!S.leading:ce,se="trailing"in S?!!S.trailing:se),i(h,L,{leading:ce,maxWait:L,trailing:se})}function r(h){var L=typeof h>"u"?"undefined":p(h);return!!h&&(L=="object"||L=="function")}function l(h){return!!h&&(typeof h>"u"?"undefined":p(h))=="object"}function c(h){return(typeof h>"u"?"undefined":p(h))=="symbol"||l(h)&&$.call(h)==w}function u(h){if(typeof h=="number")return h;if(c(h))return g;if(r(h)){var L=typeof h.valueOf=="function"?h.valueOf():h;h=r(L)?L+"":L}if(typeof h!="string")return h===0?h:+h;h=h.replace(C,"");var S=F.test(h);return S||N.test(h)?T(h.slice(2),S?2:8):M.test(h)?g:+h}var p=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(h){return typeof h}:function(h){return h&&typeof Symbol=="function"&&h.constructor===Symbol&&h!==Symbol.prototype?"symbol":typeof h},m="Expected a function",g=NaN,w="[object Symbol]",C=/^\s+|\s+$/g,M=/^[-+]0x[0-9a-f]+$/i,F=/^0b[01]+$/i,N=/^0o[0-7]+$/i,T=parseInt,q=(typeof a>"u"?"undefined":p(a))=="object"&&a&&a.Object===Object&&a,U=(typeof self>"u"?"undefined":p(self))=="object"&&self&&self.Object===Object&&self,W=q||U||Function("return this")(),ie=Object.prototype,$=ie.toString,B=Math.max,J=Math.min,A=function(){return W.Date.now()};s.exports=o}).call(n,function(){return this}())},function(s,n){(function(a){function i(A,h,L){function S(v){var b=ke,_=Me;return ke=Me=void 0,me=v,ve=A.apply(_,b)}function ce(v){return me=v,ue=setTimeout(Y,h),Re?S(v):ve}function se(v){var b=v-fe,_=v-me,y=h-b;return De?B(y,ze-_):y}function te(v){var b=v-fe,_=v-me;return fe===void 0||b>=h||b<0||De&&_>=ze}function Y(){var v=J();return te(v)?Te(v):void(ue=setTimeout(Y,se(v)))}function Te(v){return ue=void 0,d&&ke?S(v):(ke=Me=void 0,ve)}function at(){ue!==void 0&&clearTimeout(ue),me=0,ke=fe=Me=ue=void 0}function He(){return ue===void 0?ve:Te(J())}function je(){var v=J(),b=te(v);if(ke=arguments,Me=this,fe=v,b){if(ue===void 0)return ce(fe);if(De)return ue=setTimeout(Y,h),S(fe)}return ue===void 0&&(ue=setTimeout(Y,h)),ve}var ke,Me,ze,ve,ue,fe,me=0,Re=!1,De=!1,d=!0;if(typeof A!="function")throw new TypeError(p);return h=c(h)||0,o(L)&&(Re=!!L.leading,De="maxWait"in L,ze=De?$(c(L.maxWait)||0,h):ze,d="trailing"in L?!!L.trailing:d),je.cancel=at,je.flush=He,je}function o(A){var h=typeof A>"u"?"undefined":u(A);return!!A&&(h=="object"||h=="function")}function r(A){return!!A&&(typeof A>"u"?"undefined":u(A))=="object"}function l(A){return(typeof A>"u"?"undefined":u(A))=="symbol"||r(A)&&ie.call(A)==g}function c(A){if(typeof A=="number")return A;if(l(A))return m;if(o(A)){var h=typeof A.valueOf=="function"?A.valueOf():A;A=o(h)?h+"":h}if(typeof A!="string")return A===0?A:+A;A=A.replace(w,"");var L=M.test(A);return L||F.test(A)?N(A.slice(2),L?2:8):C.test(A)?m:+A}var u=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(A){return typeof A}:function(A){return A&&typeof Symbol=="function"&&A.constructor===Symbol&&A!==Symbol.prototype?"symbol":typeof A},p="Expected a function",m=NaN,g="[object Symbol]",w=/^\s+|\s+$/g,C=/^[-+]0x[0-9a-f]+$/i,M=/^0b[01]+$/i,F=/^0o[0-7]+$/i,N=parseInt,T=(typeof a>"u"?"undefined":u(a))=="object"&&a&&a.Object===Object&&a,q=(typeof self>"u"?"undefined":u(self))=="object"&&self&&self.Object===Object&&self,U=T||q||Function("return this")(),W=Object.prototype,ie=W.toString,$=Math.max,B=Math.min,J=function(){return U.Date.now()};s.exports=i}).call(n,function(){return this}())},function(s,n){function a(u){var p=void 0,m=void 0;for(p=0;po.position?o.node.classList.add("aos-animate"):typeof c<"u"&&(c==="false"||!l&&c!=="true")&&o.node.classList.remove("aos-animate")},i=function(o,r){var l=window.pageYOffset,c=window.innerHeight;o.forEach(function(u,p){a(u,c+l,r)})};n.default=i},function(s,n,a){function i(c){return c&&c.__esModule?c:{default:c}}Object.defineProperty(n,"__esModule",{value:!0});var o=a(12),r=i(o),l=function(c,u){return c.forEach(function(p,m){p.node.classList.add("aos-init"),p.position=(0,r.default)(p.node,u.offset)}),c};n.default=l},function(s,n,a){function i(c){return c&&c.__esModule?c:{default:c}}Object.defineProperty(n,"__esModule",{value:!0});var o=a(13),r=i(o),l=function(c,u){var p=0,m=0,g=window.innerHeight,w={offset:c.getAttribute("data-aos-offset"),anchor:c.getAttribute("data-aos-anchor"),anchorPlacement:c.getAttribute("data-aos-anchor-placement")};switch(w.offset&&!isNaN(w.offset)&&(m=parseInt(w.offset)),w.anchor&&document.querySelectorAll(w.anchor)&&(c=document.querySelectorAll(w.anchor)[0]),p=(0,r.default)(c).top,w.anchorPlacement){case"top-bottom":break;case"center-bottom":p+=c.offsetHeight/2;break;case"bottom-bottom":p+=c.offsetHeight;break;case"top-center":p+=g/2;break;case"bottom-center":p+=g/2+c.offsetHeight;break;case"center-center":p+=g/2+c.offsetHeight/2;break;case"top-top":p+=g;break;case"bottom-top":p+=c.offsetHeight+g;break;case"center-top":p+=c.offsetHeight/2+g}return w.anchorPlacement||w.offset||isNaN(u)||(m=u),p+m};n.default=l},function(s,n){Object.defineProperty(n,"__esModule",{value:!0});var a=function(i){for(var o=0,r=0;i&&!isNaN(i.offsetLeft)&&!isNaN(i.offsetTop);)o+=i.offsetLeft-(i.tagName!="BODY"?i.scrollLeft:0),r+=i.offsetTop-(i.tagName!="BODY"?i.scrollTop:0),i=i.offsetParent;return{top:r,left:o}};n.default=a},function(s,n){Object.defineProperty(n,"__esModule",{value:!0});var a=function(i){return i=i||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(i,function(o){return{node:o}})};n.default=a}])})})(Mr);var Kh=Mr.exports;const Wh=Bh(Kh);const ka=md(sm);ka.use(xf);ka.use(Vh);Wh.init();ka.mount("#app"); diff --git a/assets/index-01779e4f.css b/assets/index-7388470a.css similarity index 95% rename from assets/index-01779e4f.css rename to assets/index-7388470a.css index 624897b..fec141f 100644 --- a/assets/index-01779e4f.css +++ b/assets/index-7388470a.css @@ -1 +1 @@ -:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;transition:color .5s,background-color .5s;line-height:1.6;font-family:Open Sans,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;box-sizing:border-box;font-weight:400;font-family:Open Sans,sans-serif}a{text-decoration:none;color:#1a1e36;cursor:pointer}@media (hover: hover){a:hover{cursor:pointer}}*[data-v-96a735db]{font-family:Montserrat,sans-serif}.container1[data-v-96a735db]{display:flex;flex-direction:column;text-align:center;position:fixed;right:0;left:0;top:0;z-index:10}.orange[data-v-96a735db]{background-color:#1a1e36;background-color:#353051;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.9rem 1.5rem;text-align:left;height:3.1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.menu-points[data-v-96a735db],.menu-points img[data-v-96a735db]{height:1.5rem}nav[data-v-96a735db]{padding:1rem;text-align:center;display:flex;flex-direction:column}nav a[data-v-96a735db]{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:600;padding:2rem .7rem;border-left:0px solid rgba(33,157,178,.3);color:#fff;transition:.4s}nav a p[data-v-96a735db]:hover{transform:scale(1.03)}h1[data-v-96a735db]:hover{transform:scale(1.03)}nav a[data-v-96a735db]:first-of-type{border:0}h1[data-v-96a735db]{font-weight:700;font-size:1.15rem;color:#fff}.picto img[data-v-96a735db]{height:2.8rem;margin-top:3rem;margin-right:2rem;margin-left:2rem}.picto img[data-v-96a735db]:hover{transform:scale(1.08)}.blue[data-v-96a735db]{display:flex;justify-content:center;background-color:#353051e6;padding:0 1.5rem;margin-top:-50px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:100vh}.responsive a[data-v-96a735db]{display:none}@media (min-width: 471px){h1[data-v-96a735db]{font-size:1.3rem}}@media (min-width: 768px){.menu-points[data-v-96a735db]{display:none}.picto[data-v-96a735db]{display:flex;flex-direction:row}.picto a[data-v-96a735db]{padding:0 .5rem}.picto img[data-v-96a735db]{height:1.6rem;margin-top:.5rem;margin-right:.5rem;margin-left:.5rem}nav a[data-v-96a735db]{padding:0 .7rem;border-left:1px solid #1c657c}.container1[data-v-96a735db]{display:grid;grid-template-columns:3fr 5fr;color:#fff;height:5.5rem}nav[data-v-96a735db]{padding:1rem 0}h1[data-v-96a735db]{font-weight:700;text-align:left}.orange[data-v-96a735db]{background-color:#1a1e36;display:flex;align-items:center;justify-content:left;height:fit-content;height:5.5rem}.blue[data-v-96a735db],.responsive[data-v-96a735db]{background-color:#1a1e36;background-color:#353051;padding:.9rem;display:flex;flex-direction:row;justify-content:right;align-items:center;box-shadow:#0000 .5rem .5rem 2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-top:0;height:5.5rem}.blue a[data-v-96a735db],.responsive a[data-v-96a735db]{display:block;font-size:1.1rem}}@media (min-width: 1135px){.container1[data-v-96a735db],.orange[data-v-96a735db],.blue[data-v-96a735db],.responsive[data-v-96a735db]{height:3.7rem}}.englobeur-first[data-v-a1af0adf]{background:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.text-photo[data-v-a1af0adf]{gap:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.photo2[data-v-a1af0adf]{height:14rem;width:14rem;border-radius:15rem;margin-top:5rem;box-shadow:0 0 2rem #1a1e36e6;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c;box-shadow:-.2rem -.2rem #1a1e36e6,.4rem .4rem #1c657c}.photo-fade-enter-active[data-v-a1af0adf]{transition:all 2.3s ease-out}.photo-fade-enter-from[data-v-a1af0adf]{opacity:0}.text[data-v-a1af0adf]{font-family:Montserrat,sans-serif;display:flex;flex-direction:column;align-items:start;gap:.8rem;padding:1.5rem 0;margin:0 2rem}.bienvenue[data-v-a1af0adf]{color:#c5b2a9;color:#1a1e36;font-weight:400;font-size:1.6rem;line-height:1rem}.portfolio[data-v-a1af0adf]{color:#c5b2a9;color:#1a1e36;color:#353051;font-weight:600;font-size:2.5rem;line-height:1.3}.texte-prez-first[data-v-a1af0adf]{color:#1a1e36;font-weight:500;font-size:1rem;line-height:1.5;margin-top:.5rem}.slide-fade1-enter-active[data-v-a1af0adf]{transition:all .8s cubic-bezier(.34,1.56,.64,1)}.slide-fade2-enter-active[data-v-a1af0adf]{transition:all .8s cubic-bezier(.34,1.56,.64,1);transition-delay:.4s}.slide-fade1-enter-from[data-v-a1af0adf],.slide-fade2-enter-from[data-v-a1af0adf]{transform:translate(-10rem);opacity:0}button[data-v-a1af0adf],button[data-v-a1af0adf]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-a1af0adf]:before{height:100%;left:0;top:0;width:0}button[data-v-a1af0adf]:after{height:100%;left:0;top:0;width:0}button[data-v-a1af0adf]:hover:after{width:100%}.btn-continue[data-v-a1af0adf]{display:none}.btn-rond[data-v-a1af0adf]{width:3.2rem;height:3.2rem;display:flex;justify-content:center}.container-button[data-v-a1af0adf]{display:flex;justify-content:center;align-items:center;margin:1rem 0}button[data-v-a1af0adf]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-a1af0adf]:before,button[data-v-a1af0adf]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}@media (min-width: 430px){.text-photo[data-v-a1af0adf]{gap:1rem}.photo2[data-v-a1af0adf]{height:16rem;width:16rem}.bienvenue[data-v-a1af0adf]{font-size:2.2rem;line-height:1.5rem}.portfolio[data-v-a1af0adf]{font-size:3.4rem;line-height:1.1}.texte-prez-first[data-v-a1af0adf]{font-size:1.2rem;margin-top:1rem}}@media (min-width: 768px){.englobeur-first[data-v-a1af0adf]{padding:10rem 0}.photo2[data-v-a1af0adf]{height:21rem;width:21rem;margin-top:0}.text[data-v-a1af0adf]{margin:0 6rem;padding:2rem 0}.bienvenue[data-v-a1af0adf]{font-size:2.6rem}.portfolio[data-v-a1af0adf]{font-size:4rem}.texte-prez-first[data-v-a1af0adf]{margin-top:1.5rem}.container-button[data-v-a1af0adf]{margin:2rem 0}.btn-continue[data-v-a1af0adf]{display:flex;align-items:center;position:absolute;bottom:2rem}}@media (min-width: 1135px){.englobeur-first[data-v-a1af0adf]{padding:0}.text-photo[data-v-a1af0adf]{width:100%;max-width:1500px;gap:0;padding:0 4rem;display:flex;justify-content:center;align-items:center;flex-direction:row}.text[data-v-a1af0adf]{display:flex;justify-content:center;grid-column:1;grid-row:1;width:fit-content;margin:0}.container-photo[data-v-a1af0adf]{display:flex;justify-content:center;align-items:center;width:60%}.bienvenue[data-v-a1af0adf]{font-size:3rem;padding-top:.8rem;display:flex;justify-content:center;align-items:center;line-height:1.5rem}.portfolio[data-v-a1af0adf]{padding-top:.4rem;font-size:4rem}.texte-prez-first[data-v-a1af0adf]{line-height:1.5}}.item[data-v-af523d86]{display:flex;flex-direction:column;margin:1rem 0;padding:0;width:100%;overflow:hidden}.img[data-v-af523d86]{width:100%;margin:0;padding:0;box-shadow:#0000000d .2rem .2rem .5rem}.section-texte[data-v-af523d86]{display:flex;flex-direction:column;justify-content:end;align-items:center;padding:1rem 2rem 0;position:relative}h4[data-v-af523d86]{padding:0;font-weight:700;font-size:1.3rem;font-family:Montserrat,sans-serif;width:100%}@media (min-width: 768px){h4[data-v-af523d86]{font-size:1.5rem}}@media (min-width: 1135px){.item[data-v-af523d86]{margin:0;flex-direction:row;min-height:31rem}.img[data-v-af523d86]{min-width:60%;height:auto}h4[data-v-af523d86]{font-size:2rem}}img[data-v-b45a63cc]{height:100%;width:100%;object-fit:cover;object-position:top center}.height[data-v-b45a63cc]{position:relative;height:20rem;overflow:hidden}.height img[data-v-b45a63cc]:nth-child(2){position:absolute;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-b45a63cc]:nth-child(2){opacity:1}@media (min-width: 735px){.height[data-v-b45a63cc]{height:25rem}}@media (min-width: 1135px){img[data-v-b45a63cc]{object-position:top center}.height[data-v-b45a63cc]{height:100%;object-fit:cover}}img[data-v-5a712356]{height:100%;width:100%;object-fit:cover;object-position:top center}.height[data-v-5a712356]{position:relative;height:20rem;overflow:hidden}.height img[data-v-5a712356]:nth-child(2){position:absolute;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-5a712356]:nth-child(2){opacity:1}@media (min-width: 735px){.height[data-v-5a712356]{height:25rem}}@media (min-width: 1135px){img[data-v-5a712356]{object-position:top center}.height[data-v-5a712356]{height:100%;object-fit:cover}}img[data-v-d704363a]{height:100%;width:100%;object-fit:cover;object-position:top center}.height[data-v-d704363a]{position:relative;height:20rem;overflow:hidden}.height img[data-v-d704363a]:nth-child(2){position:absolute;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-d704363a]:nth-child(2){opacity:1}@media (min-width: 735px){.height[data-v-d704363a]{height:25rem}}@media (min-width: 1135px){img[data-v-d704363a]{object-position:top center}.height[data-v-d704363a]{height:100%;object-fit:cover}}img[data-v-11529734]{height:100%;width:100%;object-fit:cover;object-position:center center}.height[data-v-11529734]{position:relative;height:20rem;overflow:hidden}@media (min-width: 735px){.height[data-v-11529734]{height:25rem}}@media (min-width: 1135px){img[data-v-11529734]{object-position:top center}.height[data-v-11529734]{height:100%;object-fit:cover}}#reals[data-v-264bda07]{padding-top:5rem;min-height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;min-width:none}#reals[data-v-264bda07]:target{padding-top:6.1rem;margin-top:-3.1rem}template[data-v-264bda07]{margin:0;padding:0}.flex-project[data-v-264bda07]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:2rem}.titre[data-v-264bda07]{width:100%;z-index:1;color:#fff}h2[data-v-264bda07]{font-family:Montserrat,sans-serif;font-weight:600;padding:0 0 1rem;color:#353051;display:flex;justify-content:center;font-size:2.2rem;letter-spacing:.1rem}h3[data-v-264bda07]{color:#353051;font-size:1.8rem;font-weight:500}.DivTitreH3[data-v-264bda07]{width:100%;text-align:center}a[data-v-264bda07]{color:#353051;margin:0;padding:0;width:100%}p[data-v-264bda07]{font-size:.9rem;margin-block-start:0;margin-block-end:0}.link-text[data-v-264bda07]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out}.link-text[data-v-264bda07]:hover{color:#fff;background-size:100% 100%}.picto-external-link[data-v-264bda07]{transform:translateY(.2rem);cursor:pointer}.container-button[data-v-264bda07]{display:flex;justify-content:left;align-items:center;margin:.7rem 0}button[data-v-264bda07],button[data-v-264bda07]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-264bda07]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;border:2px #39335a solid;background-color:#1a1e36}button[data-v-264bda07]:before,button[data-v-264bda07]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn[data-v-264bda07]:before{height:100%;left:0;top:0;width:0}.btn[data-v-264bda07]:after{height:100%;left:0;top:0;width:0}.btn[data-v-264bda07]:hover:after{width:100%}.btn-disable[data-v-264bda07]{cursor:not-allowed;background-color:gray}span[data-v-264bda07]{background-color:#353051;background-color:#656ea6;background-color:#979fd9;border-radius:50px;margin:0 .7rem 0 0;padding:.2rem .8rem;color:#fff;font-size:1.1rem;font-weight:500}.trait[data-v-264bda07]{width:100%;margin:2rem 0}@media (min-width: 768px){#reals[data-v-264bda07]{padding-top:7.5rem}}@media (min-width: 1135px){#reals[data-v-264bda07]{padding-top:5.8rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.flex-project[data-v-264bda07]{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;max-width:100rem}h2[data-v-264bda07]{font-size:2.7rem;padding:3rem 0}p[data-v-264bda07]{font-size:1rem}.trait[data-v-264bda07]{margin:.2rem 0}}@media (min-width: 1440px){.flex-project[data-v-264bda07]{padding:0 1rem 2rem;width:100%}}.foot[data-v-d195d2b1]{padding:.7rem;background:#ffffff;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1rem;min-width:100%}p[data-v-d195d2b1]{color:#1c657c;color:#1a1e36;font-size:.8rem;padding:.1rem 0rem}@media screen and (min-width: 768px){.foot[data-v-d195d2b1]{padding:.7rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;line-height:1.6rem}p[data-v-d195d2b1]{font-size:.9rem;padding:.1rem 1rem}}#contact[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:4.1rem;height:100vh;min-height:1050px}.titre[data-v-9564c2f9]{width:100%;z-index:1;color:#353051}h2[data-v-9564c2f9]{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:2.2rem;letter-spacing:.1rem}.container-except-titre[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.login-card-container[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem 1.5rem 0rem;z-index:4;width:100%}.login-card-form[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%}.login-card-form-2[data-v-9564c2f9]{display:flex;flex-direction:column;width:100%;gap:1.5rem}.login-card-form .form-item[data-v-9564c2f9]{position:relative}.login-card-form .form-item .form-item-icon[data-v-9564c2f9]{position:absolute;top:.82rem;left:1.4rem;font-size:1.3rem;opacity:.4}input[type=text][data-v-9564c2f9],input[type=email][data-v-9564c2f9]{border:none;outline:none;background:rgba(255,255,255,.5);padding:1rem 1.5rem 1rem 3.2rem;border-radius:100px;width:100%;transition:background .5s;border:rgba(170,170,170,.7) 1px solid}.form-item[data-v-9564c2f9]{width:100%}input[data-v-9564c2f9]:focus{background:#fdfdff;border:#353051 1px solid}#message[data-v-9564c2f9]{border-radius:20px;width:100%;height:10rem;border:none;outline:none;padding:1rem 1.5rem;background:rgba(255,255,255,.5);transition:background .5s;border:rgba(170,170,170,.7) 1px solid}#message[data-v-9564c2f9]:focus{background:#fdfdff;border:#353051 1px solid}textarea[data-v-9564c2f9]{font-family:Open sans;font-size:.9rem}button[data-v-9564c2f9],button[data-v-9564c2f9]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-9564c2f9]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-9564c2f9]:before,button[data-v-9564c2f9]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-carre[data-v-9564c2f9]:before,.btn[data-v-9564c2f9]:before{height:100%;left:0;top:0;width:0}.btn-carre[data-v-9564c2f9]:after,.btn[data-v-9564c2f9]:after{height:100%;left:0;top:0;width:0}.btn-carre[data-v-9564c2f9]:hover:after,.btn[data-v-9564c2f9]:hover:after{width:100%}p[data-v-9564c2f9]{font-weight:500;margin-bottom:.7rem;color:#1a1e36;text-align:center}.copy[data-v-9564c2f9]{font-size:.9rem;font-weight:600;color:#fff0;animation:changerCouleur-9564c2f9 2s ease-in-out}@keyframes changerCouleur-9564c2f9{0%{color:#353051}to{color:#fff0}}.copied[data-v-9564c2f9]{font-size:.9rem;font-weight:600;color:#fff0}.container-btn-envoyer[data-v-9564c2f9]{display:flex;justify-content:center;padding-top:2rem}.btn-return[data-v-9564c2f9]{display:flex;justify-content:right;width:100%;position:absolute;bottom:5.5rem;right:1.5rem}.btn-carre[data-v-9564c2f9]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.hover-list[data-v-9564c2f9]{font-weight:600;font-size:1rem;color:#353051;box-shadow:inset 0 0 #fff;padding:0 .25rem;margin:0 -.25rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out;text-decoration:underline}.hover-list[data-v-9564c2f9]:hover{color:#fff;box-shadow:inset 250px 0 #353051;cursor:pointer}.z-index[data-v-9564c2f9]{z-index:3;bottom:0;position:absolute;width:100%}@media (min-width: 471px){#contact[data-v-9564c2f9]{min-height:1050px}}@media (min-width: 768px){#contact[data-v-9564c2f9]{padding-top:7.5rem}.login-card-container[data-v-9564c2f9]{max-width:44rem;padding:2rem 0rem}.login-card-form-2[data-v-9564c2f9]{display:flex;flex-direction:row}}@media (min-width: 1135px){#contact[data-v-9564c2f9]{height:100vh;padding-top:6.7rem}.container-except-titre[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}h2[data-v-9564c2f9]{font-size:2.7rem}}.item[data-v-15d0c861]{display:flex;flex-direction:column;margin:1rem 0;padding:0;width:100%;border-top:#e05900 3px solid}.img[data-v-15d0c861]{width:100%;margin:0;padding:0;box-shadow:#0000000d .2rem .2rem .5rem}.section-texte[data-v-15d0c861]{display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:#fff;padding:1rem 2rem 2rem;border-top:1px solid #e05900;box-shadow:#0000000d .2rem .2rem .5rem;border-bottom:3px solid #e05900;transform:translateY(-.4rem);height:15rem;overflow:hidden;position:relative}.section-texte.expanded[data-v-15d0c861]{width:auto;height:100%;padding-bottom:4rem}.btn-continue[data-v-15d0c861]{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0rem;background:linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 90%,rgba(255,255,255,.2) 100%);height:4rem;width:100%}.btn-open-text[data-v-15d0c861]{position:absolute;width:3.2rem;height:3.2rem;display:flex;justify-content:center;border-radius:10rem;background-color:#e05900;box-shadow:#838e93 0 0 .7rem;border:#fff 2px solid;color:#fff;align-items:center;cursor:pointer;transform:rotate(0);transition:.5s ease-out}.btn-open-text.expanded[data-v-15d0c861]{transform:rotate(180deg)}h4[data-v-15d0c861]{padding:0;font-weight:700;font-size:1.2rem;font-family:Montserrat,sans-serif;width:100%}@media (min-width: 768px){.item[data-v-15d0c861]{width:43rem}.img[data-v-15d0c861]{height:fit-content}}.height[data-v-05af01a7]{position:relative;margin:0;padding:0;max-height:15rem;overflow:hidden}img[data-v-05af01a7]{height:100%;width:100%;object-fit:cover;object-position:top left}.height img[data-v-05af01a7]:nth-child(2){position:absolute;right:0;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-05af01a7]:nth-child(2){opacity:1;cursor:pointer}a[data-v-05af01a7]{margin:0;padding:0;line-height:0rem}.height[data-v-1242167e]{position:relative;margin:0;padding:0;max-height:15rem;overflow:hidden}img[data-v-1242167e]{height:100%;width:100%;object-fit:cover;object-position:top left}.height img[data-v-1242167e]:nth-child(2){position:absolute;right:0;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-1242167e]:nth-child(2){opacity:1;cursor:pointer}a[data-v-1242167e]{margin:0;padding:0;line-height:0rem}#reals[data-v-de4fb8dd]{padding-top:5rem;min-height:100vh;background-color:#f7feff;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;min-width:none}#reals[data-v-de4fb8dd]:target{padding-top:6.1rem;margin-top:-3.1rem}template[data-v-de4fb8dd]{margin:0;padding:0}.flex-project[data-v-de4fb8dd]{display:flex;flex-direction:column;justify-content:center;align-items:start;margin:.5rem 1rem 0rem;padding-bottom:2rem}.titre[data-v-de4fb8dd]{width:100%;z-index:1;color:#fff}h2[data-v-de4fb8dd]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;color:#1c657c;display:flex;justify-content:center;font-size:2.2rem;letter-spacing:.1rem}h3[data-v-de4fb8dd]{color:#1c657c;font-size:1.8rem;font-weight:500}.DivTitreH3[data-v-de4fb8dd]{width:100%;text-align:center}a[data-v-de4fb8dd]{color:#e05900;margin:0;padding:0;width:100%}p[data-v-de4fb8dd]{font-size:.9rem;margin-block-start:0;margin-block-end:0}.link-text[data-v-de4fb8dd]{font-weight:700;box-shadow:inset 0 0 #e05900;padding:0 .15rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}.link-text[data-v-de4fb8dd]:hover{color:#fff;box-shadow:inset 700px 0 #e05900}.picto-external-link[data-v-de4fb8dd]{transform:translateY(.2rem);cursor:pointer}.container-button[data-v-de4fb8dd]{display:flex;justify-content:left;align-items:center;margin:0 0 .7rem}button[data-v-de4fb8dd],button[data-v-de4fb8dd]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-de4fb8dd]{padding:.7rem 1.1rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #e05900 solid;background:none;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;background-color:#e05900}button[data-v-de4fb8dd]:before,button[data-v-de4fb8dd]:after{border-radius:2rem;background-color:#1c657c;content:"";position:absolute;z-index:-1}.btn[data-v-de4fb8dd]:before{height:100%;left:0;top:0;width:0}.btn[data-v-de4fb8dd]:after{height:100%;left:0;top:0;width:0}.btn[data-v-de4fb8dd]:hover:after{width:100%}.btn-disable[data-v-de4fb8dd]{cursor:not-allowed;background-color:gray}@media (min-width: 768px){#reals[data-v-de4fb8dd]{padding-top:7.5rem}.container-button[data-v-de4fb8dd]{margin:.5rem 0}}@media (min-width: 1135px){#reals[data-v-de4fb8dd]{padding-top:5.8rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.flex-project[data-v-de4fb8dd]{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}h2[data-v-de4fb8dd]{font-size:2.7rem;padding:.3rem 3rem}p[data-v-de4fb8dd]{font-size:1rem}}@media (min-width: 1440px){.flex-project[data-v-de4fb8dd]{padding:0 1rem 2rem;margin:.5rem 0rem 0rem;width:100%}}#topPage[data-v-70c1c858]{display:flex;flex-direction:column;align-items:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:6.1rem;height:100%;min-height:100vh}.titre[data-v-70c1c858]{width:100%;z-index:1;color:#353051}h2[data-v-70c1c858]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:1.8rem;letter-spacing:.1rem;text-align:center}h3[data-v-70c1c858]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-70c1c858]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-70c1c858]{text-align:right;padding:.4rem 1.5rem 1rem 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-70c1c858],ul[data-v-70c1c858],ol[data-v-70c1c858]{font-weight:500;padding:0}ul[data-v-70c1c858],ol[data-v-70c1c858]{padding:0 0 0 2rem}button[data-v-70c1c858],button[data-v-70c1c858]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-70c1c858]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-70c1c858]:before,button[data-v-70c1c858]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-70c1c858]:before,.btn[data-v-70c1c858]:before,.btn-rond[data-v-70c1c858]:after,.btn[data-v-70c1c858]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-70c1c858]:hover:after,.btn[data-v-70c1c858]:hover:after{width:100%}.btn-return[data-v-70c1c858]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-70c1c858]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-70c1c858]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-70c1c858]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-70c1c858]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-70c1c858]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-70c1c858]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-70c1c858]{background:rgb(245,247,255);margin:1rem 0rem;padding:1rem 2rem;border-radius:.5rem;box-shadow:inset .1rem .3rem #222841;border:1px #353051 solid;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #222841}.citation p[data-v-70c1c858]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-70c1c858]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out;font-size:1.3rem;text-decoration:underline}.link-text[data-v-70c1c858]:hover{color:#fff;background-size:100% 100%}.merci[data-v-70c1c858]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-70c1c858]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-70c1c858]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-70c1c858]{box-shadow:none}@media (min-width: 768px){#topPage[data-v-70c1c858]{padding-top:7.5rem}.container1[data-v-70c1c858]{width:95%}.colonne1[data-v-70c1c858]{padding:.5rem 2rem}.espace-supp-colonne1[data-v-70c1c858]{padding:2rem 1.5rem}h5[data-v-70c1c858]{padding:.4rem 0 1.2rem}p[data-v-70c1c858],ul[data-v-70c1c858],ol[data-v-70c1c858]{margin:1rem 0rem;padding:0 2rem}ul[data-v-70c1c858],ol[data-v-70c1c858]{padding:0 2rem 0 4rem}.citation[data-v-70c1c858]{margin:1.5rem 1rem;padding:1rem 2rem}}@media (min-width: 1135px){#topPage[data-v-70c1c858]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-70c1c858]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-70c1c858]{font-size:2.7rem}p[data-v-70c1c858],ul[data-v-70c1c858],ol[data-v-70c1c858]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-70c1c858],ol[data-v-70c1c858]{padding:0 2rem 0 4rem}.citation[data-v-70c1c858]{margin:1.5rem 4rem;padding:1rem 2rem}}#topPage[data-v-7d05b1da]{display:flex;flex-direction:column;align-items:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:6.1rem;height:100%;min-height:100vh}.titre[data-v-7d05b1da]{width:100%;z-index:1;color:#353051}h2[data-v-7d05b1da]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:1.8rem;letter-spacing:.1rem;text-align:center}h3[data-v-7d05b1da]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-7d05b1da]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-7d05b1da]{text-align:right;padding:.4rem 1.5rem 1rem 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-7d05b1da],ul[data-v-7d05b1da],ol[data-v-7d05b1da]{font-weight:500;padding:0}ul[data-v-7d05b1da],ol[data-v-7d05b1da]{padding:0 0 0 2rem}button[data-v-7d05b1da],button[data-v-7d05b1da]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-7d05b1da]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-7d05b1da]:before,button[data-v-7d05b1da]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-7d05b1da]:before,.btn[data-v-7d05b1da]:before,.btn-rond[data-v-7d05b1da]:after,.btn[data-v-7d05b1da]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-7d05b1da]:hover:after,.btn[data-v-7d05b1da]:hover:after{width:100%}.btn-return[data-v-7d05b1da]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-7d05b1da]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-7d05b1da]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-7d05b1da]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-7d05b1da]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-7d05b1da]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-7d05b1da]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-7d05b1da]{background:rgb(245,247,255);margin:1rem 0rem;padding:1rem 2rem;border-radius:.5rem;box-shadow:inset .1rem .3rem #222841;border:1px #353051 solid;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #222841}.citation p[data-v-7d05b1da]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-7d05b1da]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out;font-size:1.3rem;text-decoration:underline}.link-text[data-v-7d05b1da]:hover{color:#fff;background-size:100% 100%}.merci[data-v-7d05b1da]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-7d05b1da]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-7d05b1da]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-7d05b1da]{box-shadow:none}@media (min-width: 768px){#topPage[data-v-7d05b1da]{padding-top:7.5rem}.container1[data-v-7d05b1da]{width:95%}.colonne1[data-v-7d05b1da]{padding:.5rem 2rem}.espace-supp-colonne1[data-v-7d05b1da]{padding:2rem 1.5rem}h5[data-v-7d05b1da]{padding:.4rem 0 1.2rem}p[data-v-7d05b1da],ul[data-v-7d05b1da],ol[data-v-7d05b1da]{margin:1rem 0rem;padding:0 2rem}ul[data-v-7d05b1da],ol[data-v-7d05b1da]{padding:0 2rem 0 4rem}.citation[data-v-7d05b1da]{margin:1.5rem 1rem;padding:1rem 2rem}}@media (min-width: 1135px){#topPage[data-v-7d05b1da]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-7d05b1da]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-7d05b1da]{font-size:2.7rem}p[data-v-7d05b1da],ul[data-v-7d05b1da],ol[data-v-7d05b1da]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-7d05b1da],ol[data-v-7d05b1da]{padding:0 2rem 0 4rem}.citation[data-v-7d05b1da]{margin:1.5rem 4rem;padding:1rem 2rem}}#topPage[data-v-4b30572f]{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:6.1rem;height:100%;min-height:100vh}.titre[data-v-4b30572f]{width:100%;z-index:1;color:#353051}h2[data-v-4b30572f]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:1.8rem;letter-spacing:.1rem;text-align:center}h3[data-v-4b30572f]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-4b30572f]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-4b30572f]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-4b30572f],ul[data-v-4b30572f],ol[data-v-4b30572f]{font-weight:500;padding:0}ul[data-v-4b30572f],ol[data-v-4b30572f]{padding:0 0 0 2rem}button[data-v-4b30572f],button[data-v-4b30572f]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-4b30572f]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-4b30572f]:before,button[data-v-4b30572f]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-4b30572f]:before,.btn[data-v-4b30572f]:before,.btn-rond[data-v-4b30572f]:after,.btn[data-v-4b30572f]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-4b30572f]:hover:after,.btn[data-v-4b30572f]:hover:after{width:100%}.btn-return[data-v-4b30572f]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-4b30572f]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-4b30572f]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-4b30572f]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-4b30572f]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-4b30572f]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-4b30572f]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-4b30572f]{background:rgb(245,247,255);margin:1rem 0rem;padding:1rem 2rem;border-radius:.5rem;box-shadow:inset .1rem .3rem #222841;border:1px #353051 solid;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #222841}.citation p[data-v-4b30572f]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-4b30572f]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out;font-size:1.3rem;text-decoration:underline}.link-text[data-v-4b30572f]:hover{color:#fff;background-size:100% 100%}.merci[data-v-4b30572f]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-4b30572f]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-4b30572f]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-4b30572f]{box-shadow:none}#contexte[data-v-4b30572f],#analyse-existant[data-v-4b30572f],#test1[data-v-4b30572f],#modif-maquettes[data-v-4b30572f],#test2[data-v-4b30572f],#modif-maquettes2[data-v-4b30572f]{scroll-margin-top:10rem}.container-links[data-v-4b30572f]{width:100%;position:fixed;top:2rem;height:auto;z-index:3;display:flex;justify-content:center}.fixed-links[data-v-4b30572f]{left:0;width:100%;background-color:#e7e4ff;display:flex;justify-content:center;align-items:center;z-index:2;padding:0 1.5rem}.fixed-links a[data-v-4b30572f]{color:#353051;font-family:Montserrat;font-size:.9rem;font-weight:600;text-decoration:underline}.fixed-links p[data-v-4b30572f]{color:#353051;font-size:.9rem;margin:.7rem 0rem}.fixed-links a.active[data-v-4b30572f]{font-weight:700;text-decoration:none}@media (min-width: 768px){#topPage[data-v-4b30572f]{padding-top:7.5rem}.container1[data-v-4b30572f]{width:95%}.colonne1[data-v-4b30572f]{padding:.5rem 2rem}h5[data-v-4b30572f]{padding:.4rem 0 0}p[data-v-4b30572f],ul[data-v-4b30572f],ol[data-v-4b30572f]{margin:1rem 0rem;padding:0 2rem}ul[data-v-4b30572f],ol[data-v-4b30572f]{padding:0 2rem 0 4rem}.citation[data-v-4b30572f]{margin:1.5rem 1rem;padding:1rem 2rem}#contexte[data-v-4b30572f],#analyse-existant[data-v-4b30572f],#test1[data-v-4b30572f],#modif-maquettes[data-v-4b30572f],#test2[data-v-4b30572f],#modif-maquettes2[data-v-4b30572f]{scroll-margin-top:10rem}.container-links[data-v-4b30572f]{width:100%;position:fixed;top:4.5rem;height:auto;z-index:3;display:flex;justify-content:center}.fixed-links[data-v-4b30572f]{left:0;width:100%;background-color:#e7e4ff;display:flex;justify-content:center;align-items:center;z-index:2}.fixed-links a[data-v-4b30572f]{color:#353051;font-family:Montserrat;font-size:.9rem;font-weight:600;text-decoration:underline}.fixed-links p[data-v-4b30572f]{color:#353051;font-size:.9rem;margin:.7rem 0rem}.fixed-links a.active[data-v-4b30572f]{font-weight:700;text-decoration:none}}@media (min-width: 1135px){#topPage[data-v-4b30572f]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-4b30572f]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-4b30572f]{font-size:2.7rem}p[data-v-4b30572f],ul[data-v-4b30572f],ol[data-v-4b30572f]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-4b30572f],ol[data-v-4b30572f]{padding:0 2rem 0 4rem}.citation[data-v-4b30572f]{margin:1.5rem 4rem;padding:1rem 2rem}#contexte[data-v-4b30572f],#analyse-existant[data-v-4b30572f],#test1[data-v-4b30572f],#modif-maquettes[data-v-4b30572f],#test2[data-v-4b30572f],#modif-maquettes2[data-v-4b30572f]{scroll-margin-top:7rem}.container-links[data-v-4b30572f]{top:2.7rem}}#topPage[data-v-d5ab88a1]{display:flex;flex-direction:column;align-items:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:6.1rem;height:100%;min-height:100vh}.titre[data-v-d5ab88a1]{width:100%;z-index:1;color:#353051}h2[data-v-d5ab88a1]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:1.8rem;letter-spacing:.1rem;text-align:center}h3[data-v-d5ab88a1]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-d5ab88a1]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-d5ab88a1]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-d5ab88a1],ul[data-v-d5ab88a1],ol[data-v-d5ab88a1]{font-weight:500;padding:0}ul[data-v-d5ab88a1],ol[data-v-d5ab88a1]{padding:0 0 0 2rem}button[data-v-d5ab88a1],button[data-v-d5ab88a1]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-d5ab88a1]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-d5ab88a1]:before,button[data-v-d5ab88a1]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-d5ab88a1]:before,.btn[data-v-d5ab88a1]:before,.btn-rond[data-v-d5ab88a1]:after,.btn[data-v-d5ab88a1]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-d5ab88a1]:hover:after,.btn[data-v-d5ab88a1]:hover:after{width:100%}.btn-return[data-v-d5ab88a1]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-d5ab88a1]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-d5ab88a1]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-d5ab88a1]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-d5ab88a1]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-d5ab88a1]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-d5ab88a1]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-d5ab88a1]{background:rgb(245,247,255);margin:1rem 0rem;padding:1rem 2rem;border-radius:.5rem;box-shadow:inset .1rem .3rem #222841;border:1px #353051 solid;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #222841}.citation p[data-v-d5ab88a1]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-d5ab88a1]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out;font-size:1.3rem;text-decoration:underline}.link-text[data-v-d5ab88a1]:hover{color:#fff;background-size:100% 100%}.merci[data-v-d5ab88a1]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-d5ab88a1]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-d5ab88a1]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-d5ab88a1]{box-shadow:none}.paragraphe-mis-en-avant[data-v-d5ab88a1]{color:#353051;padding-left:2rem;font-style:italic;font-size:1.1rem}@media (min-width: 768px){#topPage[data-v-d5ab88a1]{padding-top:7.5rem}.container1[data-v-d5ab88a1]{width:95%}.colonne1[data-v-d5ab88a1]{padding:.5rem 2rem}h5[data-v-d5ab88a1]{padding:.4rem 0 0}p[data-v-d5ab88a1],ul[data-v-d5ab88a1],ol[data-v-d5ab88a1]{margin:1rem 0rem;padding:0 2rem}ul[data-v-d5ab88a1],ol[data-v-d5ab88a1]{padding:0 2rem 0 4rem}.citation[data-v-d5ab88a1]{margin:1.5rem 1rem;padding:1rem 2rem}}@media (min-width: 1135px){#topPage[data-v-d5ab88a1]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-d5ab88a1]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-d5ab88a1]{font-size:2.7rem}p[data-v-d5ab88a1],ul[data-v-d5ab88a1],ol[data-v-d5ab88a1]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-d5ab88a1],ol[data-v-d5ab88a1]{padding:0 2rem 0 4rem}.citation[data-v-d5ab88a1]{margin:1.5rem 4rem;padding:1rem 2rem}}html{scroll-behavior:smooth}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} +:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;transition:color .5s,background-color .5s;line-height:1.6;font-family:Open Sans,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;box-sizing:border-box;font-weight:400;font-family:Open Sans,sans-serif}a{text-decoration:none;color:#1a1e36;cursor:pointer}@media (hover: hover){a:hover{cursor:pointer}}*[data-v-96a735db]{font-family:Montserrat,sans-serif}.container1[data-v-96a735db]{display:flex;flex-direction:column;text-align:center;position:fixed;right:0;left:0;top:0;z-index:10}.orange[data-v-96a735db]{background-color:#1a1e36;background-color:#353051;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.9rem 1.5rem;text-align:left;height:3.1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.menu-points[data-v-96a735db],.menu-points img[data-v-96a735db]{height:1.5rem}nav[data-v-96a735db]{padding:1rem;text-align:center;display:flex;flex-direction:column}nav a[data-v-96a735db]{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:600;padding:2rem .7rem;border-left:0px solid rgba(33,157,178,.3);color:#fff;transition:.4s}nav a p[data-v-96a735db]:hover{transform:scale(1.03)}h1[data-v-96a735db]:hover{transform:scale(1.03)}nav a[data-v-96a735db]:first-of-type{border:0}h1[data-v-96a735db]{font-weight:700;font-size:1.15rem;color:#fff}.picto img[data-v-96a735db]{height:2.8rem;margin-top:3rem;margin-right:2rem;margin-left:2rem}.picto img[data-v-96a735db]:hover{transform:scale(1.08)}.blue[data-v-96a735db]{display:flex;justify-content:center;background-color:#353051e6;padding:0 1.5rem;margin-top:-50px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:100vh}.responsive a[data-v-96a735db]{display:none}@media (min-width: 471px){h1[data-v-96a735db]{font-size:1.3rem}}@media (min-width: 768px){.menu-points[data-v-96a735db]{display:none}.picto[data-v-96a735db]{display:flex;flex-direction:row}.picto a[data-v-96a735db]{padding:0 .5rem}.picto img[data-v-96a735db]{height:1.6rem;margin-top:.5rem;margin-right:.5rem;margin-left:.5rem}nav a[data-v-96a735db]{padding:0 .7rem;border-left:1px solid #1c657c}.container1[data-v-96a735db]{display:grid;grid-template-columns:3fr 5fr;color:#fff;height:5.5rem}nav[data-v-96a735db]{padding:1rem 0}h1[data-v-96a735db]{font-weight:700;text-align:left}.orange[data-v-96a735db]{background-color:#1a1e36;display:flex;align-items:center;justify-content:left;height:fit-content;height:5.5rem}.blue[data-v-96a735db],.responsive[data-v-96a735db]{background-color:#1a1e36;background-color:#353051;padding:.9rem;display:flex;flex-direction:row;justify-content:right;align-items:center;box-shadow:#0000 .5rem .5rem 2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-top:0;height:5.5rem}.blue a[data-v-96a735db],.responsive a[data-v-96a735db]{display:block;font-size:1.1rem}}@media (min-width: 1135px){.container1[data-v-96a735db],.orange[data-v-96a735db],.blue[data-v-96a735db],.responsive[data-v-96a735db]{height:3.7rem}}.englobeur-first[data-v-a1af0adf]{background:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.text-photo[data-v-a1af0adf]{gap:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.photo2[data-v-a1af0adf]{height:14rem;width:14rem;border-radius:15rem;margin-top:5rem;box-shadow:0 0 2rem #1a1e36e6;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c;box-shadow:-.2rem -.2rem #1a1e36e6,.4rem .4rem #1c657c}.photo-fade-enter-active[data-v-a1af0adf]{transition:all 2.3s ease-out}.photo-fade-enter-from[data-v-a1af0adf]{opacity:0}.text[data-v-a1af0adf]{font-family:Montserrat,sans-serif;display:flex;flex-direction:column;align-items:start;gap:.8rem;padding:1.5rem 0;margin:0 2rem}.bienvenue[data-v-a1af0adf]{color:#c5b2a9;color:#1a1e36;font-weight:400;font-size:1.6rem;line-height:1rem}.portfolio[data-v-a1af0adf]{color:#c5b2a9;color:#1a1e36;color:#353051;font-weight:600;font-size:2.5rem;line-height:1.3}.texte-prez-first[data-v-a1af0adf]{color:#1a1e36;font-weight:500;font-size:1rem;line-height:1.5;margin-top:.5rem}.slide-fade1-enter-active[data-v-a1af0adf]{transition:all .8s cubic-bezier(.34,1.56,.64,1)}.slide-fade2-enter-active[data-v-a1af0adf]{transition:all .8s cubic-bezier(.34,1.56,.64,1);transition-delay:.4s}.slide-fade1-enter-from[data-v-a1af0adf],.slide-fade2-enter-from[data-v-a1af0adf]{transform:translate(-10rem);opacity:0}button[data-v-a1af0adf],button[data-v-a1af0adf]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-a1af0adf]:before{height:100%;left:0;top:0;width:0}button[data-v-a1af0adf]:after{height:100%;left:0;top:0;width:0}button[data-v-a1af0adf]:hover:after{width:100%}.btn-continue[data-v-a1af0adf]{display:none}.btn-rond[data-v-a1af0adf]{width:3.2rem;height:3.2rem;display:flex;justify-content:center}.container-button[data-v-a1af0adf]{display:flex;justify-content:center;align-items:center;margin:1rem 0}button[data-v-a1af0adf]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-a1af0adf]:before,button[data-v-a1af0adf]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}@media (min-width: 430px){.text-photo[data-v-a1af0adf]{gap:1rem}.photo2[data-v-a1af0adf]{height:16rem;width:16rem}.bienvenue[data-v-a1af0adf]{font-size:2.2rem;line-height:1.5rem}.portfolio[data-v-a1af0adf]{font-size:3.4rem;line-height:1.1}.texte-prez-first[data-v-a1af0adf]{font-size:1.2rem;margin-top:1rem}}@media (min-width: 768px){.englobeur-first[data-v-a1af0adf]{padding:10rem 0}.photo2[data-v-a1af0adf]{height:21rem;width:21rem;margin-top:0}.text[data-v-a1af0adf]{margin:0 6rem;padding:2rem 0}.bienvenue[data-v-a1af0adf]{font-size:2.6rem}.portfolio[data-v-a1af0adf]{font-size:4rem}.texte-prez-first[data-v-a1af0adf]{margin-top:1.5rem}.container-button[data-v-a1af0adf]{margin:2rem 0}.btn-continue[data-v-a1af0adf]{display:flex;align-items:center;position:absolute;bottom:2rem}}@media (min-width: 1135px){.englobeur-first[data-v-a1af0adf]{padding:0}.text-photo[data-v-a1af0adf]{width:100%;max-width:1500px;gap:0;padding:0 4rem;display:flex;justify-content:center;align-items:center;flex-direction:row}.text[data-v-a1af0adf]{display:flex;justify-content:center;grid-column:1;grid-row:1;width:fit-content;margin:0}.container-photo[data-v-a1af0adf]{display:flex;justify-content:center;align-items:center;width:60%}.bienvenue[data-v-a1af0adf]{font-size:3rem;padding-top:.8rem;display:flex;justify-content:center;align-items:center;line-height:1.5rem}.portfolio[data-v-a1af0adf]{padding-top:.4rem;font-size:4rem}.texte-prez-first[data-v-a1af0adf]{line-height:1.5}}.item[data-v-af523d86]{display:flex;flex-direction:column;margin:1rem 0;padding:0;width:100%;overflow:hidden}.img[data-v-af523d86]{width:100%;margin:0;padding:0;box-shadow:#0000000d .2rem .2rem .5rem}.section-texte[data-v-af523d86]{display:flex;flex-direction:column;justify-content:end;align-items:center;padding:1rem 2rem 0;position:relative}h4[data-v-af523d86]{padding:0;font-weight:700;font-size:1.3rem;font-family:Montserrat,sans-serif;width:100%}@media (min-width: 768px){h4[data-v-af523d86]{font-size:1.5rem}}@media (min-width: 1135px){.item[data-v-af523d86]{margin:0;flex-direction:row;min-height:31rem}.img[data-v-af523d86]{min-width:60%;height:auto}h4[data-v-af523d86]{font-size:2rem}}img[data-v-b45a63cc]{height:100%;width:100%;object-fit:cover;object-position:top center}.height[data-v-b45a63cc]{position:relative;height:20rem;overflow:hidden}.height img[data-v-b45a63cc]:nth-child(2){position:absolute;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-b45a63cc]:nth-child(2){opacity:1}@media (min-width: 735px){.height[data-v-b45a63cc]{height:25rem}}@media (min-width: 1135px){img[data-v-b45a63cc]{object-position:top center}.height[data-v-b45a63cc]{height:100%;object-fit:cover}}img[data-v-5a712356]{height:100%;width:100%;object-fit:cover;object-position:top center}.height[data-v-5a712356]{position:relative;height:20rem;overflow:hidden}.height img[data-v-5a712356]:nth-child(2){position:absolute;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-5a712356]:nth-child(2){opacity:1}@media (min-width: 735px){.height[data-v-5a712356]{height:25rem}}@media (min-width: 1135px){img[data-v-5a712356]{object-position:top center}.height[data-v-5a712356]{height:100%;object-fit:cover}}img[data-v-d704363a]{height:100%;width:100%;object-fit:cover;object-position:top center}.height[data-v-d704363a]{position:relative;height:20rem;overflow:hidden}.height img[data-v-d704363a]:nth-child(2){position:absolute;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-d704363a]:nth-child(2){opacity:1}@media (min-width: 735px){.height[data-v-d704363a]{height:25rem}}@media (min-width: 1135px){img[data-v-d704363a]{object-position:top center}.height[data-v-d704363a]{height:100%;object-fit:cover}}img[data-v-11529734]{height:100%;width:100%;object-fit:cover;object-position:center center}.height[data-v-11529734]{position:relative;height:20rem;overflow:hidden}@media (min-width: 735px){.height[data-v-11529734]{height:25rem}}@media (min-width: 1135px){img[data-v-11529734]{object-position:top center}.height[data-v-11529734]{height:100%;object-fit:cover}}#reals[data-v-264bda07]{padding-top:5rem;min-height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;min-width:none}#reals[data-v-264bda07]:target{padding-top:6.1rem;margin-top:-3.1rem}template[data-v-264bda07]{margin:0;padding:0}.flex-project[data-v-264bda07]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:2rem}.titre[data-v-264bda07]{width:100%;z-index:1;color:#fff}h2[data-v-264bda07]{font-family:Montserrat,sans-serif;font-weight:600;padding:0 0 1rem;color:#353051;display:flex;justify-content:center;font-size:2.2rem;letter-spacing:.1rem}h3[data-v-264bda07]{color:#353051;font-size:1.8rem;font-weight:500}.DivTitreH3[data-v-264bda07]{width:100%;text-align:center}a[data-v-264bda07]{color:#353051;margin:0;padding:0;width:100%}p[data-v-264bda07]{font-size:.9rem;margin-block-start:0;margin-block-end:0}.link-text[data-v-264bda07]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out}.link-text[data-v-264bda07]:hover{color:#fff;background-size:100% 100%}.picto-external-link[data-v-264bda07]{transform:translateY(.2rem);cursor:pointer}.container-button[data-v-264bda07]{display:flex;justify-content:left;align-items:center;margin:.7rem 0}button[data-v-264bda07],button[data-v-264bda07]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-264bda07]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;border:2px #39335a solid;background-color:#1a1e36}button[data-v-264bda07]:before,button[data-v-264bda07]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn[data-v-264bda07]:before{height:100%;left:0;top:0;width:0}.btn[data-v-264bda07]:after{height:100%;left:0;top:0;width:0}.btn[data-v-264bda07]:hover:after{width:100%}.btn-disable[data-v-264bda07]{cursor:not-allowed;background-color:gray}span[data-v-264bda07]{background-color:#353051;background-color:#656ea6;background-color:#979fd9;border-radius:50px;margin:0 .7rem 0 0;padding:.2rem .8rem;color:#fff;font-size:1.1rem;font-weight:500}.trait[data-v-264bda07]{width:100%;margin:2rem 0}@media (min-width: 768px){#reals[data-v-264bda07]{padding-top:7.5rem}}@media (min-width: 1135px){#reals[data-v-264bda07]{padding-top:5.8rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.flex-project[data-v-264bda07]{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;max-width:100rem}h2[data-v-264bda07]{font-size:2.7rem;padding:3rem 0}p[data-v-264bda07]{font-size:1rem}.trait[data-v-264bda07]{margin:.2rem 0}}@media (min-width: 1440px){.flex-project[data-v-264bda07]{padding:0 1rem 2rem;width:100%}}.foot[data-v-d195d2b1]{padding:.7rem;background:#ffffff;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1rem;min-width:100%}p[data-v-d195d2b1]{color:#1c657c;color:#1a1e36;font-size:.8rem;padding:.1rem 0rem}@media screen and (min-width: 768px){.foot[data-v-d195d2b1]{padding:.7rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;line-height:1.6rem}p[data-v-d195d2b1]{font-size:.9rem;padding:.1rem 1rem}}#contact[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:4.1rem;height:100vh;min-height:1050px}.titre[data-v-9564c2f9]{width:100%;z-index:1;color:#353051}h2[data-v-9564c2f9]{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:2.2rem;letter-spacing:.1rem}.container-except-titre[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.login-card-container[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem 1.5rem 0rem;z-index:4;width:100%}.login-card-form[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%}.login-card-form-2[data-v-9564c2f9]{display:flex;flex-direction:column;width:100%;gap:1.5rem}.login-card-form .form-item[data-v-9564c2f9]{position:relative}.login-card-form .form-item .form-item-icon[data-v-9564c2f9]{position:absolute;top:.82rem;left:1.4rem;font-size:1.3rem;opacity:.4}input[type=text][data-v-9564c2f9],input[type=email][data-v-9564c2f9]{border:none;outline:none;background:rgba(255,255,255,.5);padding:1rem 1.5rem 1rem 3.2rem;border-radius:100px;width:100%;transition:background .5s;border:rgba(170,170,170,.7) 1px solid}.form-item[data-v-9564c2f9]{width:100%}input[data-v-9564c2f9]:focus{background:#fdfdff;border:#353051 1px solid}#message[data-v-9564c2f9]{border-radius:20px;width:100%;height:10rem;border:none;outline:none;padding:1rem 1.5rem;background:rgba(255,255,255,.5);transition:background .5s;border:rgba(170,170,170,.7) 1px solid}#message[data-v-9564c2f9]:focus{background:#fdfdff;border:#353051 1px solid}textarea[data-v-9564c2f9]{font-family:Open sans;font-size:.9rem}button[data-v-9564c2f9],button[data-v-9564c2f9]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-9564c2f9]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-9564c2f9]:before,button[data-v-9564c2f9]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-carre[data-v-9564c2f9]:before,.btn[data-v-9564c2f9]:before{height:100%;left:0;top:0;width:0}.btn-carre[data-v-9564c2f9]:after,.btn[data-v-9564c2f9]:after{height:100%;left:0;top:0;width:0}.btn-carre[data-v-9564c2f9]:hover:after,.btn[data-v-9564c2f9]:hover:after{width:100%}p[data-v-9564c2f9]{font-weight:500;margin-bottom:.7rem;color:#1a1e36;text-align:center}.copy[data-v-9564c2f9]{font-size:.9rem;font-weight:600;color:#fff0;animation:changerCouleur-9564c2f9 2s ease-in-out}@keyframes changerCouleur-9564c2f9{0%{color:#353051}to{color:#fff0}}.copied[data-v-9564c2f9]{font-size:.9rem;font-weight:600;color:#fff0}.container-btn-envoyer[data-v-9564c2f9]{display:flex;justify-content:center;padding-top:2rem}.btn-return[data-v-9564c2f9]{display:flex;justify-content:right;width:100%;position:absolute;bottom:5.5rem;right:1.5rem}.btn-carre[data-v-9564c2f9]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.hover-list[data-v-9564c2f9]{font-weight:600;font-size:1rem;color:#353051;box-shadow:inset 0 0 #fff;padding:0 .25rem;margin:0 -.25rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out;text-decoration:underline}.hover-list[data-v-9564c2f9]:hover{color:#fff;box-shadow:inset 250px 0 #353051;cursor:pointer}.z-index[data-v-9564c2f9]{z-index:3;bottom:0;position:absolute;width:100%}@media (min-width: 471px){#contact[data-v-9564c2f9]{min-height:1050px}}@media (min-width: 768px){#contact[data-v-9564c2f9]{padding-top:7.5rem}.login-card-container[data-v-9564c2f9]{max-width:44rem;padding:2rem 0rem}.login-card-form-2[data-v-9564c2f9]{display:flex;flex-direction:row}}@media (min-width: 1135px){#contact[data-v-9564c2f9]{height:100vh;padding-top:6.7rem}.container-except-titre[data-v-9564c2f9]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}h2[data-v-9564c2f9]{font-size:2.7rem}}.item[data-v-15d0c861]{display:flex;flex-direction:column;margin:1rem 0;padding:0;width:100%;border-top:#e05900 3px solid}.img[data-v-15d0c861]{width:100%;margin:0;padding:0;box-shadow:#0000000d .2rem .2rem .5rem}.section-texte[data-v-15d0c861]{display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:#fff;padding:1rem 2rem 2rem;border-top:1px solid #e05900;box-shadow:#0000000d .2rem .2rem .5rem;border-bottom:3px solid #e05900;transform:translateY(-.4rem);height:15rem;overflow:hidden;position:relative}.section-texte.expanded[data-v-15d0c861]{width:auto;height:100%;padding-bottom:4rem}.btn-continue[data-v-15d0c861]{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0rem;background:linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 90%,rgba(255,255,255,.2) 100%);height:4rem;width:100%}.btn-open-text[data-v-15d0c861]{position:absolute;width:3.2rem;height:3.2rem;display:flex;justify-content:center;border-radius:10rem;background-color:#e05900;box-shadow:#838e93 0 0 .7rem;border:#fff 2px solid;color:#fff;align-items:center;cursor:pointer;transform:rotate(0);transition:.5s ease-out}.btn-open-text.expanded[data-v-15d0c861]{transform:rotate(180deg)}h4[data-v-15d0c861]{padding:0;font-weight:700;font-size:1.2rem;font-family:Montserrat,sans-serif;width:100%}@media (min-width: 768px){.item[data-v-15d0c861]{width:43rem}.img[data-v-15d0c861]{height:fit-content}}.height[data-v-05af01a7]{position:relative;margin:0;padding:0;max-height:15rem;overflow:hidden}img[data-v-05af01a7]{height:100%;width:100%;object-fit:cover;object-position:top left}.height img[data-v-05af01a7]:nth-child(2){position:absolute;right:0;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-05af01a7]:nth-child(2){opacity:1;cursor:pointer}a[data-v-05af01a7]{margin:0;padding:0;line-height:0rem}.height[data-v-1242167e]{position:relative;margin:0;padding:0;max-height:15rem;overflow:hidden}img[data-v-1242167e]{height:100%;width:100%;object-fit:cover;object-position:top left}.height img[data-v-1242167e]:nth-child(2){position:absolute;right:0;opacity:0;transition:opacity ease .4s}.height:hover img[data-v-1242167e]:nth-child(2){opacity:1;cursor:pointer}a[data-v-1242167e]{margin:0;padding:0;line-height:0rem}#reals[data-v-de4fb8dd]{padding-top:5rem;min-height:100vh;background-color:#f7feff;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;min-width:none}#reals[data-v-de4fb8dd]:target{padding-top:6.1rem;margin-top:-3.1rem}template[data-v-de4fb8dd]{margin:0;padding:0}.flex-project[data-v-de4fb8dd]{display:flex;flex-direction:column;justify-content:center;align-items:start;margin:.5rem 1rem 0rem;padding-bottom:2rem}.titre[data-v-de4fb8dd]{width:100%;z-index:1;color:#fff}h2[data-v-de4fb8dd]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;color:#1c657c;display:flex;justify-content:center;font-size:2.2rem;letter-spacing:.1rem}h3[data-v-de4fb8dd]{color:#1c657c;font-size:1.8rem;font-weight:500}.DivTitreH3[data-v-de4fb8dd]{width:100%;text-align:center}a[data-v-de4fb8dd]{color:#e05900;margin:0;padding:0;width:100%}p[data-v-de4fb8dd]{font-size:.9rem;margin-block-start:0;margin-block-end:0}.link-text[data-v-de4fb8dd]{font-weight:700;box-shadow:inset 0 0 #e05900;padding:0 .15rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}.link-text[data-v-de4fb8dd]:hover{color:#fff;box-shadow:inset 700px 0 #e05900}.picto-external-link[data-v-de4fb8dd]{transform:translateY(.2rem);cursor:pointer}.container-button[data-v-de4fb8dd]{display:flex;justify-content:left;align-items:center;margin:0 0 .7rem}button[data-v-de4fb8dd],button[data-v-de4fb8dd]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-de4fb8dd]{padding:.7rem 1.1rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #e05900 solid;background:none;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;background-color:#e05900}button[data-v-de4fb8dd]:before,button[data-v-de4fb8dd]:after{border-radius:2rem;background-color:#1c657c;content:"";position:absolute;z-index:-1}.btn[data-v-de4fb8dd]:before{height:100%;left:0;top:0;width:0}.btn[data-v-de4fb8dd]:after{height:100%;left:0;top:0;width:0}.btn[data-v-de4fb8dd]:hover:after{width:100%}.btn-disable[data-v-de4fb8dd]{cursor:not-allowed;background-color:gray}@media (min-width: 768px){#reals[data-v-de4fb8dd]{padding-top:7.5rem}.container-button[data-v-de4fb8dd]{margin:.5rem 0}}@media (min-width: 1135px){#reals[data-v-de4fb8dd]{padding-top:5.8rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.flex-project[data-v-de4fb8dd]{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}h2[data-v-de4fb8dd]{font-size:2.7rem;padding:.3rem 3rem}p[data-v-de4fb8dd]{font-size:1rem}}@media (min-width: 1440px){.flex-project[data-v-de4fb8dd]{padding:0 1rem 2rem;margin:.5rem 0rem 0rem;width:100%}}#topPage[data-v-70c1c858]{display:flex;flex-direction:column;align-items:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:6.1rem;height:100%;min-height:100vh}.titre[data-v-70c1c858]{width:100%;z-index:1;color:#353051}h2[data-v-70c1c858]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:1.8rem;letter-spacing:.1rem;text-align:center}h3[data-v-70c1c858]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-70c1c858]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-70c1c858]{text-align:right;padding:.4rem 1.5rem 1rem 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-70c1c858],ul[data-v-70c1c858],ol[data-v-70c1c858]{font-weight:500;padding:0}ul[data-v-70c1c858],ol[data-v-70c1c858]{padding:0 0 0 2rem}button[data-v-70c1c858],button[data-v-70c1c858]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-70c1c858]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-70c1c858]:before,button[data-v-70c1c858]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-70c1c858]:before,.btn[data-v-70c1c858]:before,.btn-rond[data-v-70c1c858]:after,.btn[data-v-70c1c858]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-70c1c858]:hover:after,.btn[data-v-70c1c858]:hover:after{width:100%}.btn-return[data-v-70c1c858]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-70c1c858]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-70c1c858]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-70c1c858]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-70c1c858]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-70c1c858]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-70c1c858]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-70c1c858]{background:rgb(245,247,255);margin:1rem 0rem;padding:1rem 2rem;border-radius:.5rem;box-shadow:inset .1rem .3rem #222841;border:1px #353051 solid;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #222841}.citation p[data-v-70c1c858]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-70c1c858]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out;font-size:1.3rem;text-decoration:underline}.link-text[data-v-70c1c858]:hover{color:#fff;background-size:100% 100%}.merci[data-v-70c1c858]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-70c1c858]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-70c1c858]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-70c1c858]{box-shadow:none}@media (min-width: 768px){#topPage[data-v-70c1c858]{padding-top:7.5rem}.container1[data-v-70c1c858]{width:95%}.colonne1[data-v-70c1c858]{padding:.5rem 2rem}.espace-supp-colonne1[data-v-70c1c858]{padding:2rem 1.5rem}h5[data-v-70c1c858]{padding:.4rem 0 1.2rem}p[data-v-70c1c858],ul[data-v-70c1c858],ol[data-v-70c1c858]{margin:1rem 0rem;padding:0 2rem}ul[data-v-70c1c858],ol[data-v-70c1c858]{padding:0 2rem 0 4rem}.citation[data-v-70c1c858]{margin:1.5rem 1rem;padding:1rem 2rem}}@media (min-width: 1135px){#topPage[data-v-70c1c858]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-70c1c858]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-70c1c858]{font-size:2.7rem}p[data-v-70c1c858],ul[data-v-70c1c858],ol[data-v-70c1c858]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-70c1c858],ol[data-v-70c1c858]{padding:0 2rem 0 4rem}.citation[data-v-70c1c858]{margin:1.5rem 4rem;padding:1rem 2rem}}#topPage[data-v-7d05b1da]{display:flex;flex-direction:column;align-items:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:6.1rem;height:100%;min-height:100vh}.titre[data-v-7d05b1da]{width:100%;z-index:1;color:#353051}h2[data-v-7d05b1da]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:1.8rem;letter-spacing:.1rem;text-align:center}h3[data-v-7d05b1da]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-7d05b1da]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-7d05b1da]{text-align:right;padding:.4rem 1.5rem 1rem 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-7d05b1da],ul[data-v-7d05b1da],ol[data-v-7d05b1da]{font-weight:500;padding:0}ul[data-v-7d05b1da],ol[data-v-7d05b1da]{padding:0 0 0 2rem}button[data-v-7d05b1da],button[data-v-7d05b1da]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-7d05b1da]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-7d05b1da]:before,button[data-v-7d05b1da]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-7d05b1da]:before,.btn[data-v-7d05b1da]:before,.btn-rond[data-v-7d05b1da]:after,.btn[data-v-7d05b1da]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-7d05b1da]:hover:after,.btn[data-v-7d05b1da]:hover:after{width:100%}.btn-return[data-v-7d05b1da]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-7d05b1da]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-7d05b1da]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-7d05b1da]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-7d05b1da]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-7d05b1da]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-7d05b1da]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-7d05b1da]{background:rgb(245,247,255);margin:1rem 0rem;padding:1rem 2rem;border-radius:.5rem;box-shadow:inset .1rem .3rem #222841;border:1px #353051 solid;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #222841}.citation p[data-v-7d05b1da]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-7d05b1da]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out;font-size:1.3rem;text-decoration:underline}.link-text[data-v-7d05b1da]:hover{color:#fff;background-size:100% 100%}.merci[data-v-7d05b1da]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-7d05b1da]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-7d05b1da]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-7d05b1da]{box-shadow:none}@media (min-width: 768px){#topPage[data-v-7d05b1da]{padding-top:7.5rem}.container1[data-v-7d05b1da]{width:95%}.colonne1[data-v-7d05b1da]{padding:.5rem 2rem}.espace-supp-colonne1[data-v-7d05b1da]{padding:2rem 1.5rem}h5[data-v-7d05b1da]{padding:.4rem 0 1.2rem}p[data-v-7d05b1da],ul[data-v-7d05b1da],ol[data-v-7d05b1da]{margin:1rem 0rem;padding:0 2rem}ul[data-v-7d05b1da],ol[data-v-7d05b1da]{padding:0 2rem 0 4rem}.citation[data-v-7d05b1da]{margin:1.5rem 1rem;padding:1rem 2rem}}@media (min-width: 1135px){#topPage[data-v-7d05b1da]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-7d05b1da]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-7d05b1da]{font-size:2.7rem}p[data-v-7d05b1da],ul[data-v-7d05b1da],ol[data-v-7d05b1da]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-7d05b1da],ol[data-v-7d05b1da]{padding:0 2rem 0 4rem}.citation[data-v-7d05b1da]{margin:1.5rem 4rem;padding:1rem 2rem}}#topPage[data-v-4b30572f]{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:6.1rem;height:100%;min-height:100vh}.titre[data-v-4b30572f]{width:100%;z-index:1;color:#353051}h2[data-v-4b30572f]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:1.8rem;letter-spacing:.1rem;text-align:center}h3[data-v-4b30572f]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-4b30572f]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-4b30572f]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-4b30572f],ul[data-v-4b30572f],ol[data-v-4b30572f]{font-weight:500;padding:0}ul[data-v-4b30572f],ol[data-v-4b30572f]{padding:0 0 0 2rem}button[data-v-4b30572f],button[data-v-4b30572f]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-4b30572f]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-4b30572f]:before,button[data-v-4b30572f]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-4b30572f]:before,.btn[data-v-4b30572f]:before,.btn-rond[data-v-4b30572f]:after,.btn[data-v-4b30572f]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-4b30572f]:hover:after,.btn[data-v-4b30572f]:hover:after{width:100%}.btn-return[data-v-4b30572f]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-4b30572f]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-4b30572f]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-4b30572f]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-4b30572f]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-4b30572f]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-4b30572f]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-4b30572f]{background:rgb(245,247,255);margin:1rem 0rem;padding:1rem 2rem;border-radius:.5rem;box-shadow:inset .1rem .3rem #222841;border:1px #353051 solid;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #222841}.citation p[data-v-4b30572f]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-4b30572f]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out;font-size:1.3rem;text-decoration:underline}.link-text[data-v-4b30572f]:hover{color:#fff;background-size:100% 100%}.merci[data-v-4b30572f]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-4b30572f]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-4b30572f]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-4b30572f]{box-shadow:none}#contexte[data-v-4b30572f],#analyse-existant[data-v-4b30572f],#test1[data-v-4b30572f],#modif-maquettes[data-v-4b30572f],#test2[data-v-4b30572f],#modif-maquettes2[data-v-4b30572f]{scroll-margin-top:10rem}.container-links[data-v-4b30572f]{width:100%;position:fixed;top:2rem;height:auto;z-index:3;display:flex;justify-content:center}.fixed-links[data-v-4b30572f]{left:0;width:100%;background-color:#e7e4ff;display:flex;justify-content:center;align-items:center;z-index:2;padding:0 1.5rem}.fixed-links a[data-v-4b30572f]{color:#353051;font-family:Montserrat;font-size:.9rem;font-weight:600;text-decoration:underline}.fixed-links p[data-v-4b30572f]{color:#353051;font-size:.9rem;margin:.7rem 0rem}.fixed-links a.active[data-v-4b30572f]{font-weight:700;text-decoration:none}@media (min-width: 768px){#topPage[data-v-4b30572f]{padding-top:7.5rem}.container1[data-v-4b30572f]{width:95%}.colonne1[data-v-4b30572f]{padding:.5rem 2rem}h5[data-v-4b30572f]{padding:.4rem 0 0}p[data-v-4b30572f],ul[data-v-4b30572f],ol[data-v-4b30572f]{margin:1rem 0rem;padding:0 2rem}ul[data-v-4b30572f],ol[data-v-4b30572f]{padding:0 2rem 0 4rem}.citation[data-v-4b30572f]{margin:1.5rem 1rem;padding:1rem 2rem}#contexte[data-v-4b30572f],#analyse-existant[data-v-4b30572f],#test1[data-v-4b30572f],#modif-maquettes[data-v-4b30572f],#test2[data-v-4b30572f],#modif-maquettes2[data-v-4b30572f]{scroll-margin-top:10rem}.container-links[data-v-4b30572f]{width:100%;position:fixed;top:4.5rem;height:auto;z-index:3;display:flex;justify-content:center}.fixed-links[data-v-4b30572f]{left:0;width:100%;background-color:#e7e4ff;display:flex;justify-content:center;align-items:center;z-index:2}.fixed-links a[data-v-4b30572f]{color:#353051;font-family:Montserrat;font-size:.9rem;font-weight:600;text-decoration:underline}.fixed-links p[data-v-4b30572f]{color:#353051;font-size:.9rem;margin:.7rem 0rem}.fixed-links a.active[data-v-4b30572f]{font-weight:700;text-decoration:none}}@media (min-width: 1135px){#topPage[data-v-4b30572f]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-4b30572f]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-4b30572f]{font-size:2.7rem}p[data-v-4b30572f],ul[data-v-4b30572f],ol[data-v-4b30572f]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-4b30572f],ol[data-v-4b30572f]{padding:0 2rem 0 4rem}.citation[data-v-4b30572f]{margin:1.5rem 4rem;padding:1rem 2rem}#contexte[data-v-4b30572f],#analyse-existant[data-v-4b30572f],#test1[data-v-4b30572f],#modif-maquettes[data-v-4b30572f],#test2[data-v-4b30572f],#modif-maquettes2[data-v-4b30572f]{scroll-margin-top:7rem}.container-links[data-v-4b30572f]{top:2.7rem}}#topPage[data-v-c82bdd72]{display:flex;flex-direction:column;align-items:center;background:#fff;width:100%;position:relative;padding-top:5.1rem;padding-bottom:6.1rem;height:100%;min-height:100vh}.titre[data-v-c82bdd72]{width:100%;z-index:1;color:#353051}h2[data-v-c82bdd72]{font-family:Montserrat,sans-serif;font-weight:600;padding:.3rem 3rem;display:flex;justify-content:center;font-size:1.8rem;letter-spacing:.1rem;text-align:center}h3[data-v-c82bdd72]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-c82bdd72]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-c82bdd72]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-c82bdd72],ul[data-v-c82bdd72],ol[data-v-c82bdd72]{font-weight:500;padding:0}ul[data-v-c82bdd72],ol[data-v-c82bdd72]{padding:0 0 0 2rem}button[data-v-c82bdd72],button[data-v-c82bdd72]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-c82bdd72]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;background-color:#353051;background-color:#1a1e36;font-weight:600;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;z-index:1;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #1c657c}button[data-v-c82bdd72]:before,button[data-v-c82bdd72]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-c82bdd72]:before,.btn[data-v-c82bdd72]:before,.btn-rond[data-v-c82bdd72]:after,.btn[data-v-c82bdd72]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-c82bdd72]:hover:after,.btn[data-v-c82bdd72]:hover:after{width:100%}.btn-return[data-v-c82bdd72]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-c82bdd72]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-c82bdd72]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-c82bdd72]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-c82bdd72]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-c82bdd72]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-c82bdd72]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-c82bdd72]{background:rgb(245,247,255);margin:1rem 0rem;padding:1rem 2rem;border-radius:.5rem;box-shadow:inset .1rem .3rem #222841;border:1px #353051 solid;box-shadow:-.2rem -.2rem #656ea6,.4rem .4rem #222841}.citation p[data-v-c82bdd72]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-c82bdd72]{font-weight:700;background:linear-gradient(0deg,#353051 0%,#353051 100%);background-size:0% 100%;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out;font-size:1.3rem;text-decoration:underline}.link-text[data-v-c82bdd72]:hover{color:#fff;background-size:100% 100%}.merci[data-v-c82bdd72]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-c82bdd72]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-c82bdd72]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-c82bdd72]{box-shadow:none}.paragraphe-mis-en-avant[data-v-c82bdd72]{color:#353051;padding-left:2rem;font-style:italic;font-size:1.1rem}@media (min-width: 768px){#topPage[data-v-c82bdd72]{padding-top:7.5rem}.container1[data-v-c82bdd72]{width:95%}.colonne1[data-v-c82bdd72]{padding:.5rem 2rem}h5[data-v-c82bdd72]{padding:.4rem 0 0}p[data-v-c82bdd72],ul[data-v-c82bdd72],ol[data-v-c82bdd72]{margin:1rem 0rem;padding:0 2rem}ul[data-v-c82bdd72],ol[data-v-c82bdd72]{padding:0 2rem 0 4rem}.citation[data-v-c82bdd72]{margin:1.5rem 1rem;padding:1rem 2rem}}@media (min-width: 1135px){#topPage[data-v-c82bdd72]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-c82bdd72]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-c82bdd72]{font-size:2.7rem}p[data-v-c82bdd72],ul[data-v-c82bdd72],ol[data-v-c82bdd72]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-c82bdd72],ol[data-v-c82bdd72]{padding:0 2rem 0 4rem}.citation[data-v-c82bdd72]{margin:1.5rem 4rem;padding:1rem 2rem}}html{scroll-behavior:smooth}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} diff --git a/index.html b/index.html index 248cdd5..8c70872 100644 --- a/index.html +++ b/index.html @@ -14,8 +14,8 @@ rel="stylesheet"> - - + +