From 28fcb8aaead216a32c2f85141d73f8ef3f186946 Mon Sep 17 00:00:00 2001 From: 14h02m10s <144254313+14h02m10s@users.noreply.github.com> Date: Wed, 6 Nov 2024 23:28:40 +0100 Subject: [PATCH] Updates --- assets/{index-367929d4.js => index-6cb5f1a5.js} | 6 +++--- assets/{index-6b239337.css => index-c03f243a.css} | 2 +- index.html | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) rename assets/{index-367929d4.js => index-6cb5f1a5.js} (50%) rename assets/{index-6b239337.css => index-c03f243a.css} (93%) diff --git a/assets/index-367929d4.js b/assets/index-6cb5f1a5.js similarity index 50% rename from assets/index-367929d4.js rename to assets/index-6cb5f1a5.js index 30bfa92..4d0503f 100644 --- a/assets/index-367929d4.js +++ b/assets/index-6cb5f1a5.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 de={},Rt=[],Je=()=>{},Ir=()=>!1,Sr=/^on[^a-z]/,Ys=e=>Sr.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,Ss=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(It)),as(e)&&r.push(o.get(Ln)));break;case"delete":V(e)||(r.push(o.get(It)),as(e)&&r.push(o.get(Ln)));break;case"set":as(e)&&r.push(o.get(It));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 Ps(e,t=!1){return e=e.__v_raw,!t&&Le(ee(e),"iterate",It),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 Es(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",It),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:It),{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 Ps(this)},has:Cs,add:Ha,set:Ba,delete:Ka,clear:Wa,forEach:Es(!1,!1)},t={get(i){return qs(this,i,!1,!0)},get size(){return Ps(this)},has:Cs,add:Ha,set:Ba,delete:Ka,clear:Wa,forEach:Es(!1,!0)},s={get(i){return qs(this,i,!0)},get size(){return Ps(this,!0)},has(i){return Cs.call(this,i,!0)},add:ct("add"),set:ct("set"),delete:ct("delete"),clear:ct("clear"),forEach:Es(!0,!1)},n={get(i){return qs(this,i,!0,!0)},get size(){return Ps(this,!0)},has(i){return Cs.call(this,i,!0)},add:ct("add"),set:ct("set"),delete:ct("delete"),clear:ct("clear"),forEach:Es(!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 Pl(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 El(e,!1)}function El(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?Pt+1:Pt))&&Ut.push(e),no()}function Xa(e,t=ms?et+1:0){for(;tbs(s)-bs(n)),Pt=0;Pte.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 Pe(e){on=e}function Ee(){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=()=>Ie(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"?Ie(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):St(),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&&(!Et(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&&Et(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=I=>{h||(h=!0,I?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 St(),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=Po(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=Sl.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:I}=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:Pl(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,Ie(w,s)):w()}}}const Ie=Bl;function Cc(e){return Pc(e)}function Pc(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,E=!1,O=null,P=!!v.dynamicChildren)=>{if(d===v)return;d&&!Et(d,v)&&(_=ue(d),je(d,y,j,!0),d=null),v.patchFlag===-2&&(P=!1,v.dynamicChildren=null);const{type:x,ref:z,shapeFlag:S}=v;switch(x){case cn:M(d,v,b,_);break;case st:F(d,v,b,_);break;case ks:d==null&&N(v,b,_,E);break;case Oe:h(d,v,b,_,y,j,E,O,P);break;default:S&1?U(d,v,b,_,y,j,E,O,P):S&6?L(d,v,b,_,y,j,E,O,P):(S&64||S&128)&&x.process(d,v,b,_,y,j,E,O,P,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,E,O,P)=>{E=E||v.type==="svg",d==null?W(v,b,_,y,j,E,O,P):B(d,v,y,j,E,O,P)},W=(d,v,b,_,y,j,E,O)=>{let P,x;const{type:z,props:S,shapeFlag:R,transition:H,dirs:Z}=d;if(P=d.el=o(d.type,j,S&&S.is,S),R&8?u(P,d.children):R&16&&$(d.children,P,null,_,y,j&&z!=="foreignObject",E,O),Z&&xt(d,null,_,"created"),ie(P,d,d.scopeId,E,_),S){for(const ae in S)ae!=="value"&&!Ss(ae)&&i(P,ae,null,S[ae],j,d.children,_,y,ve);"value"in S&&i(P,"value",null,S.value),(x=S.onVnodeBeforeMount)&&Qe(x,_,d)}Z&&xt(d,null,_,"beforeMount");const re=(!y||y&&!y.pendingBranch)&&H&&!H.persisted;re&&H.beforeEnter(P),n(P,v,b),((x=S&&S.onVnodeMounted)||re||Z)&&Ie(()=>{x&&Qe(x,_,d),re&&H.enter(P),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 E=y.vnode;ie(d,E,E.scopeId,E.slotScopeIds,y.parent)}}},$=(d,v,b,_,y,j,E,O,P=0)=>{for(let x=P;x{const O=v.el=d.el;let{patchFlag:P,dynamicChildren:x,dirs:z}=v;P|=d.patchFlag&16;const S=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):E||Y(d,v,O,null,b,_,Z,j,!1),P>0){if(P&16)A(O,v,S,R,b,_,y);else if(P&2&&S.class!==R.class&&i(O,"class",null,R.class,y),P&4&&i(O,"style",S.style,R.style,y),P&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,E)=>{for(let O=0;O{if(b!==_){if(b!==de)for(const O in b)!Ss(O)&&!(O in _)&&i(d,O,b[O],null,E,v.children,y,j,ve);for(const O in _){if(Ss(O))continue;const P=_[O],x=b[O];P!==x&&O!=="value"&&i(d,O,x,P,E,v.children,y,j,ve)}"value"in _&&i(d,"value",b.value,_.value)}},h=(d,v,b,_,y,j,E,O,P)=>{const x=v.el=d?d.el:r(""),z=v.anchor=d?d.anchor:r("");let{patchFlag:S,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,E,O,P)):S>0&&S&64&&R&&d.dynamicChildren?(J(d.dynamicChildren,R,b,y,j,E,O),(v.key!=null||y&&v===y.subTree)&&qo(d,v,!0)):Y(d,v,b,z,y,j,E,O,P)},L=(d,v,b,_,y,j,E,O,P)=>{v.slotScopeIds=O,d==null?v.shapeFlag&512?y.ctx.activate(v,b,_,E,P):I(v,b,_,y,j,E,P):ce(d,v,P)},I=(d,v,b,_,y,j,E)=>{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 P=O.subTree=D(st);F(null,P,v,b)}return}se(O,d,v,b,y,j,E)},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,E)=>{const O=()=>{if(d.isMounted){let{next:z,bu:S,u:R,parent:H,vnode:Z}=d,re=z,ae;wt(d,!1),z?(z.el=Z.el,te(d,z,E)):z=Z,S&&hn(S),(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&&Ie(R,y),(ae=z.props&&z.props.onVnodeUpdated)&&Ie(()=>Qe(ae,H,z,Z),y)}else{let z;const{el:S,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),S&&De){const be=()=>{d.subTree=gn(d),De(S,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&&Ie(Z,y),!ae&&(z=R&&R.onVnodeMounted)){const be=v;Ie(()=>Qe(z,re,be),y)}(v.shapeFlag&256||re&&is(re.vnode)&&re.vnode.shapeFlag&256)&&d.a&&Ie(d.a,y),d.isMounted=!0,v=b=_=null}},P=d.effect=new ca(O,()=>ba(x),d.scope),x=d.update=()=>P.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,E,O,P=!1)=>{const x=d&&d.children,z=d?d.shapeFlag:0,S=v.children,{patchFlag:R,shapeFlag:H}=v;if(R>0){if(R&128){at(x,S,b,_,y,j,E,O,P);return}else if(R&256){Te(x,S,b,_,y,j,E,O,P);return}}H&8?(z&16&&ve(x,y,j),S!==x&&u(b,S)):z&16?H&16?at(x,S,b,_,y,j,E,O,P):ve(x,y,j,!0):(z&8&&u(b,""),H&16&&$(S,b,_,y,j,E,O,P))},Te=(d,v,b,_,y,j,E,O,P)=>{d=d||Rt,v=v||Rt;const x=d.length,z=v.length,S=Math.min(x,z);let R;for(R=0;Rz?ve(d,y,j,!0,!1,S):$(v,b,_,y,j,E,O,P,S)},at=(d,v,b,_,y,j,E,O,P)=>{let x=0;const z=v.length;let S=d.length-1,R=z-1;for(;x<=S&&x<=R;){const H=d[x],Z=v[x]=P?pt(v[x]):Ge(v[x]);if(Et(H,Z))C(H,Z,b,null,y,j,E,O,P);else break;x++}for(;x<=S&&x<=R;){const H=d[S],Z=v[R]=P?pt(v[R]):Ge(v[R]);if(Et(H,Z))C(H,Z,b,null,y,j,E,O,P);else break;S--,R--}if(x>S){if(x<=R){const H=R+1,Z=HR)for(;x<=S;)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]=P?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&&Et(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,E,O,P),be++)}const Na=Nt?Ec(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:E,transition:O,children:P,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){E.move(d,v,b,me);return}if(E===Oe){n(j,v,b);for(let S=0;SO.enter(j),y);else{const{leave:S,delayLeave:R,afterLeave:H}=O,Z=()=>n(j,v,b),re=()=>{S(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:E,ref:O,children:P,dynamicChildren:x,shapeFlag:z,patchFlag:S,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=E&&E.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||S>0&&S&64)?ve(x,v,b,!1,!0):(j===Oe&&S&384||!y&&z&16)&&ve(P,v,b),_&&ke(d)}(Z&&(re=E&&E.onVnodeUnmounted)||H)&&Ie(()=>{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:E,delayLeave:O}=y,P=()=>E(b,j);O?O(d.el,j,P):P()}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:E,um:O}=d;_&&hn(_),y.stop(),j&&(j.active=!1,je(E,d,v,b)),O&&Ie(O,v),Ie(()=>{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 E=j;Ed.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:I,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 Po(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 Et(e,t){return e.type===t.type&&e.key===t.key}const dn="__vInternal",Eo=({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&&Eo(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?Ic(n||{},t):n;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:r,key:r&&Eo(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 Ic(...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()},St=()=>{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(),St(),Fi(i)){if(i.then(St,St),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(),St()}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,I)=>{Ot(h,L?u:r),Ot(h,L?c:o),I&&I()},J=(h,L)=>{h._isLeaving=!1,Ot(h,p),Ot(h,g),Ot(h,m),L&&L()},A=h=>(L,I)=>{const ce=h?ie:N,se=()=>B(L,h,I);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 I=()=>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,I))}),jt(q,[h,I])},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,basePath:"https://14h02m10s.github.io/Portfolio3-14h/"}},methods:{toggleMenu(){this.isResponsiveMenu=!this.isResponsiveMenu},closeMenuIfResponsive(){this.isResponsiveMenu&&this.toggleMenu()}}},Zt=e=>(Pe("data-v-bd896669"),e=e(),Ee(),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=["href"],Pd=Zt(()=>f("p",null,"Présentation",-1)),Ed=[Pd],Td=["href"],$d=Zt(()=>f("p",null,"Réalisations",-1)),Ad=[$d],Md=["href"],Id=Zt(()=>f("p",null,"Contact",-1)),Sd=[Id],Ld={class:"picto"},kd=Zt(()=>f("img",{src:gd,alt:"Picto linkedin"},null,-1)),Fd=[kd];function Nd(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:`${a.basePath}#first`,onClick:t[1]||(t[1]=(...o)=>i.closeMenuIfResponsive&&i.closeMenuIfResponsive(...o))},Ed,8,Cd),f("a",{href:`${a.basePath}#reals`,onClick:t[2]||(t[2]=(...o)=>i.closeMenuIfResponsive&&i.closeMenuIfResponsive(...o))},Ad,8,Td),f("a",{href:`${a.basePath}#contact`,onClick:t[3]||(t[3]=(...o)=>i.closeMenuIfResponsive&&i.closeMenuIfResponsive(...o))},Sd,8,Md),f("div",Ld,[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))},Fd)])],2)])}const zd=_e(_d,[["render",Nd],["__scopeId","data-v-bd896669"]]),Rd="/Portfolio3-14h/assets/profil-carre-222-6644d89e.jpg";const Yt=e=>(Pe("data-v-a1af0adf"),e=e(),Ee(),e),Dd={class:"englobeur-first",id:"first"},Ud=Yt(()=>f("div",{class:"container-photo","data-scroll":"","data-scroll-speed":"-1"},[f("img",{src:Rd,alt:"photo profil",class:"photo2"})],-1)),Vd={class:"text"},Hd=Yt(()=>f("div",{class:"bienvenue"},"Hello ! Je suis Fred,",-1)),Bd=Yt(()=>f("div",{class:"portfolio"},"UX/UI DESIGNER",-1)),Kd=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)),Wd=Yt(()=>f("button",{class:"btn"},"Plus de détails sur mon cv",-1)),Xd=[Wd],Jd=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)),Zd="https://14h02m10s.github.io/Portfolio3-14h/cv-oct2024-portfolio.pdf",Yd={__name:"First4",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe("div",Dd,[f("div",{class:"text-photo",style:tn({transform:`translateY(-${t.scroll}px)`})},[D($t,{appear:"",name:"photo-fade"},{default:Q(()=>[Ud]),_:1}),f("div",Vd,[D($t,{appear:"",name:"slide-fade1"},{default:Q(()=>[Hd]),_:1}),D($t,{appear:"",name:"slide-fade1"},{default:Q(()=>[Bd]),_:1}),D($t,{appear:"",name:"slide-fade2"},{default:Q(()=>[Kd]),_:1}),D($t,{appear:"",name:"slide-fade2"},{default:Q(()=>[f("div",{class:"container-button"},[f("a",{href:Zd,target:"_blank",download:"CV-fchambinaud.pdf"},Xd)])]),_:1})])],4),Jd]))}},Qd=_e(Yd,[["__scopeId","data-v-a1af0adf"]]);const Gd={},eu={class:"item"},tu={class:"img"},su={class:"section-texte"},nu={class:"content"};function au(e,t,s,n,a,i){return ne(),oe("div",eu,[f("div",tu,[Vt(e.$slots,"image",{},void 0,!0)]),f("div",su,[f("h4",null,[Vt(e.$slots,"sous-titre",{},void 0,!0)]),f("p",nu,[Vt(e.$slots,"default",{},void 0,!0)])])])}const As=_e(Gd,[["render",au],["__scopeId","data-v-af523d86"]]),iu="/Portfolio3-14h/assets/google-ux-bandeau-84767ba7.jpg";const ou={},ru=e=>(Pe("data-v-b45a63cc"),e=e(),Ee(),e),lu={class:"height"},cu=ru(()=>f("img",{src:iu,alt:"Miniature Google UX couleur"},null,-1)),du=[cu];function uu(e,t){return ne(),oe("div",lu,du)}const Io=_e(ou,[["render",uu],["__scopeId","data-v-b45a63cc"]]),fu="/Portfolio3-14h/assets/img-prez-onzen2-43b6ff7d.jpg";const pu={},vu=e=>(Pe("data-v-5a712356"),e=e(),Ee(),e),mu={class:"height"},bu=vu(()=>f("a",{href:"#/realisations/onzen"},[f("img",{src:fu,alt:"Miniature OnZen couleur"})],-1)),hu=[bu];function gu(e,t){return ne(),oe("div",mu,hu)}const So=_e(pu,[["render",gu],["__scopeId","data-v-5a712356"]]),_u="/Portfolio3-14h/assets/img-prez-mukiz2-44dde4a3.jpg";const yu={},xu=e=>(Pe("data-v-d704363a"),e=e(),Ee(),e),wu={class:"height"},ju=xu(()=>f("a",{href:"#/realisations/mukiz"},[f("img",{src:_u,alt:"Miniature Mukiz couleur"})],-1)),Ou=[ju];function qu(e,t){return ne(),oe("div",wu,Ou)}const Cu=_e(yu,[["render",qu],["__scopeId","data-v-d704363a"]]),Pu="/Portfolio3-14h/assets/img-prez-artefacteurs-50fc7254.jpg";const Eu={},Tu=e=>(Pe("data-v-11529734"),e=e(),Ee(),e),$u={class:"height"},Au=Tu(()=>f("a",{href:"#/realisations/artefacteurs"},[f("img",{src:Pu,alt:"Miniature Artefacteurs couleur"})],-1)),Mu=[Au];function Iu(e,t){return ne(),oe("div",$u,Mu)}const Lo=_e(Eu,[["render",Iu],["__scopeId","data-v-11529734"]]);const le=e=>(Pe("data-v-264bda07"),e=e(),Ee(),e),Su={id:"reals"},Lu=le(()=>f("div",{class:"titre"},[f("h2",null,"RÉALISATIONS")],-1)),ku={class:"flex-project"},Fu=le(()=>f("span",null,"Ux",-1)),Nu=le(()=>f("br",null,null,-1)),zu=le(()=>f("a",{href:"#/realisations/mukiz",class:"link-text"},"Onboarding Mukiz ",-1)),Ru=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/mukiz"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Du=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)),Uu=le(()=>f("div",{class:"trait"},null,-1)),Vu=le(()=>f("span",null,"Ux",-1)),Hu=le(()=>f("br",null,null,-1)),Bu=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/googleux"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Ku=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)),Wu=le(()=>f("div",{class:"trait"},null,-1)),Xu=le(()=>f("span",null,"Ux",-1)),Ju=le(()=>f("span",null,"Ui",-1)),Zu=le(()=>f("br",null,null,-1)),Yu=le(()=>f("a",{href:"#/realisations/artefacteurs",class:"link-text"},"Plateforme des Artéf'acteurs ",-1)),Qu=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/artefacteurs"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Gu=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)),ef=le(()=>f("div",{class:"trait"},null,-1)),tf=le(()=>f("span",null,"Ui",-1)),sf=le(()=>f("span",null,"Ux",-1)),nf=le(()=>f("span",null,"Html/Css",-1)),af=le(()=>f("br",null,null,-1)),of=le(()=>f("a",{href:"#/realisations/onzen",class:"link-text"},"Refonte de la plateforme On-Zen ",-1)),rf=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/onzen"},[f("button",{class:"btn"},"Voir le projet")])],-1)),lf=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)),cf={__name:"Projects3",setup(e){return(t,s)=>(ne(),oe("div",Su,[Lu,f("div",ku,[D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Cu)]),"sous-titre":Q(()=>[Fu,k(),Nu,zu]),default:Q(()=>[Ru,Du]),_:1}),Uu,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Io)]),"sous-titre":Q(()=>[Vu,k(),Hu,k(" Certification Google UX ")]),default:Q(()=>[Bu,Ku]),_:1}),Wu,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Lo)]),"sous-titre":Q(()=>[Xu,Ju,k(),Zu,Yu]),default:Q(()=>[Qu,Gu]),_:1}),ef,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(So)]),"sous-titre":Q(()=>[tf,sf,nf,k(),af,of]),default:Q(()=>[rf,lf]),_:1})])]))}},df=_e(cf,[["__scopeId","data-v-264bda07"]]);const uf={},ff=e=>(Pe("data-v-d195d2b1"),e=e(),Ee(),e),pf={class:"foot"},vf=ff(()=>f("p",null,"© Frédérique Chambinaud 2024",-1)),mf=[vf];function bf(e,t){return ne(),oe("div",pf,mf)}const Qt=_e(uf,[["render",bf],["__scopeId","data-v-d195d2b1"]]);var hf=Object.defineProperty,gf=(e,t,s)=>t in e?hf(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,wi=(e,t,s)=>(gf(e,typeof t!="symbol"?t+"":t,s),s);class _f{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 yf="Failed to copy value to clipboard. Unknown type.",xf={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(yf,t),""}return e}},wf="position:fixed; pointer-events:none; z-index:-9999; opacity:0;",jf={createTextarea(e){const t=document.createElement("textarea");return t.addEventListener("focusin",s=>{s.stopPropagation()}),t.value=e,t.setAttribute("readonly",""),t.style.cssText=wf,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=jf.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=xf.asString(t);if(ls.writeClipboardExecCommand(s))return!0;await ls.writeClipboard(s)}},ft=new _f,Of={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=>(Pe("data-v-9564c2f9"),e=e(),Ee(),e),qf={id:"contact"},Cf=lt(()=>f("div",{class:"titre"},[f("h2",null,"CONTACT")],-1)),Pf={class:"container-except-titre","data-aos":"fade-up","data-aos-duration":"600"},Ef={class:"login-card-container"},Tf=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)),$f=lt(()=>f("br",null,null,-1)),Af=lt(()=>f("br",null,null,-1)),Mf=lt(()=>f("br",null,null,-1)),If=lt(()=>f("br",null,null,-1)),Sf=lt(()=>f("b",null,"fchambinaudpro@gmail.com",-1)),Lf=[Sf],kf=lt(()=>f("br",null,null,-1)),Ff=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)),Nf={class:"z-index"},zf={name:"App",data(){return{isCopied:!0}},methods:{ToggleCopied(){this.isCopied=!this.isCopied}}},Rf=Object.assign(zf,{setup(e){return(t,s)=>{const n=cc("clipboard");return ne(),oe("div",qf,[Cf,f("div",Pf,[f("div",Ef,[Tf,f("div",null,[f("p",null,[$f,Af,k(" Si vous préférez utiliser votre boite mail, "),Mf,k("copiez mon adresse mail en cliquant dessus : "),If,Wl((ne(),oe("span",{onClick:s[0]||(s[0]=(...a)=>t.ToggleCopied&&t.ToggleCopied(...a)),class:"hover-list"},Lf)),[[n,"fchambinaudpro@gmail.com"]]),k(". "),kf]),f("p",{class:Lt({copy:!t.isCopied,copied:t.isCopied})},"C'est copié !",2)])])]),Ff,f("div",Nf,[D(Qt)])])}}}),ko=_e(Rf,[["__scopeId","data-v-9564c2f9"]]);const Wn={__name:"HomeView",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Qd),D(df),D(ko)]))}};const Df={data(){return{isExpanded:!1}},methods:{toggleExpansion(){this.isExpanded=!this.isExpanded}}},Uf={class:"item"},Vf={class:"img"},Hf={class:"content"},Bf={class:"btn-continue"};function Kf(e,t,s,n,a,i){return ne(),oe("div",Uf,[f("div",Vf,[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",Hf,[Vt(e.$slots,"default",{},void 0,!0)]),f("div",Bf,[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(Df,[["render",Kf],["__scopeId","data-v-15d0c861"]]),Wf="/Portfolio3-14h/assets/ImgPortfolio1-coul-f1ca2911.jpg";const Xf={},Jf=e=>(Pe("data-v-05af01a7"),e=e(),Ee(),e),Zf={class:"height"},Yf=Jf(()=>f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank"},[f("img",{src:Wf,alt:"Miniature Portfolio1 coul"})],-1)),Qf=[Yf];function Gf(e,t){return ne(),oe("div",Zf,Qf)}const ep=_e(Xf,[["render",Gf],["__scopeId","data-v-05af01a7"]]),tp="/Portfolio3-14h/assets/Lakson-coul-154c63ab.jpg";const sp={},np=e=>(Pe("data-v-1242167e"),e=e(),Ee(),e),ap={class:"height"},ip=np(()=>f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank"},[f("img",{src:tp,alt:"Miniature Lakson coul"})],-1)),op=[ip];function rp(e,t){return ne(),oe("div",ap,op)}const lp=_e(sp,[["render",rp],["__scopeId","data-v-1242167e"]]);const we=e=>(Pe("data-v-de4fb8dd"),e=e(),Ee(),e),cp={id:"reals"},dp=we(()=>f("div",{class:"titre"},[f("h2",null,"RÉALISATIONS")],-1)),up={class:"flex-project"},fp=we(()=>f("div",{class:"DivTitreH3"},[f("h3",null,"Projets UX/UI")],-1)),pp=we(()=>f("a",{href:"#/realisations/onzen",class:"link-text"},"Refonte de la plateforme On-Zen ",-1)),vp=we(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/onzen"},[f("button",{class:"btn"},"Voir le projet")])],-1)),mp=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)),bp=we(()=>f("div",{class:"container-button"},[f("button",{class:"btn-disable"},"En cours d'acquisition")],-1)),hp=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)),gp=we(()=>f("a",{href:"#/realisations/artefacteurs",class:"link-text"},"Projet des Artéf'acteurs ",-1)),_p=we(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/artefacteurs"},[f("button",{class:"btn"},"Voir le projet")])],-1)),yp=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)),xp={class:"flex-project"},wp=we(()=>f("div",{class:"DivTitreH3"},[f("h3",null,"Projets front-end")],-1)),jp=we(()=>f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank",class:"link-text"},"Première version de mon portfolio ",-1)),Op=we(()=>f("div",{class:"container-button"},[f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank"},[f("button",{class:"btn"},"Voir le projet")])],-1)),qp=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)),Cp=we(()=>f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank",class:"link-text"},"Reproduction d'un site vitrine ",-1)),Pp=we(()=>f("div",{class:"container-button"},[f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Ep=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)),Tp={__name:"Projects2",setup(e){return(t,s)=>(ne(),oe("div",cp,[dp,f("div",up,[fp,D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(So)]),"sous-titre":Q(()=>[pp]),default:Q(()=>[vp,mp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Io)]),"sous-titre":Q(()=>[k("Certification Google UX  ")]),default:Q(()=>[bp,hp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Lo)]),"sous-titre":Q(()=>[gp]),default:Q(()=>[_p,yp]),_:1})]),f("div",xp,[wp,D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(ep)]),"sous-titre":Q(()=>[jp]),default:Q(()=>[Op,qp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(lp)]),"sous-titre":Q(()=>[Cp]),default:Q(()=>[Pp,Ep]),_:1})]),D(Qt)]))}},$p=_e(Tp,[["__scopeId","data-v-de4fb8dd"]]);const Fo={__name:"PageRealisations",setup(e){return(t,s)=>(ne(),oe("main",null,[D($p)]))}},Ap="/Portfolio3-14h/assets/banniere-artefacteurs2-27dec636.jpg",Mp="/Portfolio3-14h/assets/uxDesign-4a33de69.jpg",Ip="/Portfolio3-14h/assets/problematique-ba823560.jpg",Sp="/Portfolio3-14h/assets/personasHypothetiques-41ac0f8e.jpg",Lp="/Portfolio3-14h/assets/lesCartesUX-ad8c66a1.jpg",kp="/Portfolio3-14h/assets/diagrammeAffinite-edcf7898.png",Fp="/Portfolio3-14h/assets/diagrammeAffiniteExtrait-309997d6.jpg",Np="/Portfolio3-14h/assets/Persona-78f7cd19.jpg",zp="/Portfolio3-14h/assets/brainstorm3-5c2acedb.jpg",Rp="/Portfolio3-14h/assets/atelierIdeation2-709139c5.png",Dp="/Portfolio3-14h/assets/resultatAtelierIdeation-faad29ba.jpg",Up="/Portfolio3-14h/assets/detail-arborescence-e257ec11.png",Vp="/Portfolio3-14h/assets/userflow1-0943fe38.jpg",Hp="/Portfolio3-14h/assets/wireframes-d9604dac.jpg",Bp="/Portfolio3-14h/assets/prototype2-6860a6b2.jpg",Kp="/Portfolio3-14h/assets/ProtocoleTest-464a2b1c.jpg",Wp="/Portfolio3-14h/assets/maze_screenshot_interaction2-f7eeea70.jpg",Xp="/Portfolio3-14h/assets/restitution-recos-c90d8f58.jpg",Jp="/Portfolio3-14h/assets/5-4-Evaluation-Recommandations-0c87a74b.jpg",Zp="/Portfolio3-14h/assets/6-1-Iteration-e0ad5b91.jpg",Yp="/Portfolio3-14h/assets/proto1-71217c4c.jpg",Qp="/Portfolio3-14h/assets/proto2-c881172d.jpg";const Gp=e=>(Pe("data-v-70c1c858"),e=e(),Ee(),e),ev=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),tv=Gp(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),sv=[tv],nv=()=>{window.scrollTo({top:0,left:0})},av={__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"},[ev,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:nv},sv)])]),D(Qt)],64))}},iv=_e(av,[["__scopeId","data-v-70c1c858"]]);const No={__name:"PageArtefacteurs",setup(e){return(t,s)=>(ne(),oe("main",null,[D(iv)]))}},ov="/Portfolio3-14h/assets/banniere-on-zen2-91c74aea.jpg",rv="/Portfolio3-14h/assets/atomicDesign-onzen-atomes-56dabf24.jpg",lv="/Portfolio3-14h/assets/atomicDesign-onzen-molecules-0301f58b.jpg",cv="/Portfolio3-14h/assets/atomicDesign-onzen-organismes-a0a78dc2.jpg",dv="/Portfolio3-14h/assets/userflow-navbar-footer-onzen-07b38667.jpg",uv="/Portfolio3-14h/assets/userflow-tableau-de-bord-client-onzen-0a60ee42.jpg",fv="/Portfolio3-14h/assets/Vue-ensemble-On-Zen-89428dcc.jpg",pv="/Portfolio3-14h/assets/Modifs-homepage-Onzen-0e5d3008.jpg",vv="/Portfolio3-14h/assets/Page-nosPratiques-onzen-3966a74c.jpg",mv="/Portfolio3-14h/assets/page-notreHistoire-Onzen-bf9d2423.jpg",bv="/Portfolio3-14h/assets/pages-news-onzen-157f7ace.jpg",hv="/Portfolio3-14h/assets/Page-article-blog-onzen-4aaef1c4.jpg",gv="/Portfolio3-14h/assets/contact-tarifs-Onzen-1a8dbebc.jpg",_v="/Portfolio3-14h/assets/Inscription-connexion-onzen-avant-apres-610b947f.jpg",yv="/Portfolio3-14h/assets/tableau-bord-client-onzen-914e4975.jpg";const xv=e=>(Pe("data-v-7d05b1da"),e=e(),Ee(),e),wv=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),jv=xv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),Ov=[jv],qv=()=>{window.scrollTo({top:0,left:0})},Cv={__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"},[wv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:qv},Ov)])]),D(Qt)],64))}},Pv=_e(Cv,[["__scopeId","data-v-7d05b1da"]]);const zo={__name:"PageOnZen",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Pv)]))}},Ev="/Portfolio3-14h/assets/banniere-Mukiz2-7c2f7800.jpg",Tv="/Portfolio3-14h/assets/screen-mukiz-existant-1ere-phase-56a6c259.jpg",$v="/Portfolio3-14h/assets/screen-mukiz-existant-2eme-phase-d22c8bb8.jpg",Av="/Portfolio3-14h/assets/screen-mukiz-existant-3eme-phase-72a3b7d3.jpg",Mv="/Portfolio3-14h/assets/Mukiz-ecran2et3-1ere-modif-41423285.jpg",Iv="/Portfolio3-14h/assets/resume-1er-parcours-mukiz-maze-cc03374e.jpg",Sv="/Portfolio3-14h/assets/resume-2eme-parcours-mukiz-maze-a4d9508f.jpg",Lv="/Portfolio3-14h/assets/Mukiz-screen-maquette-finale-6c933a98.jpg";const kv=e=>(Pe("data-v-4b30572f"),e=e(),Ee(),e),Fv=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),Nv=kv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),zv=[Nv],Rv=()=>{window.scrollTo({top:0,left:0})},Dv={data(){return{activeSection:null}},methods:{scrollToSection(e){this.activeSection=e;const t=document.getElementById(e);t&&t.scrollIntoView({behavior:"smooth"})}}},Uv=Object.assign(Dv,{__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"},[Fv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Rv},zv)])]),D(Qt)],64))}}),Vv=_e(Uv,[["__scopeId","data-v-4b30572f"]]);const Ro={__name:"PageMukiz",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Vv)]))}},Hv="/Portfolio3-14h/assets/banniere-googleUX2-fd1dafc5.jpg",Bv="/Portfolio3-14h/assets/personna-google-UX-1-40bcbcc3.jpg",Kv="/Portfolio3-14h/assets/personna-google-UX-2-a4c0fec0.jpg",Wv="/Portfolio3-14h/assets/googleUX-wireframes-d5aa2d38.jpg",Xv="/Portfolio3-14h/assets/googleUX-proto1-c5b14fae.jpg",Jv="/Portfolio3-14h/assets/insights-google-ux-41e7e47c.jpg",Zv="/Portfolio3-14h/assets/googleUX-proto2-498995e5.jpg";const Yv=e=>(Pe("data-v-64d40f4f"),e=e(),Ee(),e),Qv=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 inscrits 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é 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 sont 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 d'un 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é à 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
>> Tester le prototype basse fidélité Figma

Entretiens et modifications des maquettes

Pour préparer les tests utilisateurs de mes prototypes sur Figma, j'ai élaboré un plan de recherche clair, définissant les objectifs, les questions d'ergonomie et les scénarios de test. Cette approche m'a permis de recueillir des retours précieux, que j'ai synthétisés en insights. Ceux-ci ont mis en lumière les ajustements nécessaires et m'ont aidée à identifier des axes d'amélioration pour rendre l'application plus intuitive et adaptée aux attentes des utilisateurs.

Mes insights très par ordre de priorité
Mes insights très par ordre de priorité

J'ai donc pu ajuster mes maquettes en fonction des axes d'amélioration identifiés lors des tests utilisateurs, afin de mieux répondre aux besoins et aux attentes relevés.

Aperçu des modifications
Aperçu des modifications

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

',3),Gv=Yv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),em=[Gv],tm=()=>{window.scrollTo({top:0,left:0})},sm={__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"},[Qv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:tm},em)])]),D(Qt)],64))}},nm=_e(sm,[["__scopeId","data-v-64d40f4f"]]);const Do={__name:"PageGoogleUX",setup(e){return(t,s)=>(ne(),oe("main",null,[D(nm)]))}};const Uo={__name:"PageContact",setup(e){return(t,s)=>(ne(),oe("main",null,[D(ko)]))}},am={"/":Wn,"/realisations":Fo,"/realisations/artefacteurs":No,"/realisations/onzen":zo,"/realisations/mukiz":Ro,"/realisations/googleux":Do,"/contact":Uo},im={name:"App",components:{Header7:zd,HomeView:Wn,PageRealisations:Fo,PageArtefacteurs:No,PageOnZen:zo,PageMukiz:Ro,PageGoogleUX:Do,PageContact:Uo},data(){return{currentPath:window.location.hash}},computed:{currentView(){return am[this.currentPath.slice(1)||"/"]||Wn}},mounted(){window.addEventListener("hashchange",()=>{this.currentPath=window.location.hash})}};function om(e,t,s,n,a,i){const o=mo("Header7");return ne(),oe("div",null,[D(o),(ne(),Po(lc(i.currentView)))])}const rm=_e(im,[["render",om]]);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 lm(e){return(...t)=>t.reduce((s,n)=>Xn(s,n,"",e),{})}const cm=lm();function Vo(e){return zi()?(el(e),!0):!1}function Oa(e){return typeof e=="function"?e():_t(e)}const dm=typeof window<"u"&&typeof document<"u",um=e=>e!=null,fm=Object.prototype.toString,Ws=e=>fm.call(e)==="[object Object]",Ns=()=>{};function pm(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=dm?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 vm(){const e=Ze(!1);return fn()&&yt(()=>{e.value=!0}),e}function mm(e){const t=vm();return tt(()=>(t.value,!!e()))}function bm(e,t,s={}){const{root:n,rootMargin:a="0px",threshold:i=.1,window:o=Ho,immediate:r=!0}=s,l=mm(()=>o&&"IntersectionObserver"in o),c=tt(()=>{const w=Oa(e);return(Array.isArray(w)?w:[w]).map(cs).filter(um)});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,hm=typeof performance<"u"?()=>performance.now():()=>Date.now(),Ko=typeof window<"u"?e=>window.requestAnimationFrame(e):e=>setTimeout(()=>e(hm()),Bo);function gm(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]=gm(()=>_s=!0),e),{}),Yn=xs.reduce((e,t)=>{const s=vn[t];return e[t]=(n,a=!1,i=!1)=>(_s||wm(),s.schedule(n,a,i)),e},{}),ym=xs.reduce((e,t)=>(e[t]=vn[t].cancel,e),{});xs.reduce((e,t)=>(e[t]=()=>vn[t].process(Ht),e),{});const xm=e=>vn[e].process(Ht),Wo=e=>{_s=!1,Ht.delta=Jn?Bo:Math.max(Math.min(e-Ht.timestamp,_m),1),Ht.timestamp=e,Zn=!0,xs.forEach(xm),Zn=!1,_s&&(Jn=!1,Ko(Wo))},wm=()=>{_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,Om=.01,Oi=10,qm=.05,Cm=1;function Pm({duration:e=800,bounce:t=.25,velocity:s=0,mass:n=1}){let a,i;jm(e<=Oi*1e3);let o=1-t;o=Qn(qm,Cm,o),e=Qn(Om,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=Tm(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 Em=12;function Tm(e,t,s){let n=s;for(let a=1;ae[s]!==void 0)}function Mm(e){let t=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},e);if(!qi(e,Am)&&qi(e,$m)){const s=Pm(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}=Mm(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,Im=/^(#[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}),Pa=e=>({test:t=>ws(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),qt=Pa("deg"),fs=Pa("%"),K=Pa("px"),Pi=Object.assign(Object.assign({},fs),{parse:e=>fs.parse(e)/100,transform:e=>fs.transform(e*100)}),Ea=(e,t)=>s=>!!(ws(s)&&Im.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:Ea("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))+")"},Sm=Yo(0,255),Cn=Object.assign(Object.assign({},js),{transform:e=>Math.round(Sm(e))}),vt={test:Ea("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 Lm(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:Ea("#"),parse:Lm,transform:vt.transform},Se={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 km(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(Se.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 Nm(e){const t=sr(e);return nr(e)(t.map(Fm))}const Os={test:km,parse:sr,createTransformer:nr,getAnimatableNone:Nm},zm=new Set(["brightness","contrast","saturate","opacity"]);function Rm(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=zm.has(t)?1:0;return n!==s&&(i*=100),t+"("+i+a+")"}const Dm=/([a-z-]*)\(.*?\)/g,sa=Object.assign(Object.assign({},Os),{getAnimatableNone:e=>{const t=e.match(Dm);return t?t.map(Rm).join(" "):e}});function Pn(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 Ei({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=Pn(l,r,e+1/3),i=Pn(l,r,e),o=Pn(l,r,e-1/3)}return{red:Math.round(a*255),green:Math.round(i*255),blue:Math.round(o*255),alpha:n}}const Um=(e,t,s)=>{const n=e*e,a=t*t;return Math.sqrt(Math.max(0,s*(a-n)+n))},Vm=[ta,vt,Mt],Ti=e=>Vm.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=Ei(a),s=vt),n===Mt&&(i=Ei(i),n=vt);const o=Object.assign({},a);return r=>{for(const l in o)l!=="alpha"&&(o[l]=Um(a[l],i[l],r));return o.alpha=Ca(a.alpha,i.alpha,r),s.transform(o)}},Hm=e=>typeof e=="number",Bm=(e,t)=>s=>t(e(s)),ir=(...e)=>e.reduce(Bm);function or(e,t){return Hm(e)?s=>Ca(e,t,s):Se.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}`},Wm=(e,t)=>s=>Ca(e,t,s);function Xm(e){if(typeof e=="number")return Wm;if(typeof e=="string")return Se.test(e)?ar:lr;if(Array.isArray(e))return rr;if(typeof e=="object")return Km}function Jm(e,t,s){const n=[],a=s||Xm(e[0]),i=e.length-1;for(let o=0;os(Zo(e,t,n))}function Ym(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=Jm(t,n,a),r=i===2?Zm(e,o):Ym(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,Qm=e=>t=>Math.pow(t,e),dr=e=>t=>t*t*((e+1)*t-e),Gm=e=>{const t=dr(e);return s=>(s*=2)<1?.5*t(s):.5*(2-Math.pow(2,-10*(s-1)))},ur=1.525,eb=4/11,tb=8/11,sb=9/10,fr=e=>e,$a=Qm(2),nb=mn($a),pr=Ta($a),vr=e=>1-Math.sin(Math.acos(e)),mr=mn(vr),ab=Ta(mr),Aa=dr(ur),ib=mn(Aa),ob=Ta(Aa),rb=Gm(ur),lb=4356/361,cb=35442/1805,db=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 pb(e,t){return e.map(()=>t||pr).splice(0,e.length-1)}function vb(e){const t=e.length;return e.map((s,n)=>n!==0?n/(t-1):0)}function mb(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=mb(n&&n.length===o.length?n:vb(o),a);function l(){return cr(r,o,{ease:Array.isArray(s)?s:pb(o,s)})}let c=l();return{next:u=>(i.value=c(u),i.done=u>=a,i),flipTarget:()=>{o.reverse(),c=l()}}}function bb({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:bb};function hb(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 gb(e,t,s=0,n=!0){return n?br(t+-e,t,s):t-(e-t)+s}function _b(e,t,s,n){return n?e>=t+s:e<=-s}const yb=e=>{const t=({delta:s})=>e(s);return{start:()=>Yn.update(t,!0),stop:()=>ym.update(t)}};function hr(e){var t,s,{from:n,autoplay:a=!0,driver:i=yb,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 $=hb(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=gb(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(I){if(W||(I=-I),o+=I,!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 xb({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),wb=1e-7,jb=10;function Ob(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)>wb&&++r=Cb?Pb(o,p,e,s):m===0?p:Ob(o,r,r+Is,e,s)}return o=>o===0||o===1?o:Js(i(o),t,n)}const En={};class Tb{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 $b{constructor(t){this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Tb,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 Ab(e){return new $b(e)}const{isArray:Mb}=Array;function Ib(){const e=Ze({}),t=n=>{const a=i=>{e.value[i]&&(e.value[i].stop(),e.value[i].destroy(),delete e.value[i])};n?Mb(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=Ab(a);return o.onChange(r=>i[n]=r),e.value[n]=o,o};return pm(t),{motionValues:e,get:s,stop:t}}function Sb(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 Lb(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 kb(e){return{type:"keyframes",duration:800,values:e}}const Ii={default:Lb,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 Sb(t)?s=kb:s=Ii[e]||Ii.default,{to:t,...s(t)}}const Si={...js,transform:Math.round},Or={color:Se,backgroundColor:Se,outlineColor:Se,fill:Se,stroke:Se,borderColor:Se,borderTopColor:Se,borderRightColor:Se,borderBottomColor:Se,borderLeftColor:Se,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:Pi,originY:Pi,originZ:K,zIndex:Si,filter:sa,WebkitFilter:sa,fillOpacity:us,strokeOpacity:us,numOctaves:Si},Ma=e=>Or[e];function qr(e,t){return t&&typeof e=="number"&&t.transform?t.transform(e):e}function Fb(e,t){let s=Ma(e);return s!==sa&&(s=Os),s.getAnimatableNone?s.getAnimatableNone(t):void 0}const Nb={linear:fr,easeIn:$a,easeInOut:pr,easeOut:nb,circIn:vr,circInOut:ab,circOut:mr,backIn:Aa,backInOut:ob,backOut:ib,anticipate:rb,bounceIn:ub,bounceInOut:fb,bounceOut:Xs};function Li(e){if(Array.isArray(e)){const[t,s,n,a]=e;return Eb(t,s,n,a)}else if(typeof e=="string")return Nb[e];return e}function zb(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 Rb(e){return Array.isArray(e.to)&&e.to[0]===null&&(e.to=[...e.to],e.to[0]=e.from),e}function Db({ease:e,times:t,delay:s,...n}){const a={...n};return t&&(a.offset=t),e&&(a.ease=zb(e)?e.map(Li):Li(e)),s&&(a.elapsed=-s),a}function Ub(e,t,s){return Array.isArray(t.to)&&(e.duration||(e.duration=800)),Rb(t),Vb(e)||(e={...e,...jr(s,t.to)}),{...t,...Db(e)}}function Vb({delay:e,repeat:t,repeatType:s,repeatDelay:n,from:a,...i}){return!!Object.keys(i).length}function Hb(e,t){return e[t]||e.default||e}function Bb(e,t,s,n,a){const i=Hb(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=Fb(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"?xb({...m,...i}):hr({...Ub(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 Kb(){const{motionValues:e,stop:t,get:s}=Ib();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=Bb(a,u,i,r,l);u.start(p)}}}function Wb(e,t={},{motionValues:s,push:n,stop:a}=Kb()){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 Ia=typeof window<"u",Xb=()=>Ia&&window.onpointerdown===null,Jb=()=>Ia&&window.ontouchstart===null,Zb=()=>Ia&&window.onmousedown===null;function Yb({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&&(Zb()&&(Ke(e,"mousedown",()=>o.value=!0),Ke(e,"mouseup",()=>o.value=!1)),Xb()&&(Ke(e,"pointerdown",()=>o.value=!0),Ke(e,"pointerup",()=>o.value=!1)),Jb()&&(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 Qb({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 Gb({state:e,apply:t}){Ae(e,s=>{s&&t(s)},{immediate:!0})}function eh({target:e,variants:t,variant:s}){const n=_t(t);n&&(n.visible||n.visibleOnce)&&bm(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 th(e,t={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){t.lifeCycleHooks&&Qb(e),t.syncVariants&&Gb(e),t.visibilityHooks&&eh(e),t.eventListeners&&Yb(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 Sa(e,t){Ae(()=>cs(e),s=>{s&&t(s)},{immediate:!0})}const sh={x:"translateX",y:"translateY",z:"translateZ"};function Pr(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+=`${sh[r]||r}(${u}) `}t&&!o&&(i+="translateZ(0px) "),n.value=i.trim()},{immediate:!0,deep:!0}),{state:s,transform:n}}const nh=["","X","Y","Z"],ah=["perspective","translate","scale","rotate","skew"],Er=["transformPerspective","x","y","z"];ah.forEach(e=>{nh.forEach(t=>{const s=e+t;Er.push(s)})});const ih=new Set(Er);function La(e){return ih.has(e)}const oh=new Set(["originX","originY","originZ"]);function Tr(e){return oh.has(e)}function rh(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}=rh(e),{transform:n}=Pr(t),{style:a}=Cr(s);return n.value&&(a.value.transform=n.value),a.value}function lh(e,t){let s,n;const{state:a,style:i}=Cr();return Sa(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 ch(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 dh(e,t){Object.entries(ch(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 uh(e,t){let s,n;const{state:a,transform:i}=Pr();return Sa(e,o=>{n=o,o.style.transform&&dh(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 fh(e,t){const s=kt({}),n=o=>Object.entries(o).forEach(([r,l])=>s[r]=l),{style:a}=lh(e,n),{transform:i}=uh(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}),Sa(e,()=>t&&n(t)),{motionProperties:s,style:a,transform:i}}function ph(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}=fh(e),{variant:a,state:i}=ph(t),o=Wb(n,t),r={target:e,variant:a,variants:t,state:i,motionProperties:n,...o};return th(r,s),r}const vh=["initial","enter","leave","visible","visible-once","hovered","tapped","focused","delay"];function mh(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}),vh.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&&En[i]&&En[i].stop();const o=Ze(e||{});typeof n.value=="object"&&(o.value=n.value),mh(a,o);const r=Ar(s,o);s.motionInstance=r,i&&(En[i]=r)},getSSRProps(s,n){let{initial:a}=s.value||n&&(n==null?void 0:n.props)||{};a=_t(a);const i=cm((e==null?void 0:e.initial)||{},a||{});return!i||Object.keys(i).length===0?void 0:{style:$r(i)}}}}const bh={initial:{opacity:0},enter:{opacity:1}},hh={initial:{opacity:0},visible:{opacity:1}},gh={initial:{opacity:0},visibleOnce:{opacity:1}},_h={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},yh={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},xh={initial:{scale:0,opacity:0},visibleOnce:{scale:1,opacity:1}},wh={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},jh={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},Oh={initial:{x:-100,rotate:90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},qh={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Ch={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},Ph={initial:{x:100,rotate:-90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},Eh={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Th={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},$h={initial:{y:-100,rotate:-90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},Ah={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Mh={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Ih={initial:{y:100,rotate:90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},Sh={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Lh={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},kh={initial:{x:-100,opacity:0},visibleOnce:{x:0,opacity:1}},Fh={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},Nh={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},zh={initial:{x:100,opacity:0},visibleOnce:{x:0,opacity:1}},Rh={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},Dh={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},Uh={initial:{y:-100,opacity:0},visibleOnce:{y:0,opacity:1}},Vh={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},Hh={initial:{y:100,opacity:0},visible:{y:0,opacity:1}},Bh={initial:{y:100,opacity:0},visibleOnce:{y:0,opacity:1}},na={__proto__:null,fade:bh,fadeVisible:hh,fadeVisibleOnce:gh,pop:_h,popVisible:yh,popVisibleOnce:xh,rollBottom:Ah,rollLeft:wh,rollRight:qh,rollTop:Eh,rollVisibleBottom:Mh,rollVisibleLeft:jh,rollVisibleOnceBottom:Ih,rollVisibleOnceLeft:Oh,rollVisibleOnceRight:Ph,rollVisibleOnceTop:$h,rollVisibleRight:Ch,rollVisibleTop:Th,slideBottom:Vh,slideLeft:Sh,slideRight:Fh,slideTop:Rh,slideVisibleBottom:Hh,slideVisibleLeft:Lh,slideVisibleOnceBottom:Bh,slideVisibleOnceLeft:kh,slideVisibleOnceRight:zh,slideVisibleOnceTop:Uh,slideVisibleRight:Nh,slideVisibleTop:Dh},Kh=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 Wh(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 Xh={install(e,t){if(e.directive("motion",An()),e.component("Motion",Kh),!t||t&&!t.excludePresets)for(const s in na){const n=na[s];e.directive(`motion-${Wh(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 Jh=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Zh(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()})(Jh,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(I){return I&&I.__esModule?I:{default:I}}var o=Object.assign||function(I){for(var ce=1;ce0&&arguments[0]!==void 0&&arguments[0];if(I&&(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(I,ce){I.node.removeAttribute("data-aos"),I.node.removeAttribute("data-aos-easing"),I.node.removeAttribute("data-aos-duration"),I.node.removeAttribute("data-aos-delay")})},h=function(I){return I===!0||I==="mobile"&&C.default.mobile()||I==="phone"&&C.default.phone()||I==="tablet"&&C.default.tablet()||typeof I=="function"&&I()===!0},L=function(I){$=o($,I),W=(0,U.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=()=>{},Ir=()=>!1,Lr=/^on[^a-z]/,Ys=e=>Lr.test(e),ia=e=>e.startsWith("onUpdate:"),he=Object.assign,oa=(e,t)=>{const s=e.indexOf(t);s>-1&&e.splice(s,1)},kr=Object.prototype.hasOwnProperty,G=(e,t)=>kr.call(e,t),V=Array.isArray,as=e=>Qs(e)==="[object Map]",Fr=e=>Qs(e)==="[object Set]",X=e=>typeof e=="function",ge=e=>typeof e=="string",ra=e=>typeof e=="symbol",pe=e=>e!==null&&typeof e=="object",Ni=e=>pe(e)&&X(e.then)&&X(e.catch),Nr=Object.prototype.toString,Qs=e=>Nr.call(e),zr=e=>Qs(e).slice(8,-1),Rr=e=>Qs(e)==="[object Object]",la=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))},Dr=/-(\w)/g,nt=Gs(e=>e.replace(Dr,(t,s)=>s?s.toUpperCase():"")),Ur=/\B([A-Z])/g,Wt=Gs(e=>e.replace(Ur,"-$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},Hr=e=>{const t=ge(e)?Number(e):NaN;return isNaN(t)?e:t};let Da;const Sn=()=>Da||(Da=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(Kr);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},Di=e=>(e.w&ht)>0,Ui=e=>(e.n&ht)>0,sl=({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)?la(s)&&r.push(o.get("length")):(r.push(o.get(St)),as(e)&&r.push(o.get(kn)));break;case"delete":V(e)||(r.push(o.get(St)),as(e)&&r.push(o.get(kn)));break;case"set":as(e)&&r.push(o.get(St));break}if(r.length===1)r[0]&&Fn(r[0]);else{const l=[];for(const c of r)c&&l.push(...c);Fn(ca(l))}}function Fn(e,t){const s=V(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 al=Zs("__proto__,__v_isRef,__isVue"),Bi=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(ra)),il=ua(),ol=ua(!1,!0),rl=ua(!0),Ha=ll();function ll(){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 cl(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?ql:Zi:t?Ji:Xi).get(n))return n;const o=V(n);if(!e){if(o&&G(Ha,a))return Reflect.get(Ha,a,i);if(a==="hasOwnProperty")return cl}const r=Reflect.get(n,a,i);return(ra(a)?Bi.has(a):al(a))||(e||Le(n,"get",a),t)?r:Ce(r)?o&&la(a)?r:r.value:pe(r)?e?Yi(r):kt(r):r}}const dl=Ki(),ul=Ki(!0);function Ki(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)&&la(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?fa:s?ma: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 Ps(e,t=!1){return e=e.__v_raw,!t&&Le(ee(e),"iterate",St),Reflect.get(e,"size",e)}function Ba(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 Ka(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 Wa(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 Xa(){const e=ee(this),t=e.size!==0,s=e.clear();return t&&ot(e,"clear",void 0,void 0),s}function Es(e,t){return function(n,a){const i=this,o=i.__v_raw,r=ee(o),l=t?fa:e?ma: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?fa:t?ma:vs;return!t&&Le(i,"iterate",l?kn: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 hl(){const e={get(i){return qs(this,i)},get size(){return Ps(this)},has:Cs,add:Ba,set:Ka,delete:Wa,clear:Xa,forEach:Es(!1,!1)},t={get(i){return qs(this,i,!1,!0)},get size(){return Ps(this)},has:Cs,add:Ba,set:Ka,delete:Wa,clear:Xa,forEach:Es(!1,!0)},s={get(i){return qs(this,i,!0)},get size(){return Ps(this,!0)},has(i){return Cs.call(this,i,!0)},add:ct("add"),set:ct("set"),delete:ct("delete"),clear:ct("clear"),forEach:Es(!0,!1)},n={get(i){return qs(this,i,!0,!0)},get size(){return Ps(this,!0)},has(i){return Cs.call(this,i,!0)},add:ct("add"),set:ct("set"),delete:ct("delete"),clear:ct("clear"),forEach:Es(!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[gl,_l,yl,xl]=hl();function pa(e,t){const s=t?e?xl:yl:e?_l:gl;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 wl={get:pa(!1,!1)},jl={get:pa(!1,!0)},Ol={get:pa(!0,!1)},Xi=new WeakMap,Ji=new WeakMap,Zi=new WeakMap,ql=new WeakMap;function Cl(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Pl(e){return e.__v_skip||!Object.isExtensible(e)?0:Cl(zr(e))}function kt(e){return Bt(e)?e:va(e,!1,Wi,wl,Xi)}function El(e){return va(e,!1,bl,jl,Ji)}function Yi(e){return va(e,!0,ml,Ol,Zi)}function va(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=Pl(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 Qi(e){return Dt(e)||Bt(e)}function ee(e){const t=e&&e.__v_raw;return t?ee(t):e}function Gi(e){return Ds(e,"__v_skip",!0),e}const vs=e=>pe(e)?kt(e):e,ma=e=>pe(e)?Yi(e):e;function eo(e){mt&&We&&(e=ee(e),Hi(e.dep||(e.dep=ca())))}function to(e,t){e=ee(e);const s=e.dep;s&&Fn(s)}function Ce(e){return!!(e&&e.__v_isRef===!0)}function Ze(e){return Tl(e,!1)}function Tl(e,t){return Ce(e)?e:new $l(e,t)}class $l{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 eo(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),to(this))}}function _t(e){return Ce(e)?e.value:e}const Al={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 so(e){return Dt(e)?e:new Proxy(e,Al)}class Ml{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 da(t,()=>{this._dirty||(this._dirty=!0,to(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!a,this.__v_isReadonly=n}get value(){const t=ee(this);return eo(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}function Sl(e,t,s=!1){let n,a;const i=X(e);return i?(n=e,a=Je):(n=e.get,a=e.set),new Ml(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&&Ni(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 Nl(e){V(e)?Ut.push(...e):(!it||!it.includes(e,e.allowRecurse?Pt+1:Pt))&&Ut.push(e),ao()}function Ja(e,t=ms?et+1:0){for(;tbs(s)-bs(n)),Pt=0;Pte.id==null?1/0:e.id,zl=(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 oo(e){Nn=!1,ms=!0,qe.sort(zl);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&&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 ro(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=ro(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 Pe(e){on=e}function Ee(){on=null}function Q(e,t=xe,s){if(!t||e._n)return e;const n=(...a)=>{n._d&&ri(-1);const i=Vs(t);let o;try{o=e(...a)}finally{Vs(i),n._d&&ri(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:Dl(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(ia)&&(F=Ul(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 Dl=e=>{let t;for(const s in e)(s==="class"||s==="style"||Ys(s))&&((t||(t={}))[s]=e[s]);return t},Ul=(e,t)=>{const s={};for(const n in e)(!ia(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?Za(n,o,c):!!o;if(l&8){const u=t.dynamicProps;for(let p=0;pe.__isSuspense;function Kl(e,t){t&&t.pendingBranch?V(e)?t.effects.push(...e):t.effects.push(e):Nl(e)}const $s={};function Ae(e,t,s){return lo(e,t,s)}function lo(e,t,{immediate:s,deep:n,flush:a,onTrack:i,onTrigger:o}=de){var r;const l=Ri()===((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=Hc();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=()=>ha(M));const N=new da(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&&oa(l.scope.effects,N)};return w&&w.push(T),T}function Wl(e,t,s){const n=this.proxy,a=ge(e)?e.includes(".")?co(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=lo(a,i.bind(n),s);return o?Kt(o):It(),r}function co(e,t){const s=t.split(".");return()=>{let n=e;for(let a=0;a{At(s,t)});else if(Rr(e))for(const s in e)At(e[s],t);return e}function Xl(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],uo={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},Zl={name:"BaseTransition",props:uo,setup(e,{slots:t}){const s=fn(),n=Jl();let a;return()=>{const i=t.default&&po(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=Ya(o);if(!c)return _n(o);const u=zn(c,r,n,s);Rn(c,u);const p=s.subTree,m=p&&Ya(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&&(!Et(c,m)||g)){const C=zn(m,r,n,s);if(Rn(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=fo(n,m);T[String(m.key)]=m,M._leaveCb=()=>{F(),M._leaveCb=void 0,delete u.delayedLeave},u.delayedLeave=N})}return o}}},Yl=Zl;function fo(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 zn(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=fo(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&&Et(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 zn($,t,s,n)}};return ie}function _n(e){if(rn(e))return e=gt(e),e.children=null,e}function Ya(e){return rn(e)?e.children?e.children[0]:void 0:e}function Rn(e,t){e.shapeFlag&6&&e.component?Rn(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 po(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 Gl(e,t){vo(e,"a",t)}function ec(e,t){vo(e,"da",t)}function vo(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)&&tc(n,t,s,a),a=a.parent}}function tc(e,t,s,n){const a=ln(t,e,n,!0);ga(()=>{oa(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),sc=rt("bm"),yt=rt("m"),nc=rt("bu"),mo=rt("u"),Ft=rt("bum"),ga=rt("um"),ac=rt("sp"),ic=rt("rtg"),oc=rt("rtc");function rc(e,t=ye){ln("ec",e,t)}const _a="components",lc="directives";function bo(e,t){return ya(_a,e,!0,t)||e}const ho=Symbol.for("v-ndc");function cc(e){return ge(e)?ya(_a,e,!1)||e:e||ho}function dc(e){return ya(lc,e)}function ya(e,t,s=!0,n=!1){const a=xe||ye;if(a){const i=a.type;if(e===_a){const r=Dc(i,!1);if(r&&(r===t||r===nt(t)||r===en(nt(t))))return i}const o=Qa(a[e]||i[e],t)||Qa(a.appContext[e],t);return!o&&n?i:o}}function Qa(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&&go(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 go(e){return e.some(t=>Ks(t)?!(t.type===st||t.type===Oe&&!go(t.children)):!0)?e:null}const Dn=e=>e?$o(e)?pn(e)||e.proxy:Dn(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=>Dn(e.parent),$root:e=>Dn(e.root),$emit:e=>e.emit,$options:e=>xa(e),$forceUpdate:e=>e.f||(e.f=()=>ha(e.update)),$nextTick:e=>e.n||(e.n=Ll.bind(e.proxy)),$watch:e=>Wl.bind(e)}),yn=(e,t)=>e!==de&&!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!==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];Un&&(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 fc(){return pc().slots}function pc(){const e=fn();return e.setupContext||(e.setupContext=Mo(e))}function Ga(e){return V(e)?e.reduce((t,s)=>(t[s]=null,t),{}):e}let Un=!0;function vc(e){const t=xa(e),s=e.proxy,n=e.ctx;Un=!1,t.beforeCreate&&ei(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&&mc(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(Un=!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)_o(r[te],n,s,te);if(l){const te=X(l)?l.call(s):l;Reflect.ownKeys(te).forEach(Y=>{xc(Y,te[Y])})}u&&ei(u,e,"c");function se(te,Y){V(Y)?Y.forEach(Te=>te(Te.bind(s))):Y&&te(Y.bind(s))}if(se(sc,p),se(yt,m),se(nc,g),se(mo,w),se(Gl,C),se(ec,M),se(rc,$),se(oc,W),se(ic,ie),se(Ft,N),se(ga,q),se(ac,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 mc(e,t,s=Je){V(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 ei(e,t,s){Ve(V(e)?e.map(n=>n.bind(t.proxy)):e.bind(t.proxy),t,s)}function _o(e,t,s,n){const a=n.includes(".")?co(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=>_o(i,t,s,n));else{const i=X(e.handler)?e.handler.bind(s):t[e.handler];X(i)&&Ae(a,i,e)}}function xa(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=bc[o]||s&&s[o];e[o]=r?r(e[o],t[o]):t[o]}return e}const bc={data:ti,props:si,emits:si,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:gc,provide:ti,inject:hc};function ti(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 hc(e,t){return ns(Vn(e),Vn(t))}function Vn(e){if(V(e)){const t={};for(let s=0;s1)return s&&X(t)?t.call(n&&n.proxy):t}}function wc(e,t,s,n=!1){const a={},i={};Ds(i,dn,1),e.propsDefaults=Object.create(null),xo(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 jc(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]=wo(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 ni(e){return e[0]!=="$"}function ai(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function ii(e,t){return ai(e)===ai(t)}function oi(e,t){return V(t)?t.findIndex(s=>ii(s,e)):X(t)&&ii(t,e)?0:-1}const jo=e=>e[0]==="_"||e==="$stable",wa=e=>V(e)?e.map(Ge):[Ge(e)],Oc=(e,t,s)=>{if(t._n)return t;const n=Q((...a)=>wa(t(...a)),s);return n._c=!1,n},Oo=(e,t,s)=>{const n=e._ctx;for(const a in e){if(jo(a))continue;const i=e[a];if(X(i))t[a]=Oc(a,i,n);else if(i!=null){const o=wa(i);t[a]=()=>o}}},qo=(e,t)=>{const s=wa(t);e.slots.default=()=>s},qc=(e,t)=>{if(e.vnode.shapeFlag&32){const s=t._;s?(e.slots=ee(t),Ds(t,"_",s)):Oo(t,e.slots={})}else e.slots={},t&&qo(e,t);Ds(e.slots,dn,1)},Cc=(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,Oo(t,a)),o=t}else t&&(qo(e,t),o={default:1});if(i)for(const r in a)!jo(r)&&!(r in o)&&delete a[r]};function Bn(e,t,s,n,a=!1){if(V(e)){e.forEach((m,g)=>Bn(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)&&oa(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=Kl;function Pc(e){return Ec(e)}function Ec(e,t){const s=Sn();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,E=!1,O=null,P=!!v.dynamicChildren)=>{if(d===v)return;d&&!Et(d,v)&&(_=ue(d),je(d,y,j,!0),d=null),v.patchFlag===-2&&(P=!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,_,E);break;case Oe:h(d,v,b,_,y,j,E,O,P);break;default:I&1?U(d,v,b,_,y,j,E,O,P):I&6?L(d,v,b,_,y,j,E,O,P):(I&64||I&128)&&x.process(d,v,b,_,y,j,E,O,P,me)}z!=null&&y&&Bn(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,E,O,P)=>{E=E||v.type==="svg",d==null?W(v,b,_,y,j,E,O,P):B(d,v,y,j,E,O,P)},W=(d,v,b,_,y,j,E,O)=>{let P,x;const{type:z,props:I,shapeFlag:R,transition:H,dirs:Z}=d;if(P=d.el=o(d.type,j,I&&I.is,I),R&8?u(P,d.children):R&16&&$(d.children,P,null,_,y,j&&z!=="foreignObject",E,O),Z&&xt(d,null,_,"created"),ie(P,d,d.scopeId,E,_),I){for(const ae in I)ae!=="value"&&!Is(ae)&&i(P,ae,null,I[ae],j,d.children,_,y,ve);"value"in I&&i(P,"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(P),n(P,v,b),((x=I&&I.onVnodeMounted)||re||Z)&&Se(()=>{x&&Qe(x,_,d),re&&H.enter(P),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 E=y.vnode;ie(d,E,E.scopeId,E.slotScopeIds,y.parent)}}},$=(d,v,b,_,y,j,E,O,P=0)=>{for(let x=P;x{const O=v.el=d.el;let{patchFlag:P,dynamicChildren:x,dirs:z}=v;P|=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):E||Y(d,v,O,null,b,_,Z,j,!1),P>0){if(P&16)A(O,v,I,R,b,_,y);else if(P&2&&I.class!==R.class&&i(O,"class",null,R.class,y),P&4&&i(O,"style",I.style,R.style,y),P&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,E)=>{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,E,v.children,y,j,ve);for(const O in _){if(Is(O))continue;const P=_[O],x=b[O];P!==x&&O!=="value"&&i(d,O,x,P,E,v.children,y,j,ve)}"value"in _&&i(d,"value",b.value,_.value)}},h=(d,v,b,_,y,j,E,O,P)=>{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,E,O,P)):I>0&&I&64&&R&&d.dynamicChildren?(J(d.dynamicChildren,R,b,y,j,E,O),(v.key!=null||y&&v===y.subTree)&&Co(d,v,!0)):Y(d,v,b,z,y,j,E,O,P)},L=(d,v,b,_,y,j,E,O,P)=>{v.slotScopeIds=O,d==null?v.shapeFlag&512?y.ctx.activate(v,b,_,E,P):S(v,b,_,y,j,E,P):ce(d,v,P)},S=(d,v,b,_,y,j,E)=>{const O=d.component=Fc(d,_,y);if(rn(d)&&(O.ctx.renderer=me),Nc(O),O.asyncDep){if(y&&y.registerDep(O,se),!d.el){const P=O.subTree=D(st);F(null,P,v,b)}return}se(O,d,v,b,y,j,E)},ce=(d,v,b)=>{const _=v.component=d.component;if(Vl(d,v,b))if(_.asyncDep&&!_.asyncResolved){te(_,v,b);return}else _.next=v,Fl(_.update),_.update();else v.el=d.el,_.vnode=v},se=(d,v,b,_,y,j,E)=>{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,E)):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&&Hl(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}},P=d.effect=new da(O,()=>ha(x),d.scope),x=d.update=()=>P.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,jc(d,v.props,_,b),Cc(d,v.children,b),Xt(),Ja(),Jt()},Y=(d,v,b,_,y,j,E,O,P=!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,E,O,P);return}else if(R&256){Te(x,I,b,_,y,j,E,O,P);return}}H&8?(z&16&&ve(x,y,j),I!==x&&u(b,I)):z&16?H&16?at(x,I,b,_,y,j,E,O,P):ve(x,y,j,!0):(z&8&&u(b,""),H&16&&$(I,b,_,y,j,E,O,P))},Te=(d,v,b,_,y,j,E,O,P)=>{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,E,O,P,I)},at=(d,v,b,_,y,j,E,O,P)=>{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]=P?pt(v[x]):Ge(v[x]);if(Et(H,Z))C(H,Z,b,null,y,j,E,O,P);else break;x++}for(;x<=I&&x<=R;){const H=d[I],Z=v[R]=P?pt(v[R]):Ge(v[R]);if(Et(H,Z))C(H,Z,b,null,y,j,E,O,P);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]=P?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,Na=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&&Et(Fe,v[ae])){Ye=ae;break}Ye===void 0?je(Fe,y,j,!0):(Gt[Ye-Z]=x+1,Ye>=Na?Na=Ye:Nt=!0,C(Fe,v[Ye],b,null,y,j,E,O,P),be++)}const za=Nt?Tc(Gt):Rt;for(ae=za.length-1,x=Be-1;x>=0;x--){const Fe=Z+x,Ye=v[Fe],Ra=Fe+1{const{el:j,type:E,transition:O,children:P,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){E.move(d,v,b,me);return}if(E===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:E,ref:O,children:P,dynamicChildren:x,shapeFlag:z,patchFlag:I,dirs:R}=d;if(O!=null&&Bn(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=E&&E.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(P,v,b),_&&ke(d)}(Z&&(re=E&&E.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:E,delayLeave:O}=y,P=()=>E(b,j);O?O(d.el,j,P):P()}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:E,um:O}=d;_&&hn(_),y.stop(),j&&(j.active=!1,je(E,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 E=j;Ed.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),Ja(),io(),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:yc(fe,Re)}}function wt({effect:e,update:t},s){e.allowRecurse=t.allowRecurse=s}function Co(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 $c=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 Ac(){rs.pop(),Xe=rs[rs.length-1]||null}let hs=1;function ri(e){hs+=e}function Po(e){return e.dynamicChildren=hs>0?Xe||Rt:null,Ac(),hs>0&&Xe&&Xe.push(e),e}function oe(e,t,s,n,a,i){return Po(f(e,t,s,n,a,i,!0))}function Eo(e,t,s,n,a){return Po(D(e,t,s,n,a,!0))}function Ks(e){return e?e.__v_isVNode===!0:!1}function Et(e,t){return e.type===t.type&&e.key===t.key}const dn="__vInternal",To=({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&&To(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?(ja(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=Mc;function Mc(e,t=null,s=null,n=0,a=null,i=!1){if((!e||e===ho)&&(e=st),Ks(e)){const r=gt(e,t,!0);return s&&ja(r,s),hs>0&&!i&&Xe&&(r.shapeFlag&6?Xe[Xe.indexOf(e)]=r:Xe.push(r)),r.patchFlag|=-2,r}if(Uc(e)&&(e=e.__vccOpts),t){t=Sc(t);let{class:r,style:l}=t;r&&!ge(r)&&(t.class=Lt(r)),pe(l)&&(Qi(l)&&!V(l)&&(l=he({},l)),t.style=tn(l))}const o=ge(e)?1:Bl(e)?128:$c(e)?64:pe(e)?4:X(e)?2:0;return f(e,t,s,n,a,o,i,!0)}function Sc(e){return e?Qi(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?Ic(n||{},t):n;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:r,key:r&&To(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 ja(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),ja(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 Ic(...e){const t={};for(let s=0;sye||xe;let Oa,zt,li="__VUE_INSTANCE_SETTERS__";(zt=Sn()[li])||(zt=Sn()[li]=[]),zt.push(e=>ye=e),Oa=e=>{zt.length>1?zt.forEach(t=>t(e)):zt[0](e)};const Kt=e=>{Oa(e),e.scope.on()},It=()=>{ye&&ye.scope.off(),Oa(null)};function $o(e){return e.vnode.shapeFlag&4}let gs=!1;function Nc(e,t=!1){gs=t;const{props:s,children:n}=e.vnode,a=$o(e);wc(e,s,a,t),qc(e,n);const i=a?zc(e,t):void 0;return gs=!1,i}function zc(e,t){const s=e.type;e.accessCache=Object.create(null),e.proxy=Gi(new Proxy(e.ctx,uc));const{setup:n}=s;if(n){const a=e.setupContext=n.length>1?Mo(e):null;Kt(e),Xt();const i=bt(n,e,0,[e.props,a]);if(Jt(),It(),Ni(i)){if(i.then(It,It),t)return i.then(o=>{ci(e,o,t)}).catch(o=>{nn(o,e,0)});e.asyncDep=i}else ci(e,i,t)}else Ao(e,t)}function ci(e,t,s){X(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:pe(t)&&(e.setupState=so(t)),Ao(e,s)}let di;function Ao(e,t,s){const n=e.type;if(!e.render){if(!t&&di&&!n.render){const a=n.template||xa(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=di(a,c)}}e.render=n.render||Je}Kt(e),Xt(),vc(e),Jt(),It()}function Rc(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,s){return Le(e,"get","$attrs"),t[s]}}))}function Mo(e){const t=s=>{e.exposed=s||{}};return{get attrs(){return Rc(e)},slots:e.slots,emit:e.emit,expose:t}}function pn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(so(Gi(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 Dc(e,t=!0){return X(e)?e.displayName||e.name:e.name||t&&e.__name}function Uc(e){return X(e)&&"__vccOpts"in e}const tt=(e,t)=>Sl(e,t,gs);function Kn(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 Vc=Symbol.for("v-scx"),Hc=()=>Ls(Vc),Bc="3.3.4",Kc="http://www.w3.org/2000/svg",Tt=typeof document<"u"?document:null,ui=Tt&&Tt.createElement("template"),Wc={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(Kc,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 Xc(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 Jc(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&&Wn(n,i,"");for(const i in s)Wn(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 fi=/\s*!important$/;function Wn(e,t,s){if(V(s))s.forEach(n=>Wn(e,t,n));else if(s==null&&(s=""),t.startsWith("--"))e.setProperty(t,s);else{const n=Zc(e,t);fi.test(s)?e.setProperty(Wt(n),s.replace(fi,""),"important"):e[n]=s}}const pi=["Webkit","Moz","ms"],xn={};function Zc(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||(nd.then(()=>wn=0),wn=Date.now());function id(e,t){const s=n=>{if(!n._vts)n._vts=Date.now();else if(n._vts<=s.attached)return;Ve(od(n,s.value),t,5,[n])};return s.value=e,s.attached=ad(),s}function od(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 bi=/^on[a-z]/,rd=(e,t,s,n,a=!1,i,o,r,l)=>{t==="class"?Xc(e,n,a):t==="style"?Jc(e,s,n):Ys(t)?ia(t)||td(e,t,s,n,o):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):ld(e,t,n,a))?Qc(e,t,n,i,o,r,l):(t==="true-value"?e._trueValue=n:t==="false-value"&&(e._falseValue=n),Yc(e,t,n,a))};function ld(e,t,s,n){return n?!!(t==="innerHTML"||t==="textContent"||t in e&&bi.test(t)&&X(s)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||bi.test(t)&&ge(s)?!1:t in e}const dt="transition",es="animation",$t=(e,{slots:t})=>Kn(Yl,cd(e),t);$t.displayName="Transition";const So={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({},uo,So);const jt=(e,t=[])=>{V(e)?e.forEach(s=>s(...t)):e&&e(...t)},hi=e=>e?V(e)?e.some(t=>t.length>1):e.length>1:!1;function cd(e){const t={};for(const h in e)h in So||(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=dd(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]),gi(()=>{Ot(L,h?l:i),ut(L,h?u:r),hi(ce)||_i(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),pd(),ut(h,m),gi(()=>{h._isLeaving&&(Ot(h,p),ut(h,g),hi(q)||_i(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 dd(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 Hr(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 gi(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let ud=0;function _i(e,t,s,n){const a=e._endId=++ud,i=()=>{a===e._endId&&n()};if(s)return setTimeout(i,s);const{type:o,timeout:r,propCount:l}=fd(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=yi(a,i),r=n(`${es}Delay`),l=n(`${es}Duration`),c=yi(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 yi(e,t){for(;e.lengthxi(s)+xi(e[n])))}function xi(e){return Number(e.slice(0,-1).replace(",","."))*1e3}function pd(){return document.body.offsetHeight}const vd=["ctrl","shift","alt","meta"],md={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>vd.some(s=>e[`${s}Key`]&&!t.includes(s))},On=(e,t)=>(s,...n)=>{for(let a=0;a{const t=hd().createApp(...e),{mount:s}=t;return t.mount=n=>{const a=_d(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 _d(e){return ge(e)?document.querySelector(e):e}const yd="/Portfolio3-14h/assets/ellypsis-vertical-2-8b5a044c.svg",xd="/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},wd={data(){return{isResponsiveMenu:!0}},methods:{toggleMenu(){this.isResponsiveMenu=!this.isResponsiveMenu},closeMenuIfResponsive(){this.isResponsiveMenu&&this.toggleMenu()},navigateToSection(e){window.location.href=`/Portfolio3-14h/#${e}`,this.closeMenuIfResponsive()}}},Zt=e=>(Pe("data-v-b7828088"),e=e(),Ee(),e),jd={class:"container1"},Od={class:"orange"},qd=Zt(()=>f("a",{href:"./"},[f("h1",null,"Frédérique CHAMBINAUD")],-1)),Cd={class:"menu-points"},Pd=Zt(()=>f("img",{src:yd,alt:"picto menu"},null,-1)),Ed=[Pd],Td=Zt(()=>f("p",null,"Présentation",-1)),$d=[Td],Ad=Zt(()=>f("p",null,"Réalisations",-1)),Md=[Ad],Sd=Zt(()=>f("p",null,"Contact",-1)),Id=[Sd],Ld={class:"picto"},kd=Zt(()=>f("img",{src:xd,alt:"Picto linkedin"},null,-1)),Fd=[kd];function Nd(e,t,s,n,a,i){return ne(),oe("div",jd,[f("div",Od,[qd,f("div",Cd,[f("a",{href:"javascript:void(0);",class:"icon",onClick:t[0]||(t[0]=(...o)=>i.toggleMenu&&i.toggleMenu(...o))},Ed)])]),f("nav",{class:Lt({blue:!a.isResponsiveMenu,responsive:a.isResponsiveMenu}),id:"menu-blue"},[f("a",{href:"javascript:void(0);",onClick:t[1]||(t[1]=On(o=>i.navigateToSection("first"),["prevent"]))},$d),f("a",{href:"javascript:void(0);",onClick:t[2]||(t[2]=On(o=>i.navigateToSection("reals"),["prevent"]))},Md),f("a",{href:"javascript:void(0);",onClick:t[3]||(t[3]=On(o=>i.navigateToSection("contact"),["prevent"]))},Id),f("div",Ld,[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))},Fd)])],2)])}const zd=_e(wd,[["render",Nd],["__scopeId","data-v-b7828088"]]),Rd="/Portfolio3-14h/assets/profil-carre-222-6644d89e.jpg";const Yt=e=>(Pe("data-v-6cd0d54a"),e=e(),Ee(),e),Dd={class:"englobeur-first",id:"first"},Ud=Yt(()=>f("div",{class:"container-photo","data-scroll":"","data-scroll-speed":"-1"},[f("img",{src:Rd,alt:"photo profil",class:"photo2"})],-1)),Vd={class:"text"},Hd=Yt(()=>f("div",{class:"bienvenue"},"Hello ! Je suis Fred,",-1)),Bd=Yt(()=>f("div",{class:"portfolio"},"UX/UI DESIGNER",-1)),Kd=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)),Wd=Yt(()=>f("button",{class:"btn"},"Plus de détails sur mon cv",-1)),Xd=[Wd],Jd=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)),Zd="https://14h02m10s.github.io/Portfolio3-14h/cv-oct2024-portfolio.pdf",Yd={__name:"First4",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),oe("div",Dd,[f("div",{class:"text-photo",style:tn({transform:`translateY(-${t.scroll}px)`})},[D($t,{appear:"",name:"photo-fade"},{default:Q(()=>[Ud]),_:1}),f("div",Vd,[D($t,{appear:"",name:"slide-fade1"},{default:Q(()=>[Hd]),_:1}),D($t,{appear:"",name:"slide-fade1"},{default:Q(()=>[Bd]),_:1}),D($t,{appear:"",name:"slide-fade2"},{default:Q(()=>[Kd]),_:1}),D($t,{appear:"",name:"slide-fade2"},{default:Q(()=>[f("div",{class:"container-button"},[f("a",{href:Zd,target:"_blank",download:"CV-fchambinaud.pdf"},Xd)])]),_:1})])],4),Jd]))}},Qd=_e(Yd,[["__scopeId","data-v-6cd0d54a"]]);const Gd={},eu={class:"item"},tu={class:"img"},su={class:"section-texte"},nu={class:"content"};function au(e,t,s,n,a,i){return ne(),oe("div",eu,[f("div",tu,[Vt(e.$slots,"image",{},void 0,!0)]),f("div",su,[f("h4",null,[Vt(e.$slots,"sous-titre",{},void 0,!0)]),f("p",nu,[Vt(e.$slots,"default",{},void 0,!0)])])])}const As=_e(Gd,[["render",au],["__scopeId","data-v-af523d86"]]),iu="/Portfolio3-14h/assets/google-ux-bandeau-84767ba7.jpg";const ou={},ru=e=>(Pe("data-v-b45a63cc"),e=e(),Ee(),e),lu={class:"height"},cu=ru(()=>f("img",{src:iu,alt:"Miniature Google UX couleur"},null,-1)),du=[cu];function uu(e,t){return ne(),oe("div",lu,du)}const Io=_e(ou,[["render",uu],["__scopeId","data-v-b45a63cc"]]),fu="/Portfolio3-14h/assets/img-prez-onzen2-43b6ff7d.jpg";const pu={},vu=e=>(Pe("data-v-5a712356"),e=e(),Ee(),e),mu={class:"height"},bu=vu(()=>f("a",{href:"#/realisations/onzen"},[f("img",{src:fu,alt:"Miniature OnZen couleur"})],-1)),hu=[bu];function gu(e,t){return ne(),oe("div",mu,hu)}const Lo=_e(pu,[["render",gu],["__scopeId","data-v-5a712356"]]),_u="/Portfolio3-14h/assets/img-prez-mukiz2-44dde4a3.jpg";const yu={},xu=e=>(Pe("data-v-d704363a"),e=e(),Ee(),e),wu={class:"height"},ju=xu(()=>f("a",{href:"#/realisations/mukiz"},[f("img",{src:_u,alt:"Miniature Mukiz couleur"})],-1)),Ou=[ju];function qu(e,t){return ne(),oe("div",wu,Ou)}const Cu=_e(yu,[["render",qu],["__scopeId","data-v-d704363a"]]),Pu="/Portfolio3-14h/assets/img-prez-artefacteurs-50fc7254.jpg";const Eu={},Tu=e=>(Pe("data-v-11529734"),e=e(),Ee(),e),$u={class:"height"},Au=Tu(()=>f("a",{href:"#/realisations/artefacteurs"},[f("img",{src:Pu,alt:"Miniature Artefacteurs couleur"})],-1)),Mu=[Au];function Su(e,t){return ne(),oe("div",$u,Mu)}const ko=_e(Eu,[["render",Su],["__scopeId","data-v-11529734"]]);const le=e=>(Pe("data-v-264bda07"),e=e(),Ee(),e),Iu={id:"reals"},Lu=le(()=>f("div",{class:"titre"},[f("h2",null,"RÉALISATIONS")],-1)),ku={class:"flex-project"},Fu=le(()=>f("span",null,"Ux",-1)),Nu=le(()=>f("br",null,null,-1)),zu=le(()=>f("a",{href:"#/realisations/mukiz",class:"link-text"},"Onboarding Mukiz ",-1)),Ru=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/mukiz"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Du=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)),Uu=le(()=>f("div",{class:"trait"},null,-1)),Vu=le(()=>f("span",null,"Ux",-1)),Hu=le(()=>f("br",null,null,-1)),Bu=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/googleux"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Ku=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)),Wu=le(()=>f("div",{class:"trait"},null,-1)),Xu=le(()=>f("span",null,"Ux",-1)),Ju=le(()=>f("span",null,"Ui",-1)),Zu=le(()=>f("br",null,null,-1)),Yu=le(()=>f("a",{href:"#/realisations/artefacteurs",class:"link-text"},"Plateforme des Artéf'acteurs ",-1)),Qu=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/artefacteurs"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Gu=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)),ef=le(()=>f("div",{class:"trait"},null,-1)),tf=le(()=>f("span",null,"Ui",-1)),sf=le(()=>f("span",null,"Ux",-1)),nf=le(()=>f("span",null,"Html/Css",-1)),af=le(()=>f("br",null,null,-1)),of=le(()=>f("a",{href:"#/realisations/onzen",class:"link-text"},"Refonte de la plateforme On-Zen ",-1)),rf=le(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/onzen"},[f("button",{class:"btn"},"Voir le projet")])],-1)),lf=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)),cf={__name:"Projects3",setup(e){return(t,s)=>(ne(),oe("div",Iu,[Lu,f("div",ku,[D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Cu)]),"sous-titre":Q(()=>[Fu,k(),Nu,zu]),default:Q(()=>[Ru,Du]),_:1}),Uu,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Io)]),"sous-titre":Q(()=>[Vu,k(),Hu,k(" Certification Google UX ")]),default:Q(()=>[Bu,Ku]),_:1}),Wu,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(ko)]),"sous-titre":Q(()=>[Xu,Ju,k(),Zu,Yu]),default:Q(()=>[Qu,Gu]),_:1}),ef,D(As,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Lo)]),"sous-titre":Q(()=>[tf,sf,nf,k(),af,of]),default:Q(()=>[rf,lf]),_:1})])]))}},df=_e(cf,[["__scopeId","data-v-264bda07"]]);const uf={},ff=e=>(Pe("data-v-d195d2b1"),e=e(),Ee(),e),pf={class:"foot"},vf=ff(()=>f("p",null,"© Frédérique Chambinaud 2024",-1)),mf=[vf];function bf(e,t){return ne(),oe("div",pf,mf)}const Qt=_e(uf,[["render",bf],["__scopeId","data-v-d195d2b1"]]);var hf=Object.defineProperty,gf=(e,t,s)=>t in e?hf(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,ji=(e,t,s)=>(gf(e,typeof t!="symbol"?t+"":t,s),s);class _f{constructor(){ji(this,"seed",0),ji(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 yf="Failed to copy value to clipboard. Unknown type.",xf={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(yf,t),""}return e}},wf="position:fixed; pointer-events:none; z-index:-9999; opacity:0;",jf={createTextarea(e){const t=document.createElement("textarea");return t.addEventListener("focusin",s=>{s.stopPropagation()}),t.value=e,t.setAttribute("readonly",""),t.style.cssText=wf,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=jf.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=xf.asString(t);if(ls.writeClipboardExecCommand(s))return!0;await ls.writeClipboard(s)}},ft=new _f,Of={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=>(Pe("data-v-9564c2f9"),e=e(),Ee(),e),qf={id:"contact"},Cf=lt(()=>f("div",{class:"titre"},[f("h2",null,"CONTACT")],-1)),Pf={class:"container-except-titre","data-aos":"fade-up","data-aos-duration":"600"},Ef={class:"login-card-container"},Tf=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)),$f=lt(()=>f("br",null,null,-1)),Af=lt(()=>f("br",null,null,-1)),Mf=lt(()=>f("br",null,null,-1)),Sf=lt(()=>f("br",null,null,-1)),If=lt(()=>f("b",null,"fchambinaudpro@gmail.com",-1)),Lf=[If],kf=lt(()=>f("br",null,null,-1)),Ff=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)),Nf={class:"z-index"},zf={name:"App",data(){return{isCopied:!0}},methods:{ToggleCopied(){this.isCopied=!this.isCopied}}},Rf=Object.assign(zf,{setup(e){return(t,s)=>{const n=dc("clipboard");return ne(),oe("div",qf,[Cf,f("div",Pf,[f("div",Ef,[Tf,f("div",null,[f("p",null,[$f,Af,k(" Si vous préférez utiliser votre boite mail, "),Mf,k("copiez mon adresse mail en cliquant dessus : "),Sf,Xl((ne(),oe("span",{onClick:s[0]||(s[0]=(...a)=>t.ToggleCopied&&t.ToggleCopied(...a)),class:"hover-list"},Lf)),[[n,"fchambinaudpro@gmail.com"]]),k(". "),kf]),f("p",{class:Lt({copy:!t.isCopied,copied:t.isCopied})},"C'est copié !",2)])])]),Ff,f("div",Nf,[D(Qt)])])}}}),Fo=_e(Rf,[["__scopeId","data-v-9564c2f9"]]);const Xn={__name:"HomeView",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Qd),D(df),D(Fo)]))}};const Df={data(){return{isExpanded:!1}},methods:{toggleExpansion(){this.isExpanded=!this.isExpanded}}},Uf={class:"item"},Vf={class:"img"},Hf={class:"content"},Bf={class:"btn-continue"};function Kf(e,t,s,n,a,i){return ne(),oe("div",Uf,[f("div",Vf,[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",Hf,[Vt(e.$slots,"default",{},void 0,!0)]),f("div",Bf,[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(Df,[["render",Kf],["__scopeId","data-v-15d0c861"]]),Wf="/Portfolio3-14h/assets/ImgPortfolio1-coul-f1ca2911.jpg";const Xf={},Jf=e=>(Pe("data-v-05af01a7"),e=e(),Ee(),e),Zf={class:"height"},Yf=Jf(()=>f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank"},[f("img",{src:Wf,alt:"Miniature Portfolio1 coul"})],-1)),Qf=[Yf];function Gf(e,t){return ne(),oe("div",Zf,Qf)}const ep=_e(Xf,[["render",Gf],["__scopeId","data-v-05af01a7"]]),tp="/Portfolio3-14h/assets/Lakson-coul-154c63ab.jpg";const sp={},np=e=>(Pe("data-v-1242167e"),e=e(),Ee(),e),ap={class:"height"},ip=np(()=>f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank"},[f("img",{src:tp,alt:"Miniature Lakson coul"})],-1)),op=[ip];function rp(e,t){return ne(),oe("div",ap,op)}const lp=_e(sp,[["render",rp],["__scopeId","data-v-1242167e"]]);const we=e=>(Pe("data-v-de4fb8dd"),e=e(),Ee(),e),cp={id:"reals"},dp=we(()=>f("div",{class:"titre"},[f("h2",null,"RÉALISATIONS")],-1)),up={class:"flex-project"},fp=we(()=>f("div",{class:"DivTitreH3"},[f("h3",null,"Projets UX/UI")],-1)),pp=we(()=>f("a",{href:"#/realisations/onzen",class:"link-text"},"Refonte de la plateforme On-Zen ",-1)),vp=we(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/onzen"},[f("button",{class:"btn"},"Voir le projet")])],-1)),mp=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)),bp=we(()=>f("div",{class:"container-button"},[f("button",{class:"btn-disable"},"En cours d'acquisition")],-1)),hp=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)),gp=we(()=>f("a",{href:"#/realisations/artefacteurs",class:"link-text"},"Projet des Artéf'acteurs ",-1)),_p=we(()=>f("div",{class:"container-button"},[f("a",{href:"#/realisations/artefacteurs"},[f("button",{class:"btn"},"Voir le projet")])],-1)),yp=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)),xp={class:"flex-project"},wp=we(()=>f("div",{class:"DivTitreH3"},[f("h3",null,"Projets front-end")],-1)),jp=we(()=>f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank",class:"link-text"},"Première version de mon portfolio ",-1)),Op=we(()=>f("div",{class:"container-button"},[f("a",{href:"https://14h02m10s.github.io/Portfolio/",target:"blank"},[f("button",{class:"btn"},"Voir le projet")])],-1)),qp=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)),Cp=we(()=>f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank",class:"link-text"},"Reproduction d'un site vitrine ",-1)),Pp=we(()=>f("div",{class:"container-button"},[f("a",{href:"https://14h02m10s.github.io/ExerciceCopieSiteResto/#/",target:"blank"},[f("button",{class:"btn"},"Voir le projet")])],-1)),Ep=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)),Tp={__name:"Projects2",setup(e){return(t,s)=>(ne(),oe("div",cp,[dp,f("div",up,[fp,D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Lo)]),"sous-titre":Q(()=>[pp]),default:Q(()=>[vp,mp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(Io)]),"sous-titre":Q(()=>[k("Certification Google UX  ")]),default:Q(()=>[bp,hp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(ko)]),"sous-titre":Q(()=>[gp]),default:Q(()=>[_p,yp]),_:1})]),f("div",xp,[wp,D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(ep)]),"sous-titre":Q(()=>[jp]),default:Q(()=>[Op,qp]),_:1}),D(ts,{"data-aos":"fade-up","data-aos-duration":"600"},{image:Q(()=>[D(lp)]),"sous-titre":Q(()=>[Cp]),default:Q(()=>[Pp,Ep]),_:1})]),D(Qt)]))}},$p=_e(Tp,[["__scopeId","data-v-de4fb8dd"]]);const No={__name:"PageRealisations",setup(e){return(t,s)=>(ne(),oe("main",null,[D($p)]))}},Ap="/Portfolio3-14h/assets/banniere-artefacteurs2-27dec636.jpg",Mp="/Portfolio3-14h/assets/uxDesign-4a33de69.jpg",Sp="/Portfolio3-14h/assets/problematique-ba823560.jpg",Ip="/Portfolio3-14h/assets/personasHypothetiques-41ac0f8e.jpg",Lp="/Portfolio3-14h/assets/lesCartesUX-ad8c66a1.jpg",kp="/Portfolio3-14h/assets/diagrammeAffinite-edcf7898.png",Fp="/Portfolio3-14h/assets/diagrammeAffiniteExtrait-309997d6.jpg",Np="/Portfolio3-14h/assets/Persona-78f7cd19.jpg",zp="/Portfolio3-14h/assets/brainstorm3-5c2acedb.jpg",Rp="/Portfolio3-14h/assets/atelierIdeation2-709139c5.png",Dp="/Portfolio3-14h/assets/resultatAtelierIdeation-faad29ba.jpg",Up="/Portfolio3-14h/assets/detail-arborescence-e257ec11.png",Vp="/Portfolio3-14h/assets/userflow1-0943fe38.jpg",Hp="/Portfolio3-14h/assets/wireframes-d9604dac.jpg",Bp="/Portfolio3-14h/assets/prototype2-6860a6b2.jpg",Kp="/Portfolio3-14h/assets/ProtocoleTest-464a2b1c.jpg",Wp="/Portfolio3-14h/assets/maze_screenshot_interaction2-f7eeea70.jpg",Xp="/Portfolio3-14h/assets/restitution-recos-c90d8f58.jpg",Jp="/Portfolio3-14h/assets/5-4-Evaluation-Recommandations-0c87a74b.jpg",Zp="/Portfolio3-14h/assets/6-1-Iteration-e0ad5b91.jpg",Yp="/Portfolio3-14h/assets/proto1-71217c4c.jpg",Qp="/Portfolio3-14h/assets/proto2-c881172d.jpg";const Gp=e=>(Pe("data-v-70c1c858"),e=e(),Ee(),e),ev=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),tv=Gp(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),sv=[tv],nv=()=>{window.scrollTo({top:0,left:0})},av={__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"},[ev,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:nv},sv)])]),D(Qt)],64))}},iv=_e(av,[["__scopeId","data-v-70c1c858"]]);const zo={__name:"PageArtefacteurs",setup(e){return(t,s)=>(ne(),oe("main",null,[D(iv)]))}},ov="/Portfolio3-14h/assets/banniere-on-zen2-91c74aea.jpg",rv="/Portfolio3-14h/assets/atomicDesign-onzen-atomes-56dabf24.jpg",lv="/Portfolio3-14h/assets/atomicDesign-onzen-molecules-0301f58b.jpg",cv="/Portfolio3-14h/assets/atomicDesign-onzen-organismes-a0a78dc2.jpg",dv="/Portfolio3-14h/assets/userflow-navbar-footer-onzen-07b38667.jpg",uv="/Portfolio3-14h/assets/userflow-tableau-de-bord-client-onzen-0a60ee42.jpg",fv="/Portfolio3-14h/assets/Vue-ensemble-On-Zen-89428dcc.jpg",pv="/Portfolio3-14h/assets/Modifs-homepage-Onzen-0e5d3008.jpg",vv="/Portfolio3-14h/assets/Page-nosPratiques-onzen-3966a74c.jpg",mv="/Portfolio3-14h/assets/page-notreHistoire-Onzen-bf9d2423.jpg",bv="/Portfolio3-14h/assets/pages-news-onzen-157f7ace.jpg",hv="/Portfolio3-14h/assets/Page-article-blog-onzen-4aaef1c4.jpg",gv="/Portfolio3-14h/assets/contact-tarifs-Onzen-1a8dbebc.jpg",_v="/Portfolio3-14h/assets/Inscription-connexion-onzen-avant-apres-610b947f.jpg",yv="/Portfolio3-14h/assets/tableau-bord-client-onzen-914e4975.jpg";const xv=e=>(Pe("data-v-7d05b1da"),e=e(),Ee(),e),wv=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),jv=xv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),Ov=[jv],qv=()=>{window.scrollTo({top:0,left:0})},Cv={__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"},[wv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:qv},Ov)])]),D(Qt)],64))}},Pv=_e(Cv,[["__scopeId","data-v-7d05b1da"]]);const Ro={__name:"PageOnZen",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Pv)]))}},Ev="/Portfolio3-14h/assets/banniere-Mukiz2-7c2f7800.jpg",Tv="/Portfolio3-14h/assets/screen-mukiz-existant-1ere-phase-56a6c259.jpg",$v="/Portfolio3-14h/assets/screen-mukiz-existant-2eme-phase-d22c8bb8.jpg",Av="/Portfolio3-14h/assets/screen-mukiz-existant-3eme-phase-72a3b7d3.jpg",Mv="/Portfolio3-14h/assets/Mukiz-ecran2et3-1ere-modif-41423285.jpg",Sv="/Portfolio3-14h/assets/resume-1er-parcours-mukiz-maze-cc03374e.jpg",Iv="/Portfolio3-14h/assets/resume-2eme-parcours-mukiz-maze-a4d9508f.jpg",Lv="/Portfolio3-14h/assets/Mukiz-screen-maquette-finale-6c933a98.jpg";const kv=e=>(Pe("data-v-4b30572f"),e=e(),Ee(),e),Fv=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),Nv=kv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),zv=[Nv],Rv=()=>{window.scrollTo({top:0,left:0})},Dv={data(){return{activeSection:null}},methods:{scrollToSection(e){this.activeSection=e;const t=document.getElementById(e);t&&t.scrollIntoView({behavior:"smooth"})}}},Uv=Object.assign(Dv,{__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"},[Fv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Rv},zv)])]),D(Qt)],64))}}),Vv=_e(Uv,[["__scopeId","data-v-4b30572f"]]);const Do={__name:"PageMukiz",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Vv)]))}},Hv="/Portfolio3-14h/assets/banniere-googleUX2-fd1dafc5.jpg",Bv="/Portfolio3-14h/assets/personna-google-UX-1-40bcbcc3.jpg",Kv="/Portfolio3-14h/assets/personna-google-UX-2-a4c0fec0.jpg",Wv="/Portfolio3-14h/assets/googleUX-wireframes-d5aa2d38.jpg",Xv="/Portfolio3-14h/assets/googleUX-proto1-c5b14fae.jpg",Jv="/Portfolio3-14h/assets/insights-google-ux-41e7e47c.jpg",Zv="/Portfolio3-14h/assets/googleUX-proto2-498995e5.jpg";const Yv=e=>(Pe("data-v-64d40f4f"),e=e(),Ee(),e),Qv=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 inscrits 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é 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 sont 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 d'un 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é à 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
>> Tester le prototype basse fidélité Figma

Entretiens et modifications des maquettes

Pour préparer les tests utilisateurs de mes prototypes sur Figma, j'ai élaboré un plan de recherche clair, définissant les objectifs, les questions d'ergonomie et les scénarios de test. Cette approche m'a permis de recueillir des retours précieux, que j'ai synthétisés en insights. Ceux-ci ont mis en lumière les ajustements nécessaires et m'ont aidée à identifier des axes d'amélioration pour rendre l'application plus intuitive et adaptée aux attentes des utilisateurs.

Mes insights très par ordre de priorité
Mes insights très par ordre de priorité

J'ai donc pu ajuster mes maquettes en fonction des axes d'amélioration identifiés lors des tests utilisateurs, afin de mieux répondre aux besoins et aux attentes relevés.

Aperçu des modifications
Aperçu des modifications

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

',3),Gv=Yv(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),em=[Gv],tm=()=>{window.scrollTo({top:0,left:0})},sm={__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"},[Qv,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:tm},em)])]),D(Qt)],64))}},nm=_e(sm,[["__scopeId","data-v-64d40f4f"]]);const Uo={__name:"PageGoogleUX",setup(e){return(t,s)=>(ne(),oe("main",null,[D(nm)]))}};const Vo={__name:"PageContact",setup(e){return(t,s)=>(ne(),oe("main",null,[D(Fo)]))}},am={"/":Xn,"/realisations":No,"/realisations/artefacteurs":zo,"/realisations/onzen":Ro,"/realisations/mukiz":Do,"/realisations/googleux":Uo,"/contact":Vo},im={name:"App",components:{Header7:zd,HomeView:Xn,PageRealisations:No,PageArtefacteurs:zo,PageOnZen:Ro,PageMukiz:Do,PageGoogleUX:Uo,PageContact:Vo},data(){return{currentPath:window.location.hash}},computed:{currentView(){return am[this.currentPath.slice(1)||"/"]||Xn}},mounted(){window.addEventListener("hashchange",()=>{this.currentPath=window.location.hash})}};function om(e,t,s,n,a,i){const o=bo("Header7");return ne(),oe("div",null,[D(o),(ne(),Eo(cc(i.currentView)))])}const rm=_e(im,[["render",om]]);function Jn(e,t,s=".",n){if(!qn(t))return Jn(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]]:qn(o)&&qn(a[i])?a[i]=Jn(o,a[i],(s?`${s}.`:"")+i.toString(),n):a[i]=o))}return a}function qn(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 lm(e){return(...t)=>t.reduce((s,n)=>Jn(s,n,"",e),{})}const cm=lm();function Ho(e){return Ri()?(tl(e),!0):!1}function qa(e){return typeof e=="function"?e():_t(e)}const dm=typeof window<"u"&&typeof document<"u",um=e=>e!=null,fm=Object.prototype.toString,Ws=e=>fm.call(e)==="[object Object]",Ns=()=>{};function pm(e){fn()&&ga(e)}function cs(e){var t;const s=qa(e);return(t=s==null?void 0:s.$el)!=null?t:s}const Bo=dm?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=Bo):[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),qa(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 Ho(c),c}function vm(){const e=Ze(!1);return fn()&&yt(()=>{e.value=!0}),e}function mm(e){const t=vm();return tt(()=>(t.value,!!e()))}function bm(e,t,s={}){const{root:n,rootMargin:a="0px",threshold:i=.1,window:o=Bo,immediate:r=!0}=s,l=mm(()=>o&&"IntersectionObserver"in o),c=tt(()=>{const w=qa(e);return(Array.isArray(w)?w:[w]).map(cs).filter(um)});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 Ho(g),{isSupported:l,isActive:p,pause(){u(),p.value=!1},resume(){p.value=!0},stop:g}}const Ko=1/60*1e3,hm=typeof performance<"u"?()=>performance.now():()=>Date.now(),Wo=typeof window<"u"?e=>window.requestAnimationFrame(e):e=>setTimeout(()=>e(hm()),Ko);function gm(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]=gm(()=>_s=!0),e),{}),Qn=xs.reduce((e,t)=>{const s=vn[t];return e[t]=(n,a=!1,i=!1)=>(_s||wm(),s.schedule(n,a,i)),e},{}),ym=xs.reduce((e,t)=>(e[t]=vn[t].cancel,e),{});xs.reduce((e,t)=>(e[t]=()=>vn[t].process(Ht),e),{});const xm=e=>vn[e].process(Ht),Xo=e=>{_s=!1,Ht.delta=Zn?Ko:Math.max(Math.min(e-Ht.timestamp,_m),1),Ht.timestamp=e,Yn=!0,xs.forEach(xm),Yn=!1,_s&&(Zn=!1,Wo(Xo))},wm=()=>{_s=!0,Zn=!0,Yn||Wo(Xo)},Jo=()=>Ht;function Zo(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),Cn=.001,Om=.01,qi=10,qm=.05,Cm=1;function Pm({duration:e=800,bounce:t=.25,velocity:s=0,mass:n=1}){let a,i;jm(e<=qi*1e3);let o=1-t;o=Gn(qm,Cm,o),e=Gn(Om,qi,e/1e3),o<1?(a=c=>{const u=c*o,p=u*e,m=u-s,g=ea(c,o),w=Math.exp(-p);return Cn-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=ea(Math.pow(c,2),o);return(-a(c)+Cn>0?-1:1)*((m-g)*w)/C}):(a=c=>{const u=Math.exp(-c*e),p=(c-s)*e+1;return-Cn+u*p},i=c=>{const u=Math.exp(-c*e),p=(s-c)*(e*e);return u*p});const r=5/e,l=Tm(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 Em=12;function Tm(e,t,s){let n=s;for(let a=1;ae[s]!==void 0)}function Mm(e){let t=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},e);if(!Ci(e,Am)&&Ci(e,$m)){const s=Pm(e);t=Object.assign(Object.assign(Object.assign({},t),s),{velocity:0,mass:1}),t.isResolvedFromDuration=!0}return t}function Ca(e){var{from:t=0,to:s=1,restSpeed:n=2,restDelta:a}=e,i=Zo(e,["from","to","restSpeed","restDelta"]);const o={done:!1,value:t};let{stiffness:r,damping:l,mass:c,velocity:u,duration:p,isResolvedFromDuration:m}=Mm(i),g=Pi,w=Pi;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=ea(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()}}}Ca.needsInterpolation=(e,t)=>typeof e=="string"||typeof t=="string";const Pi=e=>0,Yo=(e,t,s)=>{const n=t-e;return n===0?1:(s-e)/n},Pa=(e,t,s)=>-s*e+s*t+e,Qo=(e,t)=>s=>Math.max(Math.min(s,t),e),ds=e=>e%1?Number(e.toFixed(5)):e,ys=/(-)?([\d]*\.?[\d])+/g,ta=/(#[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,Sm=/^(#[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:Qo(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)}),Ta=(e,t)=>s=>!!(ws(s)&&Sm.test(s)&&s.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(s,t)),Go=(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:Ta("hsl","hue"),parse:Go("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))+")"},Im=Qo(0,255),Pn=Object.assign(Object.assign({},js),{transform:e=>Math.round(Im(e))}),vt={test:Ta("rgb","red"),parse:Go("red","green","blue"),transform:({red:e,green:t,blue:s,alpha:n=1})=>"rgba("+Pn.transform(e)+", "+Pn.transform(t)+", "+Pn.transform(s)+", "+ds(us.transform(n))+")"};function Lm(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 sa={test:Ta("#"),parse:Lm,transform:vt.transform},Ie={test:e=>vt.test(e)||sa.test(e)||Mt.test(e),parse:e=>vt.test(e)?vt.parse(e):Mt.test(e)?Mt.parse(e):sa.parse(e),transform:e=>ws(e)?e:e.hasOwnProperty("red")?vt.transform(e):Mt.transform(e)},er="${c}",tr="${n}";function km(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(ta))===null||n===void 0?void 0:n.length)!==null&&a!==void 0?a:0)>0}function sr(e){typeof e=="number"&&(e=`${e}`);const t=[];let s=0;const n=e.match(ta);n&&(s=n.length,e=e.replace(ta,er),t.push(...n.map(Ie.parse)));const a=e.match(ys);return a&&(e=e.replace(ys,tr),t.push(...a.map(js.parse))),{values:t,numColors:s,tokenised:e}}function nr(e){return sr(e).values}function ar(e){const{values:t,numColors:s,tokenised:n}=sr(e),a=t.length;return i=>{let o=n;for(let r=0;rtypeof e=="number"?0:e;function Nm(e){const t=nr(e);return ar(e)(t.map(Fm))}const Os={test:km,parse:nr,createTransformer:ar,getAnimatableNone:Nm},zm=new Set(["brightness","contrast","saturate","opacity"]);function Rm(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=zm.has(t)?1:0;return n!==s&&(i*=100),t+"("+i+a+")"}const Dm=/([a-z-]*)\(.*?\)/g,na=Object.assign(Object.assign({},Os),{getAnimatableNone:e=>{const t=e.match(Dm);return t?t.map(Rm).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 Ti({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 Um=(e,t,s)=>{const n=e*e,a=t*t;return Math.sqrt(Math.max(0,s*(a-n)+n))},Vm=[sa,vt,Mt],$i=e=>Vm.find(t=>t.test(e)),ir=(e,t)=>{let s=$i(e),n=$i(t),a=s.parse(e),i=n.parse(t);s===Mt&&(a=Ti(a),s=vt),n===Mt&&(i=Ti(i),n=vt);const o=Object.assign({},a);return r=>{for(const l in o)l!=="alpha"&&(o[l]=Um(a[l],i[l],r));return o.alpha=Pa(a.alpha,i.alpha,r),s.transform(o)}},Hm=e=>typeof e=="number",Bm=(e,t)=>s=>t(e(s)),or=(...e)=>e.reduce(Bm);function rr(e,t){return Hm(e)?s=>Pa(e,t,s):Ie.test(e)?ir(e,t):cr(e,t)}const lr=(e,t)=>{const s=[...e],n=s.length,a=e.map((i,o)=>rr(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]=rr(e[a],t[a]));return a=>{for(const i in n)s[i]=n[i](a);return s}};function Ai(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=Ai(e),a=Ai(t);return n.numHSL===a.numHSL&&n.numRGB===a.numRGB&&n.numNumbers>=a.numNumbers?or(lr(n.parsed,a.parsed),s):o=>`${o>0?t:e}`},Wm=(e,t)=>s=>Pa(e,t,s);function Xm(e){if(typeof e=="number")return Wm;if(typeof e=="string")return Ie.test(e)?ir:cr;if(Array.isArray(e))return lr;if(typeof e=="object")return Km}function Jm(e,t,s){const n=[],a=s||Xm(e[0]),i=e.length-1;for(let o=0;os(Yo(e,t,n))}function Ym(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=Yo(e[i],e[i+1],a);return t[i](r)}}function dr(e,t,{clamp:s=!0,ease:n,mixer:a}={}){const i=e.length;Oi(i===t.length),Oi(!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=Jm(t,n,a),r=i===2?Zm(e,o):Ym(e,o);return s?l=>r(Gn(e[0],e[i-1],l)):r}const mn=e=>t=>1-e(1-t),$a=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Qm=e=>t=>Math.pow(t,e),ur=e=>t=>t*t*((e+1)*t-e),Gm=e=>{const t=ur(e);return s=>(s*=2)<1?.5*t(s):.5*(2-Math.pow(2,-10*(s-1)))},fr=1.525,eb=4/11,tb=8/11,sb=9/10,pr=e=>e,Aa=Qm(2),nb=mn(Aa),vr=$a(Aa),mr=e=>1-Math.sin(Math.acos(e)),br=mn(mr),ab=$a(br),Ma=ur(fr),ib=mn(Ma),ob=$a(Ma),rb=Gm(fr),lb=4356/361,cb=35442/1805,db=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 pb(e,t){return e.map(()=>t||vr).splice(0,e.length-1)}function vb(e){const t=e.length;return e.map((s,n)=>n!==0?n/(t-1):0)}function mb(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=mb(n&&n.length===o.length?n:vb(o),a);function l(){return dr(r,o,{ease:Array.isArray(s)?s:pb(o,s)})}let c=l();return{next:u=>(i.value=c(u),i.done=u>=a,i),flipTarget:()=>{o.reverse(),c=l()}}}function bb({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 Mi={keyframes:zs,spring:Ca,decay:bb};function hb(e){if(Array.isArray(e.to))return zs;if(Mi[e.type])return Mi[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")?Ca:zs}function hr(e,t,s=0){return e-t-s}function gb(e,t,s=0,n=!0){return n?hr(t+-e,t,s):t-(e-t)+s}function _b(e,t,s,n){return n?e>=t+s:e<=-s}const yb=e=>{const t=({delta:s})=>e(s);return{start:()=>Qn.update(t,!0),stop:()=>ym.update(t)}};function gr(e){var t,s,{from:n,autoplay:a=!0,driver:i=yb,elapsed:o=0,repeat:r=0,repeatType:l="loop",repeatDelay:c=0,onPlay:u,onStop:p,onComplete:m,onRepeat:g,onUpdate:w}=e,C=Zo(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 $=hb(C);!((s=(t=$).needsInterpolation)===null||s===void 0)&&s.call(t,n,M)&&(ie=dr([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=gb(o,T,c,W)):(o=hr(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 _r(e,t){return t?e*(1e3/t):0}function xb({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=_r(B-W,Jo().delta),(U===1&&B>q||U===-1&&Bw==null?void 0:w.stop()}}const yr=(e,t)=>1-3*t+3*e,xr=(e,t)=>3*t-6*e,wr=e=>3*e,Js=(e,t,s)=>((yr(t,s)*e+xr(t,s))*e+wr(t))*e,jr=(e,t,s)=>3*yr(t,s)*e*e+2*xr(t,s)*e+wr(t),wb=1e-7,jb=10;function Ob(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)>wb&&++r=Cb?Pb(o,p,e,s):m===0?p:Ob(o,r,r+Ss,e,s)}return o=>o===0||o===1?o:Js(i(o),t,n)}const Tn={};class Tb{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 Si(e){return!isNaN(parseFloat(e))}class $b{constructor(t){this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Tb,this.canTrackVelocity=!1,this.updateAndNotify=s=>{this.prev=this.current,this.current=s;const{delta:n,timestamp:a}=Jo();this.lastUpdated!==a&&(this.timeDelta=n,this.lastUpdated=a),Qn.postRender(this.scheduleVelocityCheck),this.updateSubscribers.notify(this.current)},this.scheduleVelocityCheck=()=>Qn.postRender(this.velocityCheck),this.velocityCheck=({timestamp:s})=>{this.canTrackVelocity||(this.canTrackVelocity=Si(this.current)),s!==this.lastUpdated&&(this.prev=this.current)},this.prev=this.current=t,this.canTrackVelocity=Si(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?_r(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 Ab(e){return new $b(e)}const{isArray:Mb}=Array;function Sb(){const e=Ze({}),t=n=>{const a=i=>{e.value[i]&&(e.value[i].stop(),e.value[i].destroy(),delete e.value[i])};n?Mb(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=Ab(a);return o.onChange(r=>i[n]=r),e.value[n]=o,o};return pm(t),{motionValues:e,get:s,stop:t}}function Ib(e){return Array.isArray(e)}function Ct(){return{type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}}function $n(e){return{type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restDelta:.01,restSpeed:10}}function Lb(e){return{type:"spring",stiffness:550,damping:e===0?100:30,restDelta:.01,restSpeed:10}}function An(){return{type:"keyframes",ease:"linear",duration:300}}function kb(e){return{type:"keyframes",duration:800,values:e}}const Ii={default:Lb,x:Ct,y:Ct,z:Ct,rotate:Ct,rotateX:Ct,rotateY:Ct,rotateZ:Ct,scaleX:$n,scaleY:$n,scale:$n,backgroundColor:An,color:An,opacity:An};function Or(e,t){let s;return Ib(t)?s=kb:s=Ii[e]||Ii.default,{to:t,...s(t)}}const Li={...js,transform:Math.round},qr={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:Li,filter:na,WebkitFilter:na,fillOpacity:us,strokeOpacity:us,numOctaves:Li},Sa=e=>qr[e];function Cr(e,t){return t&&typeof e=="number"&&t.transform?t.transform(e):e}function Fb(e,t){let s=Sa(e);return s!==na&&(s=Os),s.getAnimatableNone?s.getAnimatableNone(t):void 0}const Nb={linear:pr,easeIn:Aa,easeInOut:vr,easeOut:nb,circIn:mr,circInOut:ab,circOut:br,backIn:Ma,backInOut:ob,backOut:ib,anticipate:rb,bounceIn:ub,bounceInOut:fb,bounceOut:Xs};function ki(e){if(Array.isArray(e)){const[t,s,n,a]=e;return Eb(t,s,n,a)}else if(typeof e=="string")return Nb[e];return e}function zb(e){return Array.isArray(e)&&typeof e[0]!="number"}function Fi(e,t){return e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&Os.test(t)&&!t.startsWith("url("))}function Rb(e){return Array.isArray(e.to)&&e.to[0]===null&&(e.to=[...e.to],e.to[0]=e.from),e}function Db({ease:e,times:t,delay:s,...n}){const a={...n};return t&&(a.offset=t),e&&(a.ease=zb(e)?e.map(ki):ki(e)),s&&(a.elapsed=-s),a}function Ub(e,t,s){return Array.isArray(t.to)&&(e.duration||(e.duration=800)),Rb(t),Vb(e)||(e={...e,...Or(s,t.to)}),{...t,...Db(e)}}function Vb({delay:e,repeat:t,repeatType:s,repeatDelay:n,from:a,...i}){return!!Object.keys(i).length}function Hb(e,t){return e[t]||e.default||e}function Bb(e,t,s,n,a){const i=Hb(n,e);let o=i.from===null||i.from===void 0?t.get():i.from;const r=Fi(e,s);o==="none"&&r&&typeof s=="string"&&(o=Fb(e,s));const l=Fi(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"?xb({...m,...i}):gr({...Ub(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 Kb(){const{motionValues:e,stop:t,get:s}=Sb();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=Bb(a,u,i,r,l);u.start(p)}}}function Wb(e,t={},{motionValues:s,push:n,stop:a}=Kb()){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||Or(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 Ia=typeof window<"u",Xb=()=>Ia&&window.onpointerdown===null,Jb=()=>Ia&&window.ontouchstart===null,Zb=()=>Ia&&window.onmousedown===null;function Yb({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&&(Zb()&&(Ke(e,"mousedown",()=>o.value=!0),Ke(e,"mouseup",()=>o.value=!1)),Xb()&&(Ke(e,"pointerdown",()=>o.value=!0),Ke(e,"pointerup",()=>o.value=!1)),Jb()&&(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 Qb({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 Gb({state:e,apply:t}){Ae(e,s=>{s&&t(s)},{immediate:!0})}function eh({target:e,variants:t,variant:s}){const n=_t(t);n&&(n.visible||n.visibleOnce)&&bm(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 th(e,t={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){t.lifeCycleHooks&&Qb(e),t.syncVariants&&Gb(e),t.visibilityHooks&&eh(e),t.eventListeners&&Yb(e)}function Pr(e={}){const t=kt({...e}),s=Ze({});return Ae(t,()=>{const n={};for(const[a,i]of Object.entries(t)){const o=Sa(a),r=Cr(i,o);n[a]=r}s.value=n},{immediate:!0,deep:!0}),{state:t,style:s}}function La(e,t){Ae(()=>cs(e),s=>{s&&t(s)},{immediate:!0})}const sh={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=Sa(r),u=Cr(l,c);i+=`${sh[r]||r}(${u}) `}t&&!o&&(i+="translateZ(0px) "),n.value=i.trim()},{immediate:!0,deep:!0}),{state:s,transform:n}}const nh=["","X","Y","Z"],ah=["perspective","translate","scale","rotate","skew"],Tr=["transformPerspective","x","y","z"];ah.forEach(e=>{nh.forEach(t=>{const s=e+t;Tr.push(s)})});const ih=new Set(Tr);function ka(e){return ih.has(e)}const oh=new Set(["originX","originY","originZ"]);function $r(e){return oh.has(e)}function rh(e){const t={},s={};return Object.entries(e).forEach(([n,a])=>{ka(n)||$r(n)?t[n]=a:s[n]=a}),{transform:t,style:s}}function Ar(e){const{transform:t,style:s}=rh(e),{transform:n}=Er(t),{style:a}=Pr(s);return n.value&&(a.value.transform=n.value),a.value}function lh(e,t){let s,n;const{state:a,style:i}=Pr();return La(e,o=>{n=o;for(const r of Object.keys(qr))o.style[r]===null||o.style[r]===""||ka(r)||$r(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 ch(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 dh(e,t){Object.entries(ch(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 uh(e,t){let s,n;const{state:a,transform:i}=Er();return La(e,o=>{n=o,o.style.transform&&dh(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 fh(e,t){const s=kt({}),n=o=>Object.entries(o).forEach(([r,l])=>s[r]=l),{style:a}=lh(e,n),{transform:i}=uh(e,n);return Ae(s,o=>{Object.entries(o).forEach(([r,l])=>{const c=ka(r)?i:a;c[r]&&c[r]===l||(c[r]=l)})},{immediate:!0,deep:!0}),La(e,()=>t&&n(t)),{motionProperties:s,style:a,transform:i}}function ph(e={}){const t=_t(e),s=Ze();return{state:tt(()=>{if(s.value)return t[s.value]}),variant:s}}function Mr(e,t={},s){const{motionProperties:n}=fh(e),{variant:a,state:i}=ph(t),o=Wb(n,t),r={target:e,variant:a,variants:t,state:i,motionProperties:n,...o};return th(r,s),r}const vh=["initial","enter","leave","visible","visible-once","hovered","tapped","focused","delay"];function mh(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}),vh.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 Mn(e){return{created:(s,n,a)=>{const i=n.value&&typeof n.value=="string"?n.value:a.key;i&&Tn[i]&&Tn[i].stop();const o=Ze(e||{});typeof n.value=="object"&&(o.value=n.value),mh(a,o);const r=Mr(s,o);s.motionInstance=r,i&&(Tn[i]=r)},getSSRProps(s,n){let{initial:a}=s.value||n&&(n==null?void 0:n.props)||{};a=_t(a);const i=cm((e==null?void 0:e.initial)||{},a||{});return!i||Object.keys(i).length===0?void 0:{style:Ar(i)}}}}const bh={initial:{opacity:0},enter:{opacity:1}},hh={initial:{opacity:0},visible:{opacity:1}},gh={initial:{opacity:0},visibleOnce:{opacity:1}},_h={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},yh={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},xh={initial:{scale:0,opacity:0},visibleOnce:{scale:1,opacity:1}},wh={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},jh={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},Oh={initial:{x:-100,rotate:90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},qh={initial:{x:100,rotate:-90,opacity:0},enter:{x:0,rotate:0,opacity:1}},Ch={initial:{x:100,rotate:-90,opacity:0},visible:{x:0,rotate:0,opacity:1}},Ph={initial:{x:100,rotate:-90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},Eh={initial:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Th={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},$h={initial:{y:-100,rotate:-90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},Ah={initial:{y:100,rotate:90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Mh={initial:{y:100,rotate:90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Sh={initial:{y:100,rotate:90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},Ih={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Lh={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},kh={initial:{x:-100,opacity:0},visibleOnce:{x:0,opacity:1}},Fh={initial:{x:100,opacity:0},enter:{x:0,opacity:1}},Nh={initial:{x:100,opacity:0},visible:{x:0,opacity:1}},zh={initial:{x:100,opacity:0},visibleOnce:{x:0,opacity:1}},Rh={initial:{y:-100,opacity:0},enter:{y:0,opacity:1}},Dh={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},Uh={initial:{y:-100,opacity:0},visibleOnce:{y:0,opacity:1}},Vh={initial:{y:100,opacity:0},enter:{y:0,opacity:1}},Hh={initial:{y:100,opacity:0},visible:{y:0,opacity:1}},Bh={initial:{y:100,opacity:0},visibleOnce:{y:0,opacity:1}},aa={__proto__:null,fade:bh,fadeVisible:hh,fadeVisibleOnce:gh,pop:_h,popVisible:yh,popVisibleOnce:xh,rollBottom:Ah,rollLeft:wh,rollRight:qh,rollTop:Eh,rollVisibleBottom:Mh,rollVisibleLeft:jh,rollVisibleOnceBottom:Sh,rollVisibleOnceLeft:Oh,rollVisibleOnceRight:Ph,rollVisibleOnceTop:$h,rollVisibleRight:Ch,rollVisibleTop:Th,slideBottom:Vh,slideLeft:Ih,slideRight:Fh,slideTop:Rh,slideVisibleBottom:Hh,slideVisibleLeft:Lh,slideVisibleOnceBottom:Bh,slideVisibleOnceLeft:kh,slideVisibleOnceRight:zh,slideVisibleOnceTop:Uh,slideVisibleRight:Nh,slideVisibleTop:Dh},Kh=Ql({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=fc(),s=kt({});if(!e.is&&!t.default)return()=>Kn("div",{});const n=tt(()=>{let l;return e.preset&&(l=aa[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"&&!Zr(l)&&(l=bo(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)};mo(()=>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=Ar(t.initial||{}),i=(l,c)=>(l.props||(l.props={}),l.props.style=a,l.props.onVnodeMounted=({el:u})=>{const p=Mr(u,t);s[c]=p},l);if(n){const l=Kn(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 Wh(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 Xh={install(e,t){if(e.directive("motion",Mn()),e.component("Motion",Kh),!t||t&&!t.excludePresets)for(const s in aa){const n=aa[s];e.directive(`motion-${Wh(s)}`,Mn(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}`,Mn(n))}}};var Jh=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Zh(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Sr={exports:{}};(function(e,t){(function(s,n){e.exports=n()})(Jh,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,I){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(I)&&(De=!!I.leading,d="maxWait"in I,ve=d?B(u(I.maxWait)||0,L):ve,v="trailing"in I?!!I.trailing:v),ke.cancel=He,ke.flush=je,ke}function o(h,L,I){var ce=!0,se=!0;if(typeof h!="function")throw new TypeError(m);return r(I)&&(ce="leading"in I?!!I.leading:ce,se="trailing"in I?!!I.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 I=F.test(h);return I||N.test(h)?T(h.slice(2),I?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 I(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?I(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?I(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),I(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 Yh=Mr.exports;const Qh=Zh(Yh);const ka=md(rm);ka.use(Of);ka.use(Xh);Qh.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}])})})(Sr);var Yh=Sr.exports;const Qh=Zh(Yh);const Fa=gd(rm);Fa.use(Of);Fa.use(Xh);Qh.init();Fa.mount("#app"); diff --git a/assets/index-6b239337.css b/assets/index-c03f243a.css similarity index 93% rename from assets/index-6b239337.css rename to assets/index-c03f243a.css index 702aba7..8e821b1 100644 --- a/assets/index-6b239337.css +++ b/assets/index-c03f243a.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-bd896669]{font-family:Montserrat,sans-serif}.container1[data-v-bd896669]{display:flex;flex-direction:column;text-align:center;position:fixed;right:0;left:0;top:0;z-index:10}.orange[data-v-bd896669]{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-bd896669],.menu-points img[data-v-bd896669]{height:1.5rem}nav[data-v-bd896669]{padding:1rem;text-align:center;display:flex;flex-direction:column}nav a[data-v-bd896669]{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-bd896669]:hover{transform:scale(1.03)}h1[data-v-bd896669]:hover{transform:scale(1.03)}nav a[data-v-bd896669]:first-of-type{border:0}h1[data-v-bd896669]{font-weight:700;font-size:1.15rem;color:#fff}.picto img[data-v-bd896669]{height:2.8rem;margin-top:3rem;margin-right:2rem;margin-left:2rem}.picto img[data-v-bd896669]:hover{transform:scale(1.08)}.blue[data-v-bd896669]{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-bd896669]{display:none}@media (min-width: 471px){h1[data-v-bd896669]{font-size:1.3rem}}@media (min-width: 768px){.menu-points[data-v-bd896669]{display:none}.picto[data-v-bd896669]{display:flex;flex-direction:row}.picto a[data-v-bd896669]{padding:0 .5rem}.picto img[data-v-bd896669]{height:1.6rem;margin-top:.5rem;margin-right:.5rem;margin-left:.5rem}nav a[data-v-bd896669]{padding:0 .7rem;border-left:1px solid #1c657c}.container1[data-v-bd896669]{display:grid;grid-template-columns:3fr 5fr;color:#fff;height:5.5rem}nav[data-v-bd896669]{padding:1rem 0}h1[data-v-bd896669]{font-weight:700;text-align:left}.orange[data-v-bd896669]{background-color:#1a1e36;display:flex;align-items:center;justify-content:left;height:fit-content;height:5.5rem}.blue[data-v-bd896669],.responsive[data-v-bd896669]{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-bd896669],.responsive a[data-v-bd896669]{display:block;font-size:1.1rem}}@media (min-width: 1135px){.container1[data-v-bd896669],.orange[data-v-bd896669],.blue[data-v-bd896669],.responsive[data-v-bd896669]{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-64d40f4f]{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-64d40f4f]{width:100%;z-index:1;color:#353051}h2[data-v-64d40f4f]{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-64d40f4f]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-64d40f4f]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-64d40f4f]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-64d40f4f],ul[data-v-64d40f4f],ol[data-v-64d40f4f]{font-weight:500;padding:0}ul[data-v-64d40f4f],ol[data-v-64d40f4f]{padding:0 0 0 2rem}button[data-v-64d40f4f],button[data-v-64d40f4f]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-64d40f4f]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;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-64d40f4f]:before,button[data-v-64d40f4f]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-64d40f4f]:before,.btn[data-v-64d40f4f]:before,.btn-rond[data-v-64d40f4f]:after,.btn[data-v-64d40f4f]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-64d40f4f]:hover:after,.btn[data-v-64d40f4f]:hover:after{width:100%}.btn-return[data-v-64d40f4f]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-64d40f4f]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-64d40f4f]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-64d40f4f]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-64d40f4f]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-64d40f4f]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-64d40f4f]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-64d40f4f]{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-64d40f4f]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-64d40f4f]{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-64d40f4f]:hover{color:#fff;background-size:100% 100%}.merci[data-v-64d40f4f]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-64d40f4f]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-64d40f4f]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-64d40f4f]{box-shadow:none}.paragraphe-mis-en-avant[data-v-64d40f4f]{color:#353051;padding-left:2rem;font-style:italic;font-size:1.1rem}@media (min-width: 768px){#topPage[data-v-64d40f4f]{padding-top:7.5rem}.container1[data-v-64d40f4f]{width:95%}.colonne1[data-v-64d40f4f]{padding:.5rem 2rem}h5[data-v-64d40f4f]{padding:.4rem 0 0}p[data-v-64d40f4f],ul[data-v-64d40f4f],ol[data-v-64d40f4f]{margin:1rem 0rem;padding:0 2rem}ul[data-v-64d40f4f],ol[data-v-64d40f4f]{padding:0 2rem 0 4rem}.citation[data-v-64d40f4f]{margin:1.5rem 1rem;padding:1rem 2rem}}@media (min-width: 1135px){#topPage[data-v-64d40f4f]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-64d40f4f]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-64d40f4f]{font-size:2.7rem}p[data-v-64d40f4f],ul[data-v-64d40f4f],ol[data-v-64d40f4f]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-64d40f4f],ol[data-v-64d40f4f]{padding:0 2rem 0 4rem}.citation[data-v-64d40f4f]{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-b7828088]{font-family:Montserrat,sans-serif}.container1[data-v-b7828088]{display:flex;flex-direction:column;text-align:center;position:fixed;right:0;left:0;top:0;z-index:10}.orange[data-v-b7828088]{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-b7828088],.menu-points img[data-v-b7828088]{height:1.5rem}nav[data-v-b7828088]{padding:1rem;text-align:center;display:flex;flex-direction:column}nav a[data-v-b7828088]{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-b7828088]:hover{transform:scale(1.03)}h1[data-v-b7828088]:hover{transform:scale(1.03)}nav a[data-v-b7828088]:first-of-type{border:0}h1[data-v-b7828088]{font-weight:700;font-size:1.15rem;color:#fff}.picto img[data-v-b7828088]{height:2.8rem;margin-top:3rem;margin-right:2rem;margin-left:2rem}.picto img[data-v-b7828088]:hover{transform:scale(1.08)}.blue[data-v-b7828088]{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-b7828088]{display:none}@media (min-width: 471px){h1[data-v-b7828088]{font-size:1.3rem}}@media (min-width: 768px){.menu-points[data-v-b7828088]{display:none}.picto[data-v-b7828088]{display:flex;flex-direction:row}.picto a[data-v-b7828088]{padding:0 .5rem}.picto img[data-v-b7828088]{height:1.6rem;margin-top:.5rem;margin-right:.5rem;margin-left:.5rem}nav a[data-v-b7828088]{padding:0 .7rem;border-left:1px solid #1c657c}.container1[data-v-b7828088]{display:grid;grid-template-columns:3fr 5fr;color:#fff;height:5.5rem}nav[data-v-b7828088]{padding:1rem 0}h1[data-v-b7828088]{font-weight:700;text-align:left}.orange[data-v-b7828088]{background-color:#1a1e36;display:flex;align-items:center;justify-content:left;height:fit-content;height:5.5rem}.blue[data-v-b7828088],.responsive[data-v-b7828088]{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-b7828088],.responsive a[data-v-b7828088]{display:block;font-size:1.1rem}}@media (min-width: 1135px){.container1[data-v-b7828088],.orange[data-v-b7828088],.blue[data-v-b7828088],.responsive[data-v-b7828088]{height:3.7rem}}.englobeur-first[data-v-6cd0d54a]{background:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.text-photo[data-v-6cd0d54a]{gap:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.photo2[data-v-6cd0d54a]{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-6cd0d54a]{transition:all 2.3s ease-out}.photo-fade-enter-from[data-v-6cd0d54a]{opacity:0}.text[data-v-6cd0d54a]{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-6cd0d54a]{color:#c5b2a9;color:#1a1e36;font-weight:400;font-size:1.6rem;line-height:1rem}.portfolio[data-v-6cd0d54a]{color:#c5b2a9;color:#1a1e36;color:#353051;font-weight:600;font-size:2.5rem;line-height:1.3}.texte-prez-first[data-v-6cd0d54a]{color:#1a1e36;font-weight:500;font-size:1rem;line-height:1.5;margin-top:.5rem}.slide-fade1-enter-active[data-v-6cd0d54a]{transition:all .8s cubic-bezier(.34,1.56,.64,1)}.slide-fade2-enter-active[data-v-6cd0d54a]{transition:all .8s cubic-bezier(.34,1.56,.64,1);transition-delay:.4s}.slide-fade1-enter-from[data-v-6cd0d54a],.slide-fade2-enter-from[data-v-6cd0d54a]{transform:translate(-10rem);opacity:0}button[data-v-6cd0d54a],button[data-v-6cd0d54a]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-6cd0d54a]:before{height:100%;left:0;top:0;width:0}button[data-v-6cd0d54a]:after{height:100%;left:0;top:0;width:0}button[data-v-6cd0d54a]:hover:after{width:100%}.btn-continue[data-v-6cd0d54a]{display:none}.btn-rond[data-v-6cd0d54a]{width:3.2rem;height:3.2rem;display:flex;justify-content:center}.container-button[data-v-6cd0d54a]{display:flex;justify-content:center;align-items:center;margin:1rem 0}button[data-v-6cd0d54a]{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-6cd0d54a]:before,button[data-v-6cd0d54a]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}@media (min-width: 430px){.text-photo[data-v-6cd0d54a]{gap:1rem}.photo2[data-v-6cd0d54a]{height:16rem;width:16rem}.bienvenue[data-v-6cd0d54a]{font-size:2.2rem;line-height:1.5rem}.portfolio[data-v-6cd0d54a]{font-size:3.4rem;line-height:1.1}.texte-prez-first[data-v-6cd0d54a]{font-size:1.2rem;margin-top:1rem}}@media (min-width: 768px){.englobeur-first[data-v-6cd0d54a]{padding:10rem 0}.photo2[data-v-6cd0d54a]{height:21rem;width:21rem;margin-top:0}.text[data-v-6cd0d54a]{margin:0 6rem;padding:2rem 0}.bienvenue[data-v-6cd0d54a]{font-size:2.6rem}.portfolio[data-v-6cd0d54a]{font-size:4rem}.texte-prez-first[data-v-6cd0d54a]{margin-top:1.5rem}.container-button[data-v-6cd0d54a]{margin:2rem 0}.btn-continue[data-v-6cd0d54a]{display:flex;align-items:center;position:absolute;bottom:2rem}}@media (min-width: 1135px){.englobeur-first[data-v-6cd0d54a]{padding:0}.text-photo[data-v-6cd0d54a]{width:100%;max-width:1500px;gap:0;padding:0 4rem;display:flex;justify-content:center;align-items:center;flex-direction:row}.text[data-v-6cd0d54a]{display:flex;justify-content:center;grid-column:1;grid-row:1;width:fit-content;margin:0}.container-photo[data-v-6cd0d54a]{display:flex;justify-content:center;align-items:center;width:60%}.bienvenue[data-v-6cd0d54a]{font-size:3rem;padding-top:.8rem;display:flex;justify-content:center;align-items:center;line-height:1.5rem}.portfolio[data-v-6cd0d54a]{padding-top:.4rem;font-size:4rem}.texte-prez-first[data-v-6cd0d54a]{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-64d40f4f]{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-64d40f4f]{width:100%;z-index:1;color:#353051}h2[data-v-64d40f4f]{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-64d40f4f]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-64d40f4f]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-64d40f4f]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-64d40f4f],ul[data-v-64d40f4f],ol[data-v-64d40f4f]{font-weight:500;padding:0}ul[data-v-64d40f4f],ol[data-v-64d40f4f]{padding:0 0 0 2rem}button[data-v-64d40f4f],button[data-v-64d40f4f]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-64d40f4f]{padding:.7rem 1.6rem;border-radius:2rem;cursor:pointer;color:#fff;font-size:1.1rem;border:2px #39335a solid;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-64d40f4f]:before,button[data-v-64d40f4f]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-64d40f4f]:before,.btn[data-v-64d40f4f]:before,.btn-rond[data-v-64d40f4f]:after,.btn[data-v-64d40f4f]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-64d40f4f]:hover:after,.btn[data-v-64d40f4f]:hover:after{width:100%}.btn-return[data-v-64d40f4f]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-64d40f4f]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-64d40f4f]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-64d40f4f]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-64d40f4f]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-64d40f4f]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-64d40f4f]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-64d40f4f]{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-64d40f4f]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-64d40f4f]{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-64d40f4f]:hover{color:#fff;background-size:100% 100%}.merci[data-v-64d40f4f]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-64d40f4f]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-64d40f4f]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-64d40f4f]{box-shadow:none}.paragraphe-mis-en-avant[data-v-64d40f4f]{color:#353051;padding-left:2rem;font-style:italic;font-size:1.1rem}@media (min-width: 768px){#topPage[data-v-64d40f4f]{padding-top:7.5rem}.container1[data-v-64d40f4f]{width:95%}.colonne1[data-v-64d40f4f]{padding:.5rem 2rem}h5[data-v-64d40f4f]{padding:.4rem 0 0}p[data-v-64d40f4f],ul[data-v-64d40f4f],ol[data-v-64d40f4f]{margin:1rem 0rem;padding:0 2rem}ul[data-v-64d40f4f],ol[data-v-64d40f4f]{padding:0 2rem 0 4rem}.citation[data-v-64d40f4f]{margin:1.5rem 1rem;padding:1rem 2rem}}@media (min-width: 1135px){#topPage[data-v-64d40f4f]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-64d40f4f]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-64d40f4f]{font-size:2.7rem}p[data-v-64d40f4f],ul[data-v-64d40f4f],ol[data-v-64d40f4f]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-64d40f4f],ol[data-v-64d40f4f]{padding:0 2rem 0 4rem}.citation[data-v-64d40f4f]{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 57facdc..b25ddfe 100644 --- a/index.html +++ b/index.html @@ -14,8 +14,8 @@ rel="stylesheet"> - - + +