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

Remise en contexte

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

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

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

L'UX design

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

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

La phase de Planification

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

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

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

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

La phase d'exploration

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

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

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

La phase d'idéation

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

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

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

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

La phase de génération

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

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

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

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

La phase d'évaluation

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

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

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

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

La phase d'itération

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

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

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

Merci de m'avoir lue !

',1),Qp=Zp(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),Gp=[Qp],eb=()=>{window.scrollTo({top:0,left:0})},tb={__name:"artefacteurs2",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),ae(Oe,null,[f("div",{id:"topPage"},[Yp,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:eb},Gp)])]),D(Qt)],64))}},sb=_e(tb,[["__scopeId","data-v-2d8f15bb"]]);const Na={__name:"PageArtefacteurs",setup(e){return(t,s)=>(ne(),ae("main",null,[D(sb)]))}},nb="/Portfolio3-14h/assets/banniere-on-zen2-91c74aea.jpg",ib="/Portfolio3-14h/assets/atomicDesign-onzen-atomes-56dabf24.jpg",ob="/Portfolio3-14h/assets/atomicDesign-onzen-molecules-0301f58b.jpg",ab="/Portfolio3-14h/assets/atomicDesign-onzen-organismes-a0a78dc2.jpg",rb="/Portfolio3-14h/assets/userflow-navbar-footer-onzen-07b38667.jpg",lb="/Portfolio3-14h/assets/userflow-tableau-de-bord-client-onzen-0a60ee42.jpg",cb="/Portfolio3-14h/assets/Vue-ensemble-On-Zen-89428dcc.jpg",ub="/Portfolio3-14h/assets/Modifs-homepage-Onzen-0e5d3008.jpg",db="/Portfolio3-14h/assets/Page-nosPratiques-onzen-3966a74c.jpg",fb="/Portfolio3-14h/assets/page-notreHistoire-Onzen-bf9d2423.jpg",pb="/Portfolio3-14h/assets/pages-news-onzen-157f7ace.jpg",bb="/Portfolio3-14h/assets/Page-article-blog-onzen-4aaef1c4.jpg",vb="/Portfolio3-14h/assets/contact-tarifs-Onzen-1a8dbebc.jpg",mb="/Portfolio3-14h/assets/Inscription-connexion-onzen-avant-apres-610b947f.jpg",hb="/Portfolio3-14h/assets/tableau-bord-client-onzen-914e4975.jpg";const gb=e=>(Ee("data-v-4ff9180f"),e=e(),Pe(),e),_b=dn('
banniere avec logo On-Zen

Remise en contexte

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

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

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

Le design system

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

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

Les userflows

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

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

Le site web

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

La homepage

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

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

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

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

Les autres pages du site

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

Les nouvelles pages

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

Page contact et tarif
Page contact et tarif

Le tableau de bord

L'inscription et la connexion

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

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

Le tableau de bord client

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

Merci de m'avoir lue !

',1),yb=gb(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),xb=[yb],wb=()=>{window.scrollTo({top:0,left:0})},jb={__name:"Onzen",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),ae(Oe,null,[f("div",{id:"topPage"},[_b,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:wb},xb)])]),D(Qt)],64))}},Ob=_e(jb,[["__scopeId","data-v-4ff9180f"]]);const za={__name:"PageOnZen",setup(e){return(t,s)=>(ne(),ae("main",null,[D(Ob)]))}},qb="/Portfolio3-14h/assets/banniere-Mukiz2-7c2f7800.jpg",Cb="/Portfolio3-14h/assets/screen-mukiz-existant-1ere-phase-56a6c259.jpg",Eb="/Portfolio3-14h/assets/screen-mukiz-existant-2eme-phase-d22c8bb8.jpg",Pb="/Portfolio3-14h/assets/screen-mukiz-existant-3eme-phase-72a3b7d3.jpg",Tb="/Portfolio3-14h/assets/Mukiz-ecran2et3-1ere-modif-41423285.jpg",Ab="/Portfolio3-14h/assets/resume-1er-parcours-mukiz-maze-cc03374e.jpg",$b="/Portfolio3-14h/assets/resume-2eme-parcours-mukiz-maze-a4d9508f.jpg",Mb="/Portfolio3-14h/assets/Mukiz-screen-maquette-finale-6c933a98.jpg";const Sb=e=>(Ee("data-v-6991eb10"),e=e(),Pe(),e),Ib=dn('
banniere Mukiz

Remise en contexte

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

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

Analyse de l'existant

Les 3 premiers écrans permettent :

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

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

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

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

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

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

Tests utilisateurs #1

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

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

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

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

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

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

Modification des maquettes #1

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

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

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

Tests utilisateurs #2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Modification des maquettes #2

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

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

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

Merci de m'avoir lue !

',2),Lb=Sb(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),kb=[Lb],Fb=()=>{window.scrollTo({top:0,left:0})},Nb={data(){return{activeSection:null}},methods:{scrollToSection(e){this.activeSection=e;const t=document.getElementById(e);t&&t.scrollIntoView({behavior:"smooth"})}}},zb=Object.assign(Nb,{__name:"Mukiz",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),ae(Oe,null,[f("div",{id:"topPage"},[Ib,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Fb},kb)])]),D(Qt)],64))}}),Rb=_e(zb,[["__scopeId","data-v-6991eb10"]]);const Ra={__name:"PageMukiz",setup(e){return(t,s)=>(ne(),ae("main",null,[D(Rb)]))}},Db="/Portfolio3-14h/assets/banniere-googleUX2-fd1dafc5.jpg",Ub="/Portfolio3-14h/assets/personna-google-UX-1-40bcbcc3.jpg",Vb="/Portfolio3-14h/assets/personna-google-UX-2-a4c0fec0.jpg",Hb="/Portfolio3-14h/assets/googleUX-wireframes-d5aa2d38.jpg",Bb="/Portfolio3-14h/assets/googleUX-proto1-c5b14fae.jpg",Kb="/Portfolio3-14h/assets/insights-google-ux-41e7e47c.jpg",Wb="/Portfolio3-14h/assets/googleUX-proto2-498995e5.jpg";const Xb=e=>(Ee("data-v-b843323b"),e=e(),Pe(),e),Jb=dn('

- Projet en cours -


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),Zb=Xb(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),Yb=[Zb],Qb=()=>{window.scrollTo({top:0,left:0})},Gb={__name:"GoogleUX",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),ae(Oe,null,[f("div",{id:"topPage"},[Jb,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Qb},Yb)])]),D(Qt)],64))}},ev=_e(Gb,[["__scopeId","data-v-b843323b"]]);const Da={__name:"PageGoogleUX",setup(e){return(t,s)=>(ne(),ae("main",null,[D(ev)]))}};const Ua={__name:"PageContact",setup(e){return(t,s)=>(ne(),ae("main",null,[D(ka)]))}},tv={"/":Wn,"/realisations":Fa,"/realisations/artefacteurs":Na,"/realisations/onzen":za,"/realisations/mukiz":Ra,"/realisations/googleux":Da,"/contact":Ua},sv={name:"App",components:{Header7:ku,HomeView:Wn,PageRealisations:Fa,PageArtefacteurs:Na,PageOnZen:za,PageMukiz:Ra,PageGoogleUX:Da,PageContact:Ua},data(){return{currentPath:window.location.hash}},computed:{currentView(){return tv[this.currentPath.slice(1)||"/"]||Wn}},mounted(){window.addEventListener("hashchange",()=>{this.currentPath=window.location.hash})}};function nv(e,t,s,n,i,o){const a=va("Header7");return ne(),ae("div",null,[D(a),(ne(),Ea(lc(o.currentView)))])}const iv=_e(sv,[["render",nv]]);function Xn(e,t,s=".",n){if(!On(t))return Xn(e,{},s,n);const i=Object.assign({},t);for(const o in e){if(o==="__proto__"||o==="constructor")continue;const a=e[o];a!=null&&(n&&n(i,o,a,s)||(Array.isArray(a)&&Array.isArray(i[o])?i[o]=[...a,...i[o]]:On(a)&&On(i[o])?i[o]=Xn(a,i[o],(s?`${s}.`:"")+o.toString(),n):i[o]=a))}return i}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 ov(e){return(...t)=>t.reduce((s,n)=>Xn(s,n,"",e),{})}const av=ov();function Va(e){return Ro()?(el(e),!0):!1}function Oi(e){return typeof e=="function"?e():_t(e)}const rv=typeof window<"u"&&typeof document<"u",lv=e=>e!=null,cv=Object.prototype.toString,Ws=e=>cv.call(e)==="[object Object]",Ns=()=>{};function uv(e){fn()&&hi(e)}function cs(e){var t;const s=Oi(e);return(t=s==null?void 0:s.$el)!=null?t:s}const Ha=rv?window:void 0;function Ke(...e){let t,s,n,i;if(typeof e[0]=="string"||Array.isArray(e[0])?([s,n,i]=e,t=Ha):[t,s,n,i]=e,!t)return Ns;Array.isArray(s)||(s=[s]),Array.isArray(n)||(n=[n]);const o=[],a=()=>{o.forEach(d=>d()),o.length=0},r=(d,p,v,g)=>(d.addEventListener(p,v,g),()=>d.removeEventListener(p,v,g)),l=$e(()=>[cs(t),Oi(i)],([d,p])=>{if(a(),!d)return;const v=Ws(p)?{...p}:p;o.push(...s.flatMap(g=>n.map(w=>r(d,g,w,v))))},{immediate:!0,flush:"post"}),c=()=>{l(),a()};return Va(c),c}function dv(){const e=Ze(!1);return fn()&&yt(()=>{e.value=!0}),e}function fv(e){const t=dv();return tt(()=>(t.value,!!e()))}function pv(e,t,s={}){const{root:n,rootMargin:i="0px",threshold:o=.1,window:a=Ha,immediate:r=!0}=s,l=fv(()=>a&&"IntersectionObserver"in a),c=tt(()=>{const w=Oi(e);return(Array.isArray(w)?w:[w]).map(cs).filter(lv)});let d=Ns;const p=Ze(r),v=l.value?$e(()=>[c.value,cs(n),p.value],([w,C])=>{if(d(),!p.value||!w.length)return;const M=new IntersectionObserver(t,{root:cs(C),rootMargin:i,threshold:o});w.forEach(F=>F&&M.observe(F)),d=()=>{M.disconnect(),d=Ns}},{immediate:r,flush:"post"}):Ns,g=()=>{d(),v(),p.value=!1};return Va(g),{isSupported:l,isActive:p,pause(){d(),p.value=!1},resume(){p.value=!0},stop:g}}const Ba=1/60*1e3,bv=typeof performance<"u"?()=>performance.now():()=>Date.now(),Ka=typeof window<"u"?e=>window.requestAnimationFrame(e):e=>setTimeout(()=>e(bv()),Ba);function vv(e){let t=[],s=[],n=0,i=!1,o=!1;const a=new WeakSet,r={schedule:(l,c=!1,d=!1)=>{const p=d&&i,v=p?t:s;return c&&a.add(l),v.indexOf(l)===-1&&(v.push(l),p&&i&&(n=t.length)),l},cancel:l=>{const c=s.indexOf(l);c!==-1&&s.splice(c,1),a.delete(l)},process:l=>{if(i){o=!0;return}if(i=!0,[t,s]=[s,t],s.length=0,n=t.length,n)for(let c=0;c(e[t]=vv(()=>_s=!0),e),{}),Yn=xs.reduce((e,t)=>{const s=bn[t];return e[t]=(n,i=!1,o=!1)=>(_s||_v(),s.schedule(n,i,o)),e},{}),hv=xs.reduce((e,t)=>(e[t]=bn[t].cancel,e),{});xs.reduce((e,t)=>(e[t]=()=>bn[t].process(Ht),e),{});const gv=e=>bn[e].process(Ht),Wa=e=>{_s=!1,Ht.delta=Jn?Ba:Math.max(Math.min(e-Ht.timestamp,mv),1),Ht.timestamp=e,Zn=!0,xs.forEach(gv),Zn=!1,_s&&(Jn=!1,Ka(Wa))},_v=()=>{_s=!0,Jn=!0,Zn||Ka(Wa)},Xa=()=>Ht;function Ja(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 i=0,n=Object.getOwnPropertySymbols(e);iMath.min(Math.max(s,e),t),qn=.001,xv=.01,qo=10,wv=.05,jv=1;function Ov({duration:e=800,bounce:t=.25,velocity:s=0,mass:n=1}){let i,o;yv(e<=qo*1e3);let a=1-t;a=Qn(wv,jv,a),e=Qn(xv,qo,e/1e3),a<1?(i=c=>{const d=c*a,p=d*e,v=d-s,g=Gn(c,a),w=Math.exp(-p);return qn-v/g*w},o=c=>{const p=c*a*e,v=p*s+s,g=Math.pow(a,2)*Math.pow(c,2)*e,w=Math.exp(-p),C=Gn(Math.pow(c,2),a);return(-i(c)+qn>0?-1:1)*((v-g)*w)/C}):(i=c=>{const d=Math.exp(-c*e),p=(c-s)*e+1;return-qn+d*p},o=c=>{const d=Math.exp(-c*e),p=(s-c)*(e*e);return d*p});const r=5/e,l=Cv(i,o,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:a*2*Math.sqrt(n*c),duration:e}}}const qv=12;function Cv(e,t,s){let n=s;for(let i=1;ie[s]!==void 0)}function Tv(e){let t=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},e);if(!Co(e,Pv)&&Co(e,Ev)){const s=Ov(e);t=Object.assign(Object.assign(Object.assign({},t),s),{velocity:0,mass:1}),t.isResolvedFromDuration=!0}return t}function qi(e){var{from:t=0,to:s=1,restSpeed:n=2,restDelta:i}=e,o=Ja(e,["from","to","restSpeed","restDelta"]);const a={done:!1,value:t};let{stiffness:r,damping:l,mass:c,velocity:d,duration:p,isResolvedFromDuration:v}=Tv(o),g=Eo,w=Eo;function C(){const M=d?-(d/1e3):0,F=s-t,N=l/(2*Math.sqrt(r*c)),T=Math.sqrt(r/c)/1e3;if(i===void 0&&(i=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),oe=Math.min(q*U,300);return s-W*((M+N*T*F)*Math.sinh(oe)+q*F*Math.cosh(oe))/q}}}return C(),{next:M=>{const F=g(M);if(v)a.done=M>=p;else{const N=w(M)*1e3,T=Math.abs(N)<=n,q=Math.abs(s-F)<=i;a.done=T&&q}return a.value=a.done?s:F,a},flipTarget:()=>{d=-d,[t,s]=[s,t],C()}}}qi.needsInterpolation=(e,t)=>typeof e=="string"||typeof t=="string";const Eo=e=>0,Za=(e,t,s)=>{const n=t-e;return n===0?1:(s-e)/n},Ci=(e,t,s)=>-s*e+s*t+e,Ya=(e,t)=>s=>Math.max(Math.min(s,t),e),us=e=>e%1?Number(e.toFixed(5)):e,ys=/(-)?([\d]*\.?[\d])+/g,ei=/(#[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,Av=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function ws(e){return typeof e=="string"}const js={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},ds=Object.assign(Object.assign({},js),{transform:Ya(0,1)}),Ms=Object.assign(Object.assign({},js),{default:1}),Ei=e=>({test:t=>ws(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),qt=Ei("deg"),fs=Ei("%"),K=Ei("px"),Po=Object.assign(Object.assign({},fs),{parse:e=>fs.parse(e)/100,transform:e=>fs.transform(e*100)}),Pi=(e,t)=>s=>!!(ws(s)&&Av.test(s)&&s.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(s,t)),Qa=(e,t,s)=>n=>{if(!ws(n))return n;const[i,o,a,r]=n.match(ys);return{[e]:parseFloat(i),[t]:parseFloat(o),[s]:parseFloat(a),alpha:r!==void 0?parseFloat(r):1}},Mt={test:Pi("hsl","hue"),parse:Qa("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:s,alpha:n=1})=>"hsla("+Math.round(e)+", "+fs.transform(us(t))+", "+fs.transform(us(s))+", "+us(ds.transform(n))+")"},$v=Ya(0,255),Cn=Object.assign(Object.assign({},js),{transform:e=>Math.round($v(e))}),bt={test:Pi("rgb","red"),parse:Qa("red","green","blue"),transform:({red:e,green:t,blue:s,alpha:n=1})=>"rgba("+Cn.transform(e)+", "+Cn.transform(t)+", "+Cn.transform(s)+", "+us(ds.transform(n))+")"};function Mv(e){let t="",s="",n="",i="";return e.length>5?(t=e.substr(1,2),s=e.substr(3,2),n=e.substr(5,2),i=e.substr(7,2)):(t=e.substr(1,1),s=e.substr(2,1),n=e.substr(3,1),i=e.substr(4,1),t+=t,s+=s,n+=n,i+=i),{red:parseInt(t,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:i?parseInt(i,16)/255:1}}const ti={test:Pi("#"),parse:Mv,transform:bt.transform},Ie={test:e=>bt.test(e)||ti.test(e)||Mt.test(e),parse:e=>bt.test(e)?bt.parse(e):Mt.test(e)?Mt.parse(e):ti.parse(e),transform:e=>ws(e)?e:e.hasOwnProperty("red")?bt.transform(e):Mt.transform(e)},Ga="${c}",er="${n}";function Sv(e){var t,s,n,i;return isNaN(e)&&ws(e)&&((s=(t=e.match(ys))===null||t===void 0?void 0:t.length)!==null&&s!==void 0?s:0)+((i=(n=e.match(ei))===null||n===void 0?void 0:n.length)!==null&&i!==void 0?i:0)>0}function tr(e){typeof e=="number"&&(e=`${e}`);const t=[];let s=0;const n=e.match(ei);n&&(s=n.length,e=e.replace(ei,Ga),t.push(...n.map(Ie.parse)));const i=e.match(ys);return i&&(e=e.replace(ys,er),t.push(...i.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),i=t.length;return o=>{let a=n;for(let r=0;rtypeof e=="number"?0:e;function Lv(e){const t=sr(e);return nr(e)(t.map(Iv))}const Os={test:Sv,parse:sr,createTransformer:nr,getAnimatableNone:Lv},kv=new Set(["brightness","contrast","saturate","opacity"]);function Fv(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 i=s.replace(n,"");let o=kv.has(t)?1:0;return n!==s&&(o*=100),t+"("+o+i+")"}const Nv=/([a-z-]*)\(.*?\)/g,si=Object.assign(Object.assign({},Os),{getAnimatableNone:e=>{const t=e.match(Nv);return t?t.map(Fv).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 To({hue:e,saturation:t,lightness:s,alpha:n}){e/=360,t/=100,s/=100;let i=0,o=0,a=0;if(!t)i=o=a=s;else{const r=s<.5?s*(1+t):s+t-s*t,l=2*s-r;i=En(l,r,e+1/3),o=En(l,r,e),a=En(l,r,e-1/3)}return{red:Math.round(i*255),green:Math.round(o*255),blue:Math.round(a*255),alpha:n}}const zv=(e,t,s)=>{const n=e*e,i=t*t;return Math.sqrt(Math.max(0,s*(i-n)+n))},Rv=[ti,bt,Mt],Ao=e=>Rv.find(t=>t.test(e)),ir=(e,t)=>{let s=Ao(e),n=Ao(t),i=s.parse(e),o=n.parse(t);s===Mt&&(i=To(i),s=bt),n===Mt&&(o=To(o),n=bt);const a=Object.assign({},i);return r=>{for(const l in a)l!=="alpha"&&(a[l]=zv(i[l],o[l],r));return a.alpha=Ci(i.alpha,o.alpha,r),s.transform(a)}},Dv=e=>typeof e=="number",Uv=(e,t)=>s=>t(e(s)),or=(...e)=>e.reduce(Uv);function ar(e,t){return Dv(e)?s=>Ci(e,t,s):Ie.test(e)?ir(e,t):lr(e,t)}const rr=(e,t)=>{const s=[...e],n=s.length,i=e.map((o,a)=>ar(o,t[a]));return o=>{for(let a=0;a{const s=Object.assign(Object.assign({},e),t),n={};for(const i in s)e[i]!==void 0&&t[i]!==void 0&&(n[i]=ar(e[i],t[i]));return i=>{for(const o in n)s[o]=n[o](i);return s}};function $o(e){const t=Os.parse(e),s=t.length;let n=0,i=0,o=0;for(let a=0;a{const s=Os.createTransformer(t),n=$o(e),i=$o(t);return n.numHSL===i.numHSL&&n.numRGB===i.numRGB&&n.numNumbers>=i.numNumbers?or(rr(n.parsed,i.parsed),s):a=>`${a>0?t:e}`},Hv=(e,t)=>s=>Ci(e,t,s);function Bv(e){if(typeof e=="number")return Hv;if(typeof e=="string")return Ie.test(e)?ir:lr;if(Array.isArray(e))return rr;if(typeof e=="object")return Vv}function Kv(e,t,s){const n=[],i=s||Bv(e[0]),o=e.length-1;for(let a=0;as(Za(e,t,n))}function Xv(e,t){const s=e.length,n=s-1;return i=>{let o=0,a=!1;if(i<=e[0]?a=!0:i>=e[n]&&(o=n-1,a=!0),!a){let l=1;for(;li||l===n);l++);o=l-1}const r=Za(e[o],e[o+1],i);return t[o](r)}}function cr(e,t,{clamp:s=!0,ease:n,mixer:i}={}){const o=e.length;Oo(o===t.length),Oo(!n||!Array.isArray(n)||n.length===o-1),e[0]>e[o-1]&&(e=[].concat(e),t=[].concat(t),e.reverse(),t.reverse());const a=Kv(t,n,i),r=o===2?Wv(e,a):Xv(e,a);return s?l=>r(Qn(e[0],e[o-1],l)):r}const vn=e=>t=>1-e(1-t),Ti=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Jv=e=>t=>Math.pow(t,e),ur=e=>t=>t*t*((e+1)*t-e),Zv=e=>{const t=ur(e);return s=>(s*=2)<1?.5*t(s):.5*(2-Math.pow(2,-10*(s-1)))},dr=1.525,Yv=4/11,Qv=8/11,Gv=9/10,fr=e=>e,Ai=Jv(2),em=vn(Ai),pr=Ti(Ai),br=e=>1-Math.sin(Math.acos(e)),vr=vn(br),tm=Ti(vr),$i=ur(dr),sm=vn($i),nm=Ti($i),im=Zv(dr),om=4356/361,am=35442/1805,rm=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 um(e,t){return e.map(()=>t||pr).splice(0,e.length-1)}function dm(e){const t=e.length;return e.map((s,n)=>n!==0?n/(t-1):0)}function fm(e,t){return e.map(s=>s*t)}function zs({from:e=0,to:t=1,ease:s,offset:n,duration:i=300}){const o={done:!1,value:e},a=Array.isArray(t)?t:[e,t],r=fm(n&&n.length===a.length?n:dm(a),i);function l(){return cr(r,a,{ease:Array.isArray(s)?s:um(a,s)})}let c=l();return{next:d=>(o.value=c(d),o.done=d>=i,o),flipTarget:()=>{a.reverse(),c=l()}}}function pm({velocity:e=0,from:t=0,power:s=.8,timeConstant:n=350,restDelta:i=.5,modifyTarget:o}){const a={done:!1,value:t};let r=s*e;const l=t+r,c=o===void 0?l:o(l);return c!==l&&(r=c-t),{next:d=>{const p=-r*Math.exp(-d/n);return a.done=!(p>i||p<-i),a.value=a.done?c:c+p,a},flipTarget:()=>{}}}const Mo={keyframes:zs,spring:qi,decay:pm};function bm(e){if(Array.isArray(e.to))return zs;if(Mo[e.type])return Mo[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")?qi:zs}function mr(e,t,s=0){return e-t-s}function vm(e,t,s=0,n=!0){return n?mr(t+-e,t,s):t-(e-t)+s}function mm(e,t,s,n){return n?e>=t+s:e<=-s}const hm=e=>{const t=({delta:s})=>e(s);return{start:()=>Yn.update(t,!0),stop:()=>hv.update(t)}};function hr(e){var t,s,{from:n,autoplay:i=!0,driver:o=hm,elapsed:a=0,repeat:r=0,repeatType:l="loop",repeatDelay:c=0,onPlay:d,onStop:p,onComplete:v,onRepeat:g,onUpdate:w}=e,C=Ja(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,oe;const A=bm(C);!((s=(t=A).needsInterpolation)===null||s===void 0)&&s.call(t,n,M)&&(oe=cr([0,100],[n,M],{clamp:!1}),n=0,M=100);const B=A(Object.assign(Object.assign({},C),{from:n,to:M}));function J(){N++,l==="reverse"?(W=N%2===0,a=vm(a,T,c,W)):(a=mr(a,T,c),l==="mirror"&&B.flipTarget()),U=!1,g&&g()}function $(){F.stop(),v&&v()}function h(S){if(W||(S=-S),a+=S,!U){const ce=B.next(Math.max(0,a));q=ce.value,oe&&(q=oe(q)),U=W?ce.done:a<=0}w==null||w(q),U&&(N===0&&(T??(T=a)),N{p==null||p(),F.stop()}}}function gr(e,t){return t?e*(1e3/t):0}function gm({from:e=0,velocity:t=0,min:s,max:n,power:i=.8,timeConstant:o=750,bounceStiffness:a=500,bounceDamping:r=10,restDelta:l=1,modifyTarget:c,driver:d,onUpdate:p,onComplete:v,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:v,onStop:g}))}function N(T){F(Object.assign({type:"spring",stiffness:a,damping:r,restDelta:l},T))}if(C(e))N({from:e,velocity:t,to:M(e)});else{let T=i*t+e;typeof c<"u"&&(T=c(T));const q=M(T),U=q===s?-1:1;let W,oe;const A=B=>{W=oe,oe=B,t=gr(B-W,Xa().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),_m=1e-7,ym=10;function xm(e,t,s,n,i){let o,a,r=0;do a=t+(s-t)/2,o=Js(a,n,i)-e,o>0?s=a:t=a;while(Math.abs(o)>_m&&++r=jm?Om(a,p,e,s):v===0?p:xm(a,r,r+Ss,e,s)}return a=>a===0||a===1?a:Js(o(a),t,n)}const Pn={};class Cm{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 i of this.subscriptions)i(t,s,n)}clear(){this.subscriptions.clear()}}function So(e){return!isNaN(parseFloat(e))}class Em{constructor(t){this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Cm,this.canTrackVelocity=!1,this.updateAndNotify=s=>{this.prev=this.current,this.current=s;const{delta:n,timestamp:i}=Xa();this.lastUpdated!==i&&(this.timeDelta=n,this.lastUpdated=i),Yn.postRender(this.scheduleVelocityCheck),this.updateSubscribers.notify(this.current)},this.scheduleVelocityCheck=()=>Yn.postRender(this.velocityCheck),this.velocityCheck=({timestamp:s})=>{this.canTrackVelocity||(this.canTrackVelocity=So(this.current)),s!==this.lastUpdated&&(this.prev=this.current)},this.prev=this.current=t,this.canTrackVelocity=So(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 Pm(e){return new Em(e)}const{isArray:Tm}=Array;function Am(){const e=Ze({}),t=n=>{const i=o=>{e.value[o]&&(e.value[o].stop(),e.value[o].destroy(),delete e.value[o])};n?Tm(n)?n.forEach(i):i(n):Object.keys(e.value).forEach(i)},s=(n,i,o)=>{if(e.value[n])return e.value[n];const a=Pm(i);return a.onChange(r=>o[n]=r),e.value[n]=a,a};return uv(t),{motionValues:e,get:s,stop:t}}function $m(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 Mm(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 Sm(e){return{type:"keyframes",duration:800,values:e}}const Io={default:Mm,x:Ct,y:Ct,z:Ct,rotate:Ct,rotateX:Ct,rotateY:Ct,rotateZ:Ct,scaleX:Tn,scaleY:Tn,scale:Tn,backgroundColor:An,color:An,opacity:An};function jr(e,t){let s;return $m(t)?s=Sm:s=Io[e]||Io.default,{to:t,...s(t)}}const Lo={...js,transform:Math.round},Or={color:Ie,backgroundColor:Ie,outlineColor:Ie,fill:Ie,stroke:Ie,borderColor:Ie,borderTopColor:Ie,borderRightColor:Ie,borderBottomColor:Ie,borderLeftColor:Ie,borderWidth:K,borderTopWidth:K,borderRightWidth:K,borderBottomWidth:K,borderLeftWidth:K,borderRadius:K,radius:K,borderTopLeftRadius:K,borderTopRightRadius:K,borderBottomRightRadius:K,borderBottomLeftRadius:K,width:K,maxWidth:K,height:K,maxHeight:K,size:K,top:K,right:K,bottom:K,left:K,padding:K,paddingTop:K,paddingRight:K,paddingBottom:K,paddingLeft:K,margin:K,marginTop:K,marginRight:K,marginBottom:K,marginLeft:K,rotate:qt,rotateX:qt,rotateY:qt,rotateZ:qt,scale:Ms,scaleX:Ms,scaleY:Ms,scaleZ:Ms,skew:qt,skewX:qt,skewY:qt,distance:K,translateX:K,translateY:K,translateZ:K,x:K,y:K,z:K,perspective:K,transformPerspective:K,opacity:ds,originX:Po,originY:Po,originZ:K,zIndex:Lo,filter:si,WebkitFilter:si,fillOpacity:ds,strokeOpacity:ds,numOctaves:Lo},Mi=e=>Or[e];function qr(e,t){return t&&typeof e=="number"&&t.transform?t.transform(e):e}function Im(e,t){let s=Mi(e);return s!==si&&(s=Os),s.getAnimatableNone?s.getAnimatableNone(t):void 0}const Lm={linear:fr,easeIn:Ai,easeInOut:pr,easeOut:em,circIn:br,circInOut:tm,circOut:vr,backIn:$i,backInOut:nm,backOut:sm,anticipate:im,bounceIn:lm,bounceInOut:cm,bounceOut:Xs};function ko(e){if(Array.isArray(e)){const[t,s,n,i]=e;return qm(t,s,n,i)}else if(typeof e=="string")return Lm[e];return e}function km(e){return Array.isArray(e)&&typeof e[0]!="number"}function Fo(e,t){return e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&Os.test(t)&&!t.startsWith("url("))}function Fm(e){return Array.isArray(e.to)&&e.to[0]===null&&(e.to=[...e.to],e.to[0]=e.from),e}function Nm({ease:e,times:t,delay:s,...n}){const i={...n};return t&&(i.offset=t),e&&(i.ease=km(e)?e.map(ko):ko(e)),s&&(i.elapsed=-s),i}function zm(e,t,s){return Array.isArray(t.to)&&(e.duration||(e.duration=800)),Fm(t),Rm(e)||(e={...e,...jr(s,t.to)}),{...t,...Nm(e)}}function Rm({delay:e,repeat:t,repeatType:s,repeatDelay:n,from:i,...o}){return!!Object.keys(o).length}function Dm(e,t){return e[t]||e.default||e}function Um(e,t,s,n,i){const o=Dm(n,e);let a=o.from===null||o.from===void 0?t.get():o.from;const r=Fo(e,s);a==="none"&&r&&typeof s=="string"&&(a=Im(e,s));const l=Fo(e,a);function c(p){const v={from:a,to:s,velocity:n.velocity?n.velocity:t.getVelocity(),onUpdate:g=>t.set(g)};return o.type==="inertia"||o.type==="decay"?gm({...v,...o}):hr({...zm(o,v,e),onUpdate:g=>{v.onUpdate(g),o.onUpdate&&o.onUpdate(g)},onComplete:()=>{n.onComplete&&n.onComplete(),i&&i(),p&&p()}})}function d(p){return t.set(s),n.onComplete&&n.onComplete(),i&&i(),p&&p(),{stop:()=>{}}}return!l||!r||o.type===!1?d:c}function Vm(){const{motionValues:e,stop:t,get:s}=Am();return{motionValues:e,stop:t,push:(i,o,a,r={},l)=>{const c=a[i],d=s(i,c,a);if(r&&r.immediate){d.set(o);return}const p=Um(i,d,o,r,l);d.start(p)}}}function Hm(e,t={},{motionValues:s,push:n,stop:i}=Vm()){const o=_t(t),a=Ze(!1);$e(s,p=>{a.value=Object.values(p).filter(v=>v.isAnimating()).length>0},{immediate:!0,deep:!0});const r=p=>{if(!o||!o[p])throw new Error(`The variant ${p} does not exist.`);return o[p]},l=p=>(typeof p=="string"&&(p=r(p)),Promise.all(Object.entries(p).map(([v,g])=>{if(v!=="transition")return new Promise(w=>n(v,g,e,p.transition||jr(v,p[v]),w))}).filter(Boolean)));return{isAnimating:a,apply:l,set:p=>{const v=Ws(p)?p:r(p);Object.entries(v).forEach(([g,w])=>{g!=="transition"&&n(g,w,e,{immediate:!0})})},leave:async p=>{let v;if(o&&(o.leave&&(v=o.leave),!o.leave&&o.initial&&(v=o.initial)),!v){p();return}await l(v),p()},stop:i}}const Si=typeof window<"u",Bm=()=>Si&&window.onpointerdown===null,Km=()=>Si&&window.ontouchstart===null,Wm=()=>Si&&window.onmousedown===null;function Xm({target:e,state:t,variants:s,apply:n}){const i=_t(s),o=Ze(!1),a=Ze(!1),r=Ze(!1),l=tt(()=>{let d=[];return i&&(i.hovered&&(d=[...d,...Object.keys(i.hovered)]),i.tapped&&(d=[...d,...Object.keys(i.tapped)]),i.focused&&(d=[...d,...Object.keys(i.focused)])),d}),c=tt(()=>{const d={};Object.assign(d,t.value),o.value&&i.hovered&&Object.assign(d,i.hovered),a.value&&i.tapped&&Object.assign(d,i.tapped),r.value&&i.focused&&Object.assign(d,i.focused);for(const p in d)l.value.includes(p)||delete d[p];return d});i.hovered&&(Ke(e,"mouseenter",()=>o.value=!0),Ke(e,"mouseleave",()=>{o.value=!1,a.value=!1}),Ke(e,"mouseout",()=>{o.value=!1,a.value=!1})),i.tapped&&(Wm()&&(Ke(e,"mousedown",()=>a.value=!0),Ke(e,"mouseup",()=>a.value=!1)),Bm()&&(Ke(e,"pointerdown",()=>a.value=!0),Ke(e,"pointerup",()=>a.value=!1)),Km()&&(Ke(e,"touchstart",()=>a.value=!0),Ke(e,"touchend",()=>a.value=!1))),i.focused&&(Ke(e,"focus",()=>r.value=!0),Ke(e,"blur",()=>r.value=!1)),$e(c,n)}function Jm({set:e,target:t,variants:s,variant:n}){const i=_t(s);$e(()=>t,()=>{i&&(i.initial&&e("initial"),i.enter&&(n.value="enter"))},{immediate:!0,flush:"pre"})}function Zm({state:e,apply:t}){$e(e,s=>{s&&t(s)},{immediate:!0})}function Ym({target:e,variants:t,variant:s}){const n=_t(t);n&&(n.visible||n.visibleOnce)&&pv(e,([{isIntersecting:i}])=>{n.visible?i?s.value="visible":s.value="initial":n.visibleOnce&&(i&&s.value!=="visibleOnce"?s.value="visibleOnce":s.value||(s.value="initial"))})}function Qm(e,t={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){t.lifeCycleHooks&&Jm(e),t.syncVariants&&Zm(e),t.visibilityHooks&&Ym(e),t.eventListeners&&Xm(e)}function Cr(e={}){const t=kt({...e}),s=Ze({});return $e(t,()=>{const n={};for(const[i,o]of Object.entries(t)){const a=Mi(i),r=qr(o,a);n[i]=r}s.value=n},{immediate:!0,deep:!0}),{state:t,style:s}}function Ii(e,t){$e(()=>cs(e),s=>{s&&t(s)},{immediate:!0})}const Gm={x:"translateX",y:"translateY",z:"translateZ"};function Er(e={},t=!0){const s=kt({...e}),n=Ze("");return $e(s,i=>{let o="",a=!1;if(t&&(i.x||i.y||i.z)){const r=[i.x||0,i.y||0,i.z||0].map(K.transform).join(",");o+=`translate3d(${r}) `,a=!0}for(const[r,l]of Object.entries(i)){if(t&&(r==="x"||r==="y"||r==="z"))continue;const c=Mi(r),d=qr(l,c);o+=`${Gm[r]||r}(${d}) `}t&&!a&&(o+="translateZ(0px) "),n.value=o.trim()},{immediate:!0,deep:!0}),{state:s,transform:n}}const eh=["","X","Y","Z"],th=["perspective","translate","scale","rotate","skew"],Pr=["transformPerspective","x","y","z"];th.forEach(e=>{eh.forEach(t=>{const s=e+t;Pr.push(s)})});const sh=new Set(Pr);function Li(e){return sh.has(e)}const nh=new Set(["originX","originY","originZ"]);function Tr(e){return nh.has(e)}function ih(e){const t={},s={};return Object.entries(e).forEach(([n,i])=>{Li(n)||Tr(n)?t[n]=i:s[n]=i}),{transform:t,style:s}}function Ar(e){const{transform:t,style:s}=ih(e),{transform:n}=Er(t),{style:i}=Cr(s);return n.value&&(i.value.transform=n.value),i.value}function oh(e,t){let s,n;const{state:i,style:o}=Cr();return Ii(e,a=>{n=a;for(const r of Object.keys(Or))a.style[r]===null||a.style[r]===""||Li(r)||Tr(r)||(i[r]=a.style[r]);s&&Object.entries(s).forEach(([r,l])=>a.style[r]=l),t&&t(i)}),$e(o,a=>{if(!n){s=a;return}for(const r in a)n.style[r]=a[r]},{immediate:!0}),{style:i}}function ah(e){const t=e.trim().split(/\) |\)/);if(t.length===1)return{};const s=n=>n.endsWith("px")||n.endsWith("deg")?parseFloat(n):isNaN(Number(n))?Number(n):n;return t.reduce((n,i)=>{if(!i)return n;const[o,a]=i.split("("),l=a.split(",").map(d=>s(d.endsWith(")")?d.replace(")",""):d.trim())),c=l.length===1?l[0]:l;return{...n,[o]:c}},{})}function rh(e,t){Object.entries(ah(t)).forEach(([s,n])=>{const i=["x","y","z"];if(s==="translate3d"){if(n===0){i.forEach(o=>e[o]=0);return}n.forEach((o,a)=>e[i[a]]=o);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 lh(e,t){let s,n;const{state:i,transform:o}=Er();return Ii(e,a=>{n=a,a.style.transform&&rh(i,a.style.transform),s&&(a.style.transform=s),t&&t(i)}),$e(o,a=>{if(!n){s=a;return}n.style.transform=a},{immediate:!0}),{transform:i}}function ch(e,t){const s=kt({}),n=a=>Object.entries(a).forEach(([r,l])=>s[r]=l),{style:i}=oh(e,n),{transform:o}=lh(e,n);return $e(s,a=>{Object.entries(a).forEach(([r,l])=>{const c=Li(r)?o:i;c[r]&&c[r]===l||(c[r]=l)})},{immediate:!0,deep:!0}),Ii(e,()=>t&&n(t)),{motionProperties:s,style:i,transform:o}}function uh(e={}){const t=_t(e),s=Ze();return{state:tt(()=>{if(s.value)return t[s.value]}),variant:s}}function $r(e,t={},s){const{motionProperties:n}=ch(e),{variant:i,state:o}=uh(t),a=Hm(n,t),r={target:e,variant:i,variants:t,state:o,motionProperties:n,...a};return Qm(r,s),r}const dh=["initial","enter","leave","visible","visible-once","hovered","tapped","focused","delay"];function fh(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}),dh.forEach(n=>{if(n==="delay"){if(s&&s[n]&&typeof s[n]=="number"){const i=s[n];t&&t.value&&(t.value.enter&&(t.value.enter.transition||(t.value.enter.transition={}),t.value.enter.transition={delay:i,...t.value.enter.transition}),t.value.visible&&(t.value.visible.transition||(t.value.visible.transition={}),t.value.visible.transition={delay:i,...t.value.visible.transition}),t.value.visibleOnce&&(t.value.visibleOnce.transition||(t.value.visibleOnce.transition={}),t.value.visibleOnce.transition={delay:i,...t.value.visibleOnce.transition}))}return}n==="visible-once"&&(n="visibleOnce"),s&&s[n]&&Ws(s[n])&&(t.value[n]=s[n])}))}function $n(e){return{created:(s,n,i)=>{const o=n.value&&typeof n.value=="string"?n.value:i.key;o&&Pn[o]&&Pn[o].stop();const a=Ze(e||{});typeof n.value=="object"&&(a.value=n.value),fh(i,a);const r=$r(s,a);s.motionInstance=r,o&&(Pn[o]=r)},getSSRProps(s,n){let{initial:i}=s.value||n&&(n==null?void 0:n.props)||{};i=_t(i);const o=av((e==null?void 0:e.initial)||{},i||{});return!o||Object.keys(o).length===0?void 0:{style:Ar(o)}}}}const ph={initial:{opacity:0},enter:{opacity:1}},bh={initial:{opacity:0},visible:{opacity:1}},vh={initial:{opacity:0},visibleOnce:{opacity:1}},mh={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},hh={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},gh={initial:{scale:0,opacity:0},visibleOnce:{scale:1,opacity:1}},_h={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},yh={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},xh={initial:{x:-100,rotate:90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},wh={initial:{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:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Ch={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Eh={initial:{y:-100,rotate:-90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},Ph={initial:{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}},Ah={initial:{y:100,rotate:90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},$h={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Mh={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},Sh={initial:{x:-100,opacity:0},visibleOnce:{x:0,opacity:1}},Ih={initial:{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:{y:-100,opacity:0},enter:{y:0,opacity:1}},Nh={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},zh={initial:{y:-100,opacity:0},visibleOnce:{y:0,opacity:1}},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}},ni={__proto__:null,fade:ph,fadeVisible:bh,fadeVisibleOnce:vh,pop:mh,popVisible:hh,popVisibleOnce:gh,rollBottom:Ph,rollLeft:_h,rollRight:wh,rollTop:qh,rollVisibleBottom:Th,rollVisibleLeft:yh,rollVisibleOnceBottom:Ah,rollVisibleOnceLeft:xh,rollVisibleOnceRight:Oh,rollVisibleOnceTop:Eh,rollVisibleRight:jh,rollVisibleTop:Ch,slideBottom:Rh,slideLeft:$h,slideRight:Ih,slideTop:Fh,slideVisibleBottom:Dh,slideVisibleLeft:Mh,slideVisibleOnceBottom:Uh,slideVisibleOnceLeft:Sh,slideVisibleOnceRight:kh,slideVisibleOnceTop:zh,slideVisibleRight:Lh,slideVisibleTop:Nh},Vh=Yl({props:{is:{type:[String,Object],required:!1},preset:{type:String,required:!1},instance:{type:Object,required:!1},variants:{type:Object,required:!1},initial:{type:Object,required:!1},enter:{type:Object,required:!1},leave:{type:Object,required:!1},visible:{type:Object,required:!1},visibleOnce:{type:Object,required:!1},hovered:{type:Object,required:!1},tapped:{type:Object,required:!1},focused:{type:Object,required:!1},delay:{type:[Number,String],required:!1}},setup(e){var r;const t=dc(),s=kt({});if(!e.is&&!t.default)return()=>Bn("div",{});const n=tt(()=>{let l;return e.preset&&(l=ni[e.preset]),l}),i=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})),o=tt(()=>{const l={...i.value,...n.value||{},...e.variants||{}};return e.delay&&(l.enter.transition={...l.enter.transition},l.enter.transition.delay=parseInt(e.delay)),l}),a=tt(()=>{if(!e.is)return;let l=e.is;return typeof a.value=="string"&&!Jr(l)&&(l=va(l)),l});if(((r=process==null?void 0:process.env)==null?void 0:r.NODE_ENV)==="development"||process!=null&&process.dev){const l=c=>{var d;(d=c.variants)!=null&&d.initial&&c.set("initial"),setTimeout(()=>{var p,v,g;(p=c.variants)!=null&&p.enter&&c.apply("enter"),(v=c.variants)!=null&&v.visible&&c.apply("visible"),(g=c.variants)!=null&&g.visibleOnce&&c.apply("visibleOnce")},10)};ba(()=>Object.entries(s).forEach(([c,d])=>l(d)))}return{slots:t,component:a,motionConfig:o,instances:s}},render({slots:e,motionConfig:t,instances:s,component:n}){var r;const i=Ar(t.initial||{}),o=(l,c)=>(l.props||(l.props={}),l.props.style=i,l.props.onVnodeMounted=({el:d})=>{const p=$r(d,t);s[c]=p},l);if(n){const l=Bn(n,void 0,e);return o(l,0),l}return(((r=e.default)==null?void 0:r.call(e))||[]).map((l,c)=>o(l,c))}});function Hh(e){const t="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;",s="aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------",n=new RegExp(t.split("").join("|"),"g");return e.toString().replace(/[A-Z]/g,i=>`-${i}`).toLowerCase().replace(/\s+/g,"-").replace(n,i=>s.charAt(t.indexOf(i))).replace(/&/g,"-and-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}const Bh={install(e,t){if(e.directive("motion",$n()),e.component("Motion",Vh),!t||t&&!t.excludePresets)for(const s in ni){const n=ni[s];e.directive(`motion-${Hh(s)}`,$n(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}`,$n(n))}}};var Kh=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Wh(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()})(Kh,function(){return function(s){function n(o){if(i[o])return i[o].exports;var a=i[o]={exports:{},id:o,loaded:!1};return s[o].call(a.exports,a,a.exports,n),a.loaded=!0,a.exports}var i={};return n.m=s,n.c=i,n.p="dist/",n(0)}([function(s,n,i){function o(S){return S&&S.__esModule?S:{default:S}}var a=Object.assign||function(S){for(var ce=1;ce0&&arguments[0]!==void 0&&arguments[0];if(S&&(oe=!0),oe)return W=(0,T.default)(W,A),(0,F.default)(W,A.once),W},J=function(){W=(0,U.default)(),B()},$=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){A=a(A,S),W=(0,U.default)();var ce=document.all&&!window.atob;return h(A.disable)||ce?$():(A.disableMutationObserver||g.default.isSupported()||(console.info(` +" data-v-4ff9180f> >> 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),yb=gb(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),xb=[yb],wb=()=>{window.scrollTo({top:0,left:0})},jb={__name:"Onzen",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),ae(Oe,null,[f("div",{id:"topPage"},[_b,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:wb},xb)])]),D(Qt)],64))}},Ob=_e(jb,[["__scopeId","data-v-4ff9180f"]]);const za={__name:"PageOnZen",setup(e){return(t,s)=>(ne(),ae("main",null,[D(Ob)]))}},qb="/Portfolio3-14h/assets/banniere-Mukiz2-7c2f7800.jpg",Cb="/Portfolio3-14h/assets/screen-mukiz-existant-1ere-phase-56a6c259.jpg",Eb="/Portfolio3-14h/assets/screen-mukiz-existant-2eme-phase-d22c8bb8.jpg",Pb="/Portfolio3-14h/assets/screen-mukiz-existant-3eme-phase-72a3b7d3.jpg",Tb="/Portfolio3-14h/assets/Mukiz-ecran2et3-1ere-modif-41423285.jpg",Ab="/Portfolio3-14h/assets/resume-1er-parcours-mukiz-maze-cc03374e.jpg",$b="/Portfolio3-14h/assets/resume-2eme-parcours-mukiz-maze-a4d9508f.jpg",Mb="/Portfolio3-14h/assets/Mukiz-screen-maquette-finale-6c933a98.jpg";const Sb=e=>(Ee("data-v-6991eb10"),e=e(),Pe(),e),Ib=dn('
banniere Mukiz

Remise en contexte

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

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

Analyse de l'existant

Les 3 premiers écrans permettent :

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

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

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

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

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

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

Tests utilisateurs #1

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

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

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

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

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

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

Modification des maquettes #1

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

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

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

Tests utilisateurs #2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Modification des maquettes #2

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

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

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

Merci de m'avoir lue !

',2),Lb=Sb(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),kb=[Lb],Fb=()=>{window.scrollTo({top:0,left:0})},Nb={data(){return{activeSection:null}},methods:{scrollToSection(e){this.activeSection=e;const t=document.getElementById(e);t&&t.scrollIntoView({behavior:"smooth"})}}},zb=Object.assign(Nb,{__name:"Mukiz",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),ae(Oe,null,[f("div",{id:"topPage"},[Ib,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Fb},kb)])]),D(Qt)],64))}}),Rb=_e(zb,[["__scopeId","data-v-6991eb10"]]);const Ra={__name:"PageMukiz",setup(e){return(t,s)=>(ne(),ae("main",null,[D(Rb)]))}},Db="/Portfolio3-14h/assets/banniere-googleUX2-fd1dafc5.jpg",Ub="/Portfolio3-14h/assets/personna-google-UX-1-40bcbcc3.jpg",Vb="/Portfolio3-14h/assets/personna-google-UX-2-a4c0fec0.jpg",Hb="/Portfolio3-14h/assets/googleUX-wireframes-d5aa2d38.jpg",Bb="/Portfolio3-14h/assets/googleUX-proto1-c5b14fae.jpg",Kb="/Portfolio3-14h/assets/insights-google-ux-41e7e47c.jpg",Wb="/Portfolio3-14h/assets/googleUX-proto2-498995e5.jpg";const Xb=e=>(Ee("data-v-5027e0b5"),e=e(),Pe(),e),Jb=dn('

- Projet en cours -


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 triés par ordre de priorité
Mes insights trié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),Zb=Xb(()=>f("span",{class:"material-symbols-rounded"}," keyboard_double_arrow_up ",-1)),Yb=[Zb],Qb=()=>{window.scrollTo({top:0,left:0})},Gb={__name:"GoogleUX",setup(e){return yt(()=>{window.scrollTo({top:0,left:0})}),Ft(()=>{window.scrollTo({top:0,left:0})}),(t,s)=>(ne(),ae(Oe,null,[f("div",{id:"topPage"},[Jb,f("div",{class:"btn-return"},[f("button",{class:"btn-rond",onClick:Qb},Yb)])]),D(Qt)],64))}},ev=_e(Gb,[["__scopeId","data-v-5027e0b5"]]);const Da={__name:"PageGoogleUX",setup(e){return(t,s)=>(ne(),ae("main",null,[D(ev)]))}};const Ua={__name:"PageContact",setup(e){return(t,s)=>(ne(),ae("main",null,[D(ka)]))}},tv={"/":Wn,"/realisations":Fa,"/realisations/artefacteurs":Na,"/realisations/onzen":za,"/realisations/mukiz":Ra,"/realisations/googleux":Da,"/contact":Ua},sv={name:"App",components:{Header7:ku,HomeView:Wn,PageRealisations:Fa,PageArtefacteurs:Na,PageOnZen:za,PageMukiz:Ra,PageGoogleUX:Da,PageContact:Ua},data(){return{currentPath:window.location.hash}},computed:{currentView(){return tv[this.currentPath.slice(1)||"/"]||Wn}},mounted(){window.addEventListener("hashchange",()=>{this.currentPath=window.location.hash})}};function nv(e,t,s,n,i,o){const a=va("Header7");return ne(),ae("div",null,[D(a),(ne(),Ea(lc(o.currentView)))])}const iv=_e(sv,[["render",nv]]);function Xn(e,t,s=".",n){if(!On(t))return Xn(e,{},s,n);const i=Object.assign({},t);for(const o in e){if(o==="__proto__"||o==="constructor")continue;const a=e[o];a!=null&&(n&&n(i,o,a,s)||(Array.isArray(a)&&Array.isArray(i[o])?i[o]=[...a,...i[o]]:On(a)&&On(i[o])?i[o]=Xn(a,i[o],(s?`${s}.`:"")+o.toString(),n):i[o]=a))}return i}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 ov(e){return(...t)=>t.reduce((s,n)=>Xn(s,n,"",e),{})}const av=ov();function Va(e){return Ro()?(el(e),!0):!1}function Oi(e){return typeof e=="function"?e():_t(e)}const rv=typeof window<"u"&&typeof document<"u",lv=e=>e!=null,cv=Object.prototype.toString,Ws=e=>cv.call(e)==="[object Object]",Ns=()=>{};function uv(e){fn()&&hi(e)}function cs(e){var t;const s=Oi(e);return(t=s==null?void 0:s.$el)!=null?t:s}const Ha=rv?window:void 0;function Ke(...e){let t,s,n,i;if(typeof e[0]=="string"||Array.isArray(e[0])?([s,n,i]=e,t=Ha):[t,s,n,i]=e,!t)return Ns;Array.isArray(s)||(s=[s]),Array.isArray(n)||(n=[n]);const o=[],a=()=>{o.forEach(d=>d()),o.length=0},r=(d,p,v,g)=>(d.addEventListener(p,v,g),()=>d.removeEventListener(p,v,g)),l=$e(()=>[cs(t),Oi(i)],([d,p])=>{if(a(),!d)return;const v=Ws(p)?{...p}:p;o.push(...s.flatMap(g=>n.map(w=>r(d,g,w,v))))},{immediate:!0,flush:"post"}),c=()=>{l(),a()};return Va(c),c}function dv(){const e=Ze(!1);return fn()&&yt(()=>{e.value=!0}),e}function fv(e){const t=dv();return tt(()=>(t.value,!!e()))}function pv(e,t,s={}){const{root:n,rootMargin:i="0px",threshold:o=.1,window:a=Ha,immediate:r=!0}=s,l=fv(()=>a&&"IntersectionObserver"in a),c=tt(()=>{const w=Oi(e);return(Array.isArray(w)?w:[w]).map(cs).filter(lv)});let d=Ns;const p=Ze(r),v=l.value?$e(()=>[c.value,cs(n),p.value],([w,C])=>{if(d(),!p.value||!w.length)return;const M=new IntersectionObserver(t,{root:cs(C),rootMargin:i,threshold:o});w.forEach(F=>F&&M.observe(F)),d=()=>{M.disconnect(),d=Ns}},{immediate:r,flush:"post"}):Ns,g=()=>{d(),v(),p.value=!1};return Va(g),{isSupported:l,isActive:p,pause(){d(),p.value=!1},resume(){p.value=!0},stop:g}}const Ba=1/60*1e3,bv=typeof performance<"u"?()=>performance.now():()=>Date.now(),Ka=typeof window<"u"?e=>window.requestAnimationFrame(e):e=>setTimeout(()=>e(bv()),Ba);function vv(e){let t=[],s=[],n=0,i=!1,o=!1;const a=new WeakSet,r={schedule:(l,c=!1,d=!1)=>{const p=d&&i,v=p?t:s;return c&&a.add(l),v.indexOf(l)===-1&&(v.push(l),p&&i&&(n=t.length)),l},cancel:l=>{const c=s.indexOf(l);c!==-1&&s.splice(c,1),a.delete(l)},process:l=>{if(i){o=!0;return}if(i=!0,[t,s]=[s,t],s.length=0,n=t.length,n)for(let c=0;c(e[t]=vv(()=>_s=!0),e),{}),Yn=xs.reduce((e,t)=>{const s=bn[t];return e[t]=(n,i=!1,o=!1)=>(_s||_v(),s.schedule(n,i,o)),e},{}),hv=xs.reduce((e,t)=>(e[t]=bn[t].cancel,e),{});xs.reduce((e,t)=>(e[t]=()=>bn[t].process(Ht),e),{});const gv=e=>bn[e].process(Ht),Wa=e=>{_s=!1,Ht.delta=Jn?Ba:Math.max(Math.min(e-Ht.timestamp,mv),1),Ht.timestamp=e,Zn=!0,xs.forEach(gv),Zn=!1,_s&&(Jn=!1,Ka(Wa))},_v=()=>{_s=!0,Jn=!0,Zn||Ka(Wa)},Xa=()=>Ht;function Ja(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 i=0,n=Object.getOwnPropertySymbols(e);iMath.min(Math.max(s,e),t),qn=.001,xv=.01,qo=10,wv=.05,jv=1;function Ov({duration:e=800,bounce:t=.25,velocity:s=0,mass:n=1}){let i,o;yv(e<=qo*1e3);let a=1-t;a=Qn(wv,jv,a),e=Qn(xv,qo,e/1e3),a<1?(i=c=>{const d=c*a,p=d*e,v=d-s,g=Gn(c,a),w=Math.exp(-p);return qn-v/g*w},o=c=>{const p=c*a*e,v=p*s+s,g=Math.pow(a,2)*Math.pow(c,2)*e,w=Math.exp(-p),C=Gn(Math.pow(c,2),a);return(-i(c)+qn>0?-1:1)*((v-g)*w)/C}):(i=c=>{const d=Math.exp(-c*e),p=(c-s)*e+1;return-qn+d*p},o=c=>{const d=Math.exp(-c*e),p=(s-c)*(e*e);return d*p});const r=5/e,l=Cv(i,o,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:a*2*Math.sqrt(n*c),duration:e}}}const qv=12;function Cv(e,t,s){let n=s;for(let i=1;ie[s]!==void 0)}function Tv(e){let t=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},e);if(!Co(e,Pv)&&Co(e,Ev)){const s=Ov(e);t=Object.assign(Object.assign(Object.assign({},t),s),{velocity:0,mass:1}),t.isResolvedFromDuration=!0}return t}function qi(e){var{from:t=0,to:s=1,restSpeed:n=2,restDelta:i}=e,o=Ja(e,["from","to","restSpeed","restDelta"]);const a={done:!1,value:t};let{stiffness:r,damping:l,mass:c,velocity:d,duration:p,isResolvedFromDuration:v}=Tv(o),g=Eo,w=Eo;function C(){const M=d?-(d/1e3):0,F=s-t,N=l/(2*Math.sqrt(r*c)),T=Math.sqrt(r/c)/1e3;if(i===void 0&&(i=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),oe=Math.min(q*U,300);return s-W*((M+N*T*F)*Math.sinh(oe)+q*F*Math.cosh(oe))/q}}}return C(),{next:M=>{const F=g(M);if(v)a.done=M>=p;else{const N=w(M)*1e3,T=Math.abs(N)<=n,q=Math.abs(s-F)<=i;a.done=T&&q}return a.value=a.done?s:F,a},flipTarget:()=>{d=-d,[t,s]=[s,t],C()}}}qi.needsInterpolation=(e,t)=>typeof e=="string"||typeof t=="string";const Eo=e=>0,Za=(e,t,s)=>{const n=t-e;return n===0?1:(s-e)/n},Ci=(e,t,s)=>-s*e+s*t+e,Ya=(e,t)=>s=>Math.max(Math.min(s,t),e),us=e=>e%1?Number(e.toFixed(5)):e,ys=/(-)?([\d]*\.?[\d])+/g,ei=/(#[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,Av=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function ws(e){return typeof e=="string"}const js={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},ds=Object.assign(Object.assign({},js),{transform:Ya(0,1)}),Ms=Object.assign(Object.assign({},js),{default:1}),Ei=e=>({test:t=>ws(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),qt=Ei("deg"),fs=Ei("%"),K=Ei("px"),Po=Object.assign(Object.assign({},fs),{parse:e=>fs.parse(e)/100,transform:e=>fs.transform(e*100)}),Pi=(e,t)=>s=>!!(ws(s)&&Av.test(s)&&s.startsWith(e)||t&&Object.prototype.hasOwnProperty.call(s,t)),Qa=(e,t,s)=>n=>{if(!ws(n))return n;const[i,o,a,r]=n.match(ys);return{[e]:parseFloat(i),[t]:parseFloat(o),[s]:parseFloat(a),alpha:r!==void 0?parseFloat(r):1}},Mt={test:Pi("hsl","hue"),parse:Qa("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:s,alpha:n=1})=>"hsla("+Math.round(e)+", "+fs.transform(us(t))+", "+fs.transform(us(s))+", "+us(ds.transform(n))+")"},$v=Ya(0,255),Cn=Object.assign(Object.assign({},js),{transform:e=>Math.round($v(e))}),bt={test:Pi("rgb","red"),parse:Qa("red","green","blue"),transform:({red:e,green:t,blue:s,alpha:n=1})=>"rgba("+Cn.transform(e)+", "+Cn.transform(t)+", "+Cn.transform(s)+", "+us(ds.transform(n))+")"};function Mv(e){let t="",s="",n="",i="";return e.length>5?(t=e.substr(1,2),s=e.substr(3,2),n=e.substr(5,2),i=e.substr(7,2)):(t=e.substr(1,1),s=e.substr(2,1),n=e.substr(3,1),i=e.substr(4,1),t+=t,s+=s,n+=n,i+=i),{red:parseInt(t,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:i?parseInt(i,16)/255:1}}const ti={test:Pi("#"),parse:Mv,transform:bt.transform},Ie={test:e=>bt.test(e)||ti.test(e)||Mt.test(e),parse:e=>bt.test(e)?bt.parse(e):Mt.test(e)?Mt.parse(e):ti.parse(e),transform:e=>ws(e)?e:e.hasOwnProperty("red")?bt.transform(e):Mt.transform(e)},Ga="${c}",er="${n}";function Sv(e){var t,s,n,i;return isNaN(e)&&ws(e)&&((s=(t=e.match(ys))===null||t===void 0?void 0:t.length)!==null&&s!==void 0?s:0)+((i=(n=e.match(ei))===null||n===void 0?void 0:n.length)!==null&&i!==void 0?i:0)>0}function tr(e){typeof e=="number"&&(e=`${e}`);const t=[];let s=0;const n=e.match(ei);n&&(s=n.length,e=e.replace(ei,Ga),t.push(...n.map(Ie.parse)));const i=e.match(ys);return i&&(e=e.replace(ys,er),t.push(...i.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),i=t.length;return o=>{let a=n;for(let r=0;rtypeof e=="number"?0:e;function Lv(e){const t=sr(e);return nr(e)(t.map(Iv))}const Os={test:Sv,parse:sr,createTransformer:nr,getAnimatableNone:Lv},kv=new Set(["brightness","contrast","saturate","opacity"]);function Fv(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 i=s.replace(n,"");let o=kv.has(t)?1:0;return n!==s&&(o*=100),t+"("+o+i+")"}const Nv=/([a-z-]*)\(.*?\)/g,si=Object.assign(Object.assign({},Os),{getAnimatableNone:e=>{const t=e.match(Nv);return t?t.map(Fv).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 To({hue:e,saturation:t,lightness:s,alpha:n}){e/=360,t/=100,s/=100;let i=0,o=0,a=0;if(!t)i=o=a=s;else{const r=s<.5?s*(1+t):s+t-s*t,l=2*s-r;i=En(l,r,e+1/3),o=En(l,r,e),a=En(l,r,e-1/3)}return{red:Math.round(i*255),green:Math.round(o*255),blue:Math.round(a*255),alpha:n}}const zv=(e,t,s)=>{const n=e*e,i=t*t;return Math.sqrt(Math.max(0,s*(i-n)+n))},Rv=[ti,bt,Mt],Ao=e=>Rv.find(t=>t.test(e)),ir=(e,t)=>{let s=Ao(e),n=Ao(t),i=s.parse(e),o=n.parse(t);s===Mt&&(i=To(i),s=bt),n===Mt&&(o=To(o),n=bt);const a=Object.assign({},i);return r=>{for(const l in a)l!=="alpha"&&(a[l]=zv(i[l],o[l],r));return a.alpha=Ci(i.alpha,o.alpha,r),s.transform(a)}},Dv=e=>typeof e=="number",Uv=(e,t)=>s=>t(e(s)),or=(...e)=>e.reduce(Uv);function ar(e,t){return Dv(e)?s=>Ci(e,t,s):Ie.test(e)?ir(e,t):lr(e,t)}const rr=(e,t)=>{const s=[...e],n=s.length,i=e.map((o,a)=>ar(o,t[a]));return o=>{for(let a=0;a{const s=Object.assign(Object.assign({},e),t),n={};for(const i in s)e[i]!==void 0&&t[i]!==void 0&&(n[i]=ar(e[i],t[i]));return i=>{for(const o in n)s[o]=n[o](i);return s}};function $o(e){const t=Os.parse(e),s=t.length;let n=0,i=0,o=0;for(let a=0;a{const s=Os.createTransformer(t),n=$o(e),i=$o(t);return n.numHSL===i.numHSL&&n.numRGB===i.numRGB&&n.numNumbers>=i.numNumbers?or(rr(n.parsed,i.parsed),s):a=>`${a>0?t:e}`},Hv=(e,t)=>s=>Ci(e,t,s);function Bv(e){if(typeof e=="number")return Hv;if(typeof e=="string")return Ie.test(e)?ir:lr;if(Array.isArray(e))return rr;if(typeof e=="object")return Vv}function Kv(e,t,s){const n=[],i=s||Bv(e[0]),o=e.length-1;for(let a=0;as(Za(e,t,n))}function Xv(e,t){const s=e.length,n=s-1;return i=>{let o=0,a=!1;if(i<=e[0]?a=!0:i>=e[n]&&(o=n-1,a=!0),!a){let l=1;for(;li||l===n);l++);o=l-1}const r=Za(e[o],e[o+1],i);return t[o](r)}}function cr(e,t,{clamp:s=!0,ease:n,mixer:i}={}){const o=e.length;Oo(o===t.length),Oo(!n||!Array.isArray(n)||n.length===o-1),e[0]>e[o-1]&&(e=[].concat(e),t=[].concat(t),e.reverse(),t.reverse());const a=Kv(t,n,i),r=o===2?Wv(e,a):Xv(e,a);return s?l=>r(Qn(e[0],e[o-1],l)):r}const vn=e=>t=>1-e(1-t),Ti=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Jv=e=>t=>Math.pow(t,e),ur=e=>t=>t*t*((e+1)*t-e),Zv=e=>{const t=ur(e);return s=>(s*=2)<1?.5*t(s):.5*(2-Math.pow(2,-10*(s-1)))},dr=1.525,Yv=4/11,Qv=8/11,Gv=9/10,fr=e=>e,Ai=Jv(2),em=vn(Ai),pr=Ti(Ai),br=e=>1-Math.sin(Math.acos(e)),vr=vn(br),tm=Ti(vr),$i=ur(dr),sm=vn($i),nm=Ti($i),im=Zv(dr),om=4356/361,am=35442/1805,rm=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 um(e,t){return e.map(()=>t||pr).splice(0,e.length-1)}function dm(e){const t=e.length;return e.map((s,n)=>n!==0?n/(t-1):0)}function fm(e,t){return e.map(s=>s*t)}function zs({from:e=0,to:t=1,ease:s,offset:n,duration:i=300}){const o={done:!1,value:e},a=Array.isArray(t)?t:[e,t],r=fm(n&&n.length===a.length?n:dm(a),i);function l(){return cr(r,a,{ease:Array.isArray(s)?s:um(a,s)})}let c=l();return{next:d=>(o.value=c(d),o.done=d>=i,o),flipTarget:()=>{a.reverse(),c=l()}}}function pm({velocity:e=0,from:t=0,power:s=.8,timeConstant:n=350,restDelta:i=.5,modifyTarget:o}){const a={done:!1,value:t};let r=s*e;const l=t+r,c=o===void 0?l:o(l);return c!==l&&(r=c-t),{next:d=>{const p=-r*Math.exp(-d/n);return a.done=!(p>i||p<-i),a.value=a.done?c:c+p,a},flipTarget:()=>{}}}const Mo={keyframes:zs,spring:qi,decay:pm};function bm(e){if(Array.isArray(e.to))return zs;if(Mo[e.type])return Mo[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")?qi:zs}function mr(e,t,s=0){return e-t-s}function vm(e,t,s=0,n=!0){return n?mr(t+-e,t,s):t-(e-t)+s}function mm(e,t,s,n){return n?e>=t+s:e<=-s}const hm=e=>{const t=({delta:s})=>e(s);return{start:()=>Yn.update(t,!0),stop:()=>hv.update(t)}};function hr(e){var t,s,{from:n,autoplay:i=!0,driver:o=hm,elapsed:a=0,repeat:r=0,repeatType:l="loop",repeatDelay:c=0,onPlay:d,onStop:p,onComplete:v,onRepeat:g,onUpdate:w}=e,C=Ja(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,oe;const A=bm(C);!((s=(t=A).needsInterpolation)===null||s===void 0)&&s.call(t,n,M)&&(oe=cr([0,100],[n,M],{clamp:!1}),n=0,M=100);const B=A(Object.assign(Object.assign({},C),{from:n,to:M}));function J(){N++,l==="reverse"?(W=N%2===0,a=vm(a,T,c,W)):(a=mr(a,T,c),l==="mirror"&&B.flipTarget()),U=!1,g&&g()}function $(){F.stop(),v&&v()}function h(S){if(W||(S=-S),a+=S,!U){const ce=B.next(Math.max(0,a));q=ce.value,oe&&(q=oe(q)),U=W?ce.done:a<=0}w==null||w(q),U&&(N===0&&(T??(T=a)),N{p==null||p(),F.stop()}}}function gr(e,t){return t?e*(1e3/t):0}function gm({from:e=0,velocity:t=0,min:s,max:n,power:i=.8,timeConstant:o=750,bounceStiffness:a=500,bounceDamping:r=10,restDelta:l=1,modifyTarget:c,driver:d,onUpdate:p,onComplete:v,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:v,onStop:g}))}function N(T){F(Object.assign({type:"spring",stiffness:a,damping:r,restDelta:l},T))}if(C(e))N({from:e,velocity:t,to:M(e)});else{let T=i*t+e;typeof c<"u"&&(T=c(T));const q=M(T),U=q===s?-1:1;let W,oe;const A=B=>{W=oe,oe=B,t=gr(B-W,Xa().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),_m=1e-7,ym=10;function xm(e,t,s,n,i){let o,a,r=0;do a=t+(s-t)/2,o=Js(a,n,i)-e,o>0?s=a:t=a;while(Math.abs(o)>_m&&++r=jm?Om(a,p,e,s):v===0?p:xm(a,r,r+Ss,e,s)}return a=>a===0||a===1?a:Js(o(a),t,n)}const Pn={};class Cm{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 i of this.subscriptions)i(t,s,n)}clear(){this.subscriptions.clear()}}function So(e){return!isNaN(parseFloat(e))}class Em{constructor(t){this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Cm,this.canTrackVelocity=!1,this.updateAndNotify=s=>{this.prev=this.current,this.current=s;const{delta:n,timestamp:i}=Xa();this.lastUpdated!==i&&(this.timeDelta=n,this.lastUpdated=i),Yn.postRender(this.scheduleVelocityCheck),this.updateSubscribers.notify(this.current)},this.scheduleVelocityCheck=()=>Yn.postRender(this.velocityCheck),this.velocityCheck=({timestamp:s})=>{this.canTrackVelocity||(this.canTrackVelocity=So(this.current)),s!==this.lastUpdated&&(this.prev=this.current)},this.prev=this.current=t,this.canTrackVelocity=So(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 Pm(e){return new Em(e)}const{isArray:Tm}=Array;function Am(){const e=Ze({}),t=n=>{const i=o=>{e.value[o]&&(e.value[o].stop(),e.value[o].destroy(),delete e.value[o])};n?Tm(n)?n.forEach(i):i(n):Object.keys(e.value).forEach(i)},s=(n,i,o)=>{if(e.value[n])return e.value[n];const a=Pm(i);return a.onChange(r=>o[n]=r),e.value[n]=a,a};return uv(t),{motionValues:e,get:s,stop:t}}function $m(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 Mm(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 Sm(e){return{type:"keyframes",duration:800,values:e}}const Io={default:Mm,x:Ct,y:Ct,z:Ct,rotate:Ct,rotateX:Ct,rotateY:Ct,rotateZ:Ct,scaleX:Tn,scaleY:Tn,scale:Tn,backgroundColor:An,color:An,opacity:An};function jr(e,t){let s;return $m(t)?s=Sm:s=Io[e]||Io.default,{to:t,...s(t)}}const Lo={...js,transform:Math.round},Or={color:Ie,backgroundColor:Ie,outlineColor:Ie,fill:Ie,stroke:Ie,borderColor:Ie,borderTopColor:Ie,borderRightColor:Ie,borderBottomColor:Ie,borderLeftColor:Ie,borderWidth:K,borderTopWidth:K,borderRightWidth:K,borderBottomWidth:K,borderLeftWidth:K,borderRadius:K,radius:K,borderTopLeftRadius:K,borderTopRightRadius:K,borderBottomRightRadius:K,borderBottomLeftRadius:K,width:K,maxWidth:K,height:K,maxHeight:K,size:K,top:K,right:K,bottom:K,left:K,padding:K,paddingTop:K,paddingRight:K,paddingBottom:K,paddingLeft:K,margin:K,marginTop:K,marginRight:K,marginBottom:K,marginLeft:K,rotate:qt,rotateX:qt,rotateY:qt,rotateZ:qt,scale:Ms,scaleX:Ms,scaleY:Ms,scaleZ:Ms,skew:qt,skewX:qt,skewY:qt,distance:K,translateX:K,translateY:K,translateZ:K,x:K,y:K,z:K,perspective:K,transformPerspective:K,opacity:ds,originX:Po,originY:Po,originZ:K,zIndex:Lo,filter:si,WebkitFilter:si,fillOpacity:ds,strokeOpacity:ds,numOctaves:Lo},Mi=e=>Or[e];function qr(e,t){return t&&typeof e=="number"&&t.transform?t.transform(e):e}function Im(e,t){let s=Mi(e);return s!==si&&(s=Os),s.getAnimatableNone?s.getAnimatableNone(t):void 0}const Lm={linear:fr,easeIn:Ai,easeInOut:pr,easeOut:em,circIn:br,circInOut:tm,circOut:vr,backIn:$i,backInOut:nm,backOut:sm,anticipate:im,bounceIn:lm,bounceInOut:cm,bounceOut:Xs};function ko(e){if(Array.isArray(e)){const[t,s,n,i]=e;return qm(t,s,n,i)}else if(typeof e=="string")return Lm[e];return e}function km(e){return Array.isArray(e)&&typeof e[0]!="number"}function Fo(e,t){return e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&Os.test(t)&&!t.startsWith("url("))}function Fm(e){return Array.isArray(e.to)&&e.to[0]===null&&(e.to=[...e.to],e.to[0]=e.from),e}function Nm({ease:e,times:t,delay:s,...n}){const i={...n};return t&&(i.offset=t),e&&(i.ease=km(e)?e.map(ko):ko(e)),s&&(i.elapsed=-s),i}function zm(e,t,s){return Array.isArray(t.to)&&(e.duration||(e.duration=800)),Fm(t),Rm(e)||(e={...e,...jr(s,t.to)}),{...t,...Nm(e)}}function Rm({delay:e,repeat:t,repeatType:s,repeatDelay:n,from:i,...o}){return!!Object.keys(o).length}function Dm(e,t){return e[t]||e.default||e}function Um(e,t,s,n,i){const o=Dm(n,e);let a=o.from===null||o.from===void 0?t.get():o.from;const r=Fo(e,s);a==="none"&&r&&typeof s=="string"&&(a=Im(e,s));const l=Fo(e,a);function c(p){const v={from:a,to:s,velocity:n.velocity?n.velocity:t.getVelocity(),onUpdate:g=>t.set(g)};return o.type==="inertia"||o.type==="decay"?gm({...v,...o}):hr({...zm(o,v,e),onUpdate:g=>{v.onUpdate(g),o.onUpdate&&o.onUpdate(g)},onComplete:()=>{n.onComplete&&n.onComplete(),i&&i(),p&&p()}})}function d(p){return t.set(s),n.onComplete&&n.onComplete(),i&&i(),p&&p(),{stop:()=>{}}}return!l||!r||o.type===!1?d:c}function Vm(){const{motionValues:e,stop:t,get:s}=Am();return{motionValues:e,stop:t,push:(i,o,a,r={},l)=>{const c=a[i],d=s(i,c,a);if(r&&r.immediate){d.set(o);return}const p=Um(i,d,o,r,l);d.start(p)}}}function Hm(e,t={},{motionValues:s,push:n,stop:i}=Vm()){const o=_t(t),a=Ze(!1);$e(s,p=>{a.value=Object.values(p).filter(v=>v.isAnimating()).length>0},{immediate:!0,deep:!0});const r=p=>{if(!o||!o[p])throw new Error(`The variant ${p} does not exist.`);return o[p]},l=p=>(typeof p=="string"&&(p=r(p)),Promise.all(Object.entries(p).map(([v,g])=>{if(v!=="transition")return new Promise(w=>n(v,g,e,p.transition||jr(v,p[v]),w))}).filter(Boolean)));return{isAnimating:a,apply:l,set:p=>{const v=Ws(p)?p:r(p);Object.entries(v).forEach(([g,w])=>{g!=="transition"&&n(g,w,e,{immediate:!0})})},leave:async p=>{let v;if(o&&(o.leave&&(v=o.leave),!o.leave&&o.initial&&(v=o.initial)),!v){p();return}await l(v),p()},stop:i}}const Si=typeof window<"u",Bm=()=>Si&&window.onpointerdown===null,Km=()=>Si&&window.ontouchstart===null,Wm=()=>Si&&window.onmousedown===null;function Xm({target:e,state:t,variants:s,apply:n}){const i=_t(s),o=Ze(!1),a=Ze(!1),r=Ze(!1),l=tt(()=>{let d=[];return i&&(i.hovered&&(d=[...d,...Object.keys(i.hovered)]),i.tapped&&(d=[...d,...Object.keys(i.tapped)]),i.focused&&(d=[...d,...Object.keys(i.focused)])),d}),c=tt(()=>{const d={};Object.assign(d,t.value),o.value&&i.hovered&&Object.assign(d,i.hovered),a.value&&i.tapped&&Object.assign(d,i.tapped),r.value&&i.focused&&Object.assign(d,i.focused);for(const p in d)l.value.includes(p)||delete d[p];return d});i.hovered&&(Ke(e,"mouseenter",()=>o.value=!0),Ke(e,"mouseleave",()=>{o.value=!1,a.value=!1}),Ke(e,"mouseout",()=>{o.value=!1,a.value=!1})),i.tapped&&(Wm()&&(Ke(e,"mousedown",()=>a.value=!0),Ke(e,"mouseup",()=>a.value=!1)),Bm()&&(Ke(e,"pointerdown",()=>a.value=!0),Ke(e,"pointerup",()=>a.value=!1)),Km()&&(Ke(e,"touchstart",()=>a.value=!0),Ke(e,"touchend",()=>a.value=!1))),i.focused&&(Ke(e,"focus",()=>r.value=!0),Ke(e,"blur",()=>r.value=!1)),$e(c,n)}function Jm({set:e,target:t,variants:s,variant:n}){const i=_t(s);$e(()=>t,()=>{i&&(i.initial&&e("initial"),i.enter&&(n.value="enter"))},{immediate:!0,flush:"pre"})}function Zm({state:e,apply:t}){$e(e,s=>{s&&t(s)},{immediate:!0})}function Ym({target:e,variants:t,variant:s}){const n=_t(t);n&&(n.visible||n.visibleOnce)&&pv(e,([{isIntersecting:i}])=>{n.visible?i?s.value="visible":s.value="initial":n.visibleOnce&&(i&&s.value!=="visibleOnce"?s.value="visibleOnce":s.value||(s.value="initial"))})}function Qm(e,t={syncVariants:!0,lifeCycleHooks:!0,visibilityHooks:!0,eventListeners:!0}){t.lifeCycleHooks&&Jm(e),t.syncVariants&&Zm(e),t.visibilityHooks&&Ym(e),t.eventListeners&&Xm(e)}function Cr(e={}){const t=kt({...e}),s=Ze({});return $e(t,()=>{const n={};for(const[i,o]of Object.entries(t)){const a=Mi(i),r=qr(o,a);n[i]=r}s.value=n},{immediate:!0,deep:!0}),{state:t,style:s}}function Ii(e,t){$e(()=>cs(e),s=>{s&&t(s)},{immediate:!0})}const Gm={x:"translateX",y:"translateY",z:"translateZ"};function Er(e={},t=!0){const s=kt({...e}),n=Ze("");return $e(s,i=>{let o="",a=!1;if(t&&(i.x||i.y||i.z)){const r=[i.x||0,i.y||0,i.z||0].map(K.transform).join(",");o+=`translate3d(${r}) `,a=!0}for(const[r,l]of Object.entries(i)){if(t&&(r==="x"||r==="y"||r==="z"))continue;const c=Mi(r),d=qr(l,c);o+=`${Gm[r]||r}(${d}) `}t&&!a&&(o+="translateZ(0px) "),n.value=o.trim()},{immediate:!0,deep:!0}),{state:s,transform:n}}const eh=["","X","Y","Z"],th=["perspective","translate","scale","rotate","skew"],Pr=["transformPerspective","x","y","z"];th.forEach(e=>{eh.forEach(t=>{const s=e+t;Pr.push(s)})});const sh=new Set(Pr);function Li(e){return sh.has(e)}const nh=new Set(["originX","originY","originZ"]);function Tr(e){return nh.has(e)}function ih(e){const t={},s={};return Object.entries(e).forEach(([n,i])=>{Li(n)||Tr(n)?t[n]=i:s[n]=i}),{transform:t,style:s}}function Ar(e){const{transform:t,style:s}=ih(e),{transform:n}=Er(t),{style:i}=Cr(s);return n.value&&(i.value.transform=n.value),i.value}function oh(e,t){let s,n;const{state:i,style:o}=Cr();return Ii(e,a=>{n=a;for(const r of Object.keys(Or))a.style[r]===null||a.style[r]===""||Li(r)||Tr(r)||(i[r]=a.style[r]);s&&Object.entries(s).forEach(([r,l])=>a.style[r]=l),t&&t(i)}),$e(o,a=>{if(!n){s=a;return}for(const r in a)n.style[r]=a[r]},{immediate:!0}),{style:i}}function ah(e){const t=e.trim().split(/\) |\)/);if(t.length===1)return{};const s=n=>n.endsWith("px")||n.endsWith("deg")?parseFloat(n):isNaN(Number(n))?Number(n):n;return t.reduce((n,i)=>{if(!i)return n;const[o,a]=i.split("("),l=a.split(",").map(d=>s(d.endsWith(")")?d.replace(")",""):d.trim())),c=l.length===1?l[0]:l;return{...n,[o]:c}},{})}function rh(e,t){Object.entries(ah(t)).forEach(([s,n])=>{const i=["x","y","z"];if(s==="translate3d"){if(n===0){i.forEach(o=>e[o]=0);return}n.forEach((o,a)=>e[i[a]]=o);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 lh(e,t){let s,n;const{state:i,transform:o}=Er();return Ii(e,a=>{n=a,a.style.transform&&rh(i,a.style.transform),s&&(a.style.transform=s),t&&t(i)}),$e(o,a=>{if(!n){s=a;return}n.style.transform=a},{immediate:!0}),{transform:i}}function ch(e,t){const s=kt({}),n=a=>Object.entries(a).forEach(([r,l])=>s[r]=l),{style:i}=oh(e,n),{transform:o}=lh(e,n);return $e(s,a=>{Object.entries(a).forEach(([r,l])=>{const c=Li(r)?o:i;c[r]&&c[r]===l||(c[r]=l)})},{immediate:!0,deep:!0}),Ii(e,()=>t&&n(t)),{motionProperties:s,style:i,transform:o}}function uh(e={}){const t=_t(e),s=Ze();return{state:tt(()=>{if(s.value)return t[s.value]}),variant:s}}function $r(e,t={},s){const{motionProperties:n}=ch(e),{variant:i,state:o}=uh(t),a=Hm(n,t),r={target:e,variant:i,variants:t,state:o,motionProperties:n,...a};return Qm(r,s),r}const dh=["initial","enter","leave","visible","visible-once","hovered","tapped","focused","delay"];function fh(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}),dh.forEach(n=>{if(n==="delay"){if(s&&s[n]&&typeof s[n]=="number"){const i=s[n];t&&t.value&&(t.value.enter&&(t.value.enter.transition||(t.value.enter.transition={}),t.value.enter.transition={delay:i,...t.value.enter.transition}),t.value.visible&&(t.value.visible.transition||(t.value.visible.transition={}),t.value.visible.transition={delay:i,...t.value.visible.transition}),t.value.visibleOnce&&(t.value.visibleOnce.transition||(t.value.visibleOnce.transition={}),t.value.visibleOnce.transition={delay:i,...t.value.visibleOnce.transition}))}return}n==="visible-once"&&(n="visibleOnce"),s&&s[n]&&Ws(s[n])&&(t.value[n]=s[n])}))}function $n(e){return{created:(s,n,i)=>{const o=n.value&&typeof n.value=="string"?n.value:i.key;o&&Pn[o]&&Pn[o].stop();const a=Ze(e||{});typeof n.value=="object"&&(a.value=n.value),fh(i,a);const r=$r(s,a);s.motionInstance=r,o&&(Pn[o]=r)},getSSRProps(s,n){let{initial:i}=s.value||n&&(n==null?void 0:n.props)||{};i=_t(i);const o=av((e==null?void 0:e.initial)||{},i||{});return!o||Object.keys(o).length===0?void 0:{style:Ar(o)}}}}const ph={initial:{opacity:0},enter:{opacity:1}},bh={initial:{opacity:0},visible:{opacity:1}},vh={initial:{opacity:0},visibleOnce:{opacity:1}},mh={initial:{scale:0,opacity:0},enter:{scale:1,opacity:1}},hh={initial:{scale:0,opacity:0},visible:{scale:1,opacity:1}},gh={initial:{scale:0,opacity:0},visibleOnce:{scale:1,opacity:1}},_h={initial:{x:-100,rotate:90,opacity:0},enter:{x:0,rotate:0,opacity:1}},yh={initial:{x:-100,rotate:90,opacity:0},visible:{x:0,rotate:0,opacity:1}},xh={initial:{x:-100,rotate:90,opacity:0},visibleOnce:{x:0,rotate:0,opacity:1}},wh={initial:{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:{y:-100,rotate:-90,opacity:0},enter:{y:0,rotate:0,opacity:1}},Ch={initial:{y:-100,rotate:-90,opacity:0},visible:{y:0,rotate:0,opacity:1}},Eh={initial:{y:-100,rotate:-90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},Ph={initial:{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}},Ah={initial:{y:100,rotate:90,opacity:0},visibleOnce:{y:0,rotate:0,opacity:1}},$h={initial:{x:-100,opacity:0},enter:{x:0,opacity:1}},Mh={initial:{x:-100,opacity:0},visible:{x:0,opacity:1}},Sh={initial:{x:-100,opacity:0},visibleOnce:{x:0,opacity:1}},Ih={initial:{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:{y:-100,opacity:0},enter:{y:0,opacity:1}},Nh={initial:{y:-100,opacity:0},visible:{y:0,opacity:1}},zh={initial:{y:-100,opacity:0},visibleOnce:{y:0,opacity:1}},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}},ni={__proto__:null,fade:ph,fadeVisible:bh,fadeVisibleOnce:vh,pop:mh,popVisible:hh,popVisibleOnce:gh,rollBottom:Ph,rollLeft:_h,rollRight:wh,rollTop:qh,rollVisibleBottom:Th,rollVisibleLeft:yh,rollVisibleOnceBottom:Ah,rollVisibleOnceLeft:xh,rollVisibleOnceRight:Oh,rollVisibleOnceTop:Eh,rollVisibleRight:jh,rollVisibleTop:Ch,slideBottom:Rh,slideLeft:$h,slideRight:Ih,slideTop:Fh,slideVisibleBottom:Dh,slideVisibleLeft:Mh,slideVisibleOnceBottom:Uh,slideVisibleOnceLeft:Sh,slideVisibleOnceRight:kh,slideVisibleOnceTop:zh,slideVisibleRight:Lh,slideVisibleTop:Nh},Vh=Yl({props:{is:{type:[String,Object],required:!1},preset:{type:String,required:!1},instance:{type:Object,required:!1},variants:{type:Object,required:!1},initial:{type:Object,required:!1},enter:{type:Object,required:!1},leave:{type:Object,required:!1},visible:{type:Object,required:!1},visibleOnce:{type:Object,required:!1},hovered:{type:Object,required:!1},tapped:{type:Object,required:!1},focused:{type:Object,required:!1},delay:{type:[Number,String],required:!1}},setup(e){var r;const t=dc(),s=kt({});if(!e.is&&!t.default)return()=>Bn("div",{});const n=tt(()=>{let l;return e.preset&&(l=ni[e.preset]),l}),i=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})),o=tt(()=>{const l={...i.value,...n.value||{},...e.variants||{}};return e.delay&&(l.enter.transition={...l.enter.transition},l.enter.transition.delay=parseInt(e.delay)),l}),a=tt(()=>{if(!e.is)return;let l=e.is;return typeof a.value=="string"&&!Jr(l)&&(l=va(l)),l});if(((r=process==null?void 0:process.env)==null?void 0:r.NODE_ENV)==="development"||process!=null&&process.dev){const l=c=>{var d;(d=c.variants)!=null&&d.initial&&c.set("initial"),setTimeout(()=>{var p,v,g;(p=c.variants)!=null&&p.enter&&c.apply("enter"),(v=c.variants)!=null&&v.visible&&c.apply("visible"),(g=c.variants)!=null&&g.visibleOnce&&c.apply("visibleOnce")},10)};ba(()=>Object.entries(s).forEach(([c,d])=>l(d)))}return{slots:t,component:a,motionConfig:o,instances:s}},render({slots:e,motionConfig:t,instances:s,component:n}){var r;const i=Ar(t.initial||{}),o=(l,c)=>(l.props||(l.props={}),l.props.style=i,l.props.onVnodeMounted=({el:d})=>{const p=$r(d,t);s[c]=p},l);if(n){const l=Bn(n,void 0,e);return o(l,0),l}return(((r=e.default)==null?void 0:r.call(e))||[]).map((l,c)=>o(l,c))}});function Hh(e){const t="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;",s="aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------",n=new RegExp(t.split("").join("|"),"g");return e.toString().replace(/[A-Z]/g,i=>`-${i}`).toLowerCase().replace(/\s+/g,"-").replace(n,i=>s.charAt(t.indexOf(i))).replace(/&/g,"-and-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}const Bh={install(e,t){if(e.directive("motion",$n()),e.component("Motion",Vh),!t||t&&!t.excludePresets)for(const s in ni){const n=ni[s];e.directive(`motion-${Hh(s)}`,$n(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}`,$n(n))}}};var Kh=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Wh(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()})(Kh,function(){return function(s){function n(o){if(i[o])return i[o].exports;var a=i[o]={exports:{},id:o,loaded:!1};return s[o].call(a.exports,a,a.exports,n),a.loaded=!0,a.exports}var i={};return n.m=s,n.c=i,n.p="dist/",n(0)}([function(s,n,i){function o(S){return S&&S.__esModule?S:{default:S}}var a=Object.assign||function(S){for(var ce=1;ce0&&arguments[0]!==void 0&&arguments[0];if(S&&(oe=!0),oe)return W=(0,T.default)(W,A),(0,F.default)(W,A.once),W},J=function(){W=(0,U.default)(),B()},$=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){A=a(A,S),W=(0,U.default)();var ce=document.all&&!window.atob;return h(A.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. diff --git a/assets/index-35035a7d.css b/assets/index-62d17a85.css similarity index 95% rename from assets/index-35035a7d.css rename to assets/index-62d17a85.css index a7587be..cebbf13 100644 --- a/assets/index-35035a7d.css +++ b/assets/index-62d17a85.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-12710d86]{font-family:Montserrat,sans-serif}.container1[data-v-12710d86]{display:flex;flex-direction:column;text-align:center;position:fixed;right:0;left:0;top:0;z-index:10}.orange[data-v-12710d86]{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-12710d86],.menu-points img[data-v-12710d86]{height:1.5rem}nav[data-v-12710d86]{padding:1rem;text-align:center;display:flex;flex-direction:column}nav a[data-v-12710d86]{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-12710d86]:hover{transform:scale(1.03)}h1[data-v-12710d86]:hover{transform:scale(1.03)}nav a[data-v-12710d86]:first-of-type{border:0}h1[data-v-12710d86]{font-weight:700;font-size:1.15rem;color:#fff}.picto img[data-v-12710d86]{height:2.8rem;margin-top:3rem;margin-right:2rem;margin-left:2rem}.picto img[data-v-12710d86]:hover{transform:scale(1.08)}.blue[data-v-12710d86]{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-12710d86]{display:none}@media (min-width: 471px){h1[data-v-12710d86]{font-size:1.3rem}}@media (min-width: 768px){.menu-points[data-v-12710d86]{display:none}.picto[data-v-12710d86]{display:flex;flex-direction:row}.picto a[data-v-12710d86]{padding:0 .5rem}.picto img[data-v-12710d86]{height:1.6rem;margin-top:.5rem;margin-right:.5rem;margin-left:.5rem}nav a[data-v-12710d86]{padding:0 .7rem;border-left:1px solid #1c657c}.container1[data-v-12710d86]{display:grid;grid-template-columns:3fr 5fr;color:#fff;height:5.5rem}nav[data-v-12710d86]{padding:1rem 0}h1[data-v-12710d86]{font-weight:700;text-align:left}.orange[data-v-12710d86]{background-color:#1a1e36;display:flex;align-items:center;justify-content:left;height:fit-content;height:5.5rem}.blue[data-v-12710d86],.responsive[data-v-12710d86]{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-12710d86],.responsive a[data-v-12710d86]{display:block;font-size:1.1rem}}@media (min-width: 1135px){.container1[data-v-12710d86],.orange[data-v-12710d86],.blue[data-v-12710d86],.responsive[data-v-12710d86]{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-2d8f15bb]{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-2d8f15bb]{width:100%;z-index:1;color:#353051}h2[data-v-2d8f15bb]{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-2d8f15bb]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-2d8f15bb]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-2d8f15bb]{text-align:right;padding:.4rem 1.5rem 1rem 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-2d8f15bb],ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{font-weight:500;padding:0}ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{padding:0 0 0 2rem}button[data-v-2d8f15bb],button[data-v-2d8f15bb]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-2d8f15bb]{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-2d8f15bb]:before,button[data-v-2d8f15bb]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-2d8f15bb]:before,.btn[data-v-2d8f15bb]:before,.btn-rond[data-v-2d8f15bb]:after,.btn[data-v-2d8f15bb]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-2d8f15bb]:hover:after,.btn[data-v-2d8f15bb]:hover:after{width:100%}.btn-return[data-v-2d8f15bb]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-2d8f15bb]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-2d8f15bb]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-2d8f15bb]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-2d8f15bb]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-2d8f15bb]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-2d8f15bb]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-2d8f15bb]{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-2d8f15bb]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-2d8f15bb]{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-2d8f15bb]:hover{color:#fff;background-size:100% 100%}.merci[data-v-2d8f15bb]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-2d8f15bb]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-2d8f15bb]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-2d8f15bb]{box-shadow:none}.container-btn-retour[data-v-2d8f15bb]{padding:.2rem 1.5rem;width:100%}.slim-button[data-v-2d8f15bb]{padding:.2rem .8rem;font-size:.8rem;font-weight:500}@media (min-width: 768px){#topPage[data-v-2d8f15bb]{padding-top:7.5rem}.container1[data-v-2d8f15bb]{width:95%}.colonne1[data-v-2d8f15bb]{padding:.5rem 2rem}.espace-supp-colonne1[data-v-2d8f15bb]{padding:2rem 1.5rem}h5[data-v-2d8f15bb]{padding:.4rem 0 1.2rem}p[data-v-2d8f15bb],ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{margin:1rem 0rem;padding:0 2rem}ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{padding:0 2rem 0 4rem}.citation[data-v-2d8f15bb]{margin:1.5rem 1rem;padding:1rem 2rem}.container-btn-retour[data-v-2d8f15bb]{padding:0}}@media (min-width: 1135px){#topPage[data-v-2d8f15bb]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-2d8f15bb]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-2d8f15bb]{font-size:2.7rem}p[data-v-2d8f15bb],ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{padding:0 2rem 0 4rem}.citation[data-v-2d8f15bb]{margin:1.5rem 4rem;padding:1rem 2rem}}#topPage[data-v-4ff9180f]{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-4ff9180f]{width:100%;z-index:1;color:#353051}h2[data-v-4ff9180f]{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-4ff9180f]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-4ff9180f]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-4ff9180f]{text-align:right;padding:.4rem 1.5rem 1rem 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-4ff9180f],ul[data-v-4ff9180f],ol[data-v-4ff9180f]{font-weight:500;padding:0}ul[data-v-4ff9180f],ol[data-v-4ff9180f]{padding:0 0 0 2rem}button[data-v-4ff9180f],button[data-v-4ff9180f]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-4ff9180f]{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-4ff9180f]:before,button[data-v-4ff9180f]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-4ff9180f]:before,.btn[data-v-4ff9180f]:before,.btn-rond[data-v-4ff9180f]:after,.btn[data-v-4ff9180f]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-4ff9180f]:hover:after,.btn[data-v-4ff9180f]:hover:after{width:100%}.btn-return[data-v-4ff9180f]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-4ff9180f]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-4ff9180f]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-4ff9180f]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-4ff9180f]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-4ff9180f]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-4ff9180f]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-4ff9180f]{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-4ff9180f]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-4ff9180f]{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-4ff9180f]:hover{color:#fff;background-size:100% 100%}.merci[data-v-4ff9180f]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-4ff9180f]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-4ff9180f]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-4ff9180f]{box-shadow:none}.container-btn-retour[data-v-4ff9180f]{padding:.2rem 1.5rem;width:100%}.slim-button[data-v-4ff9180f]{padding:.2rem .8rem;font-size:.8rem;font-weight:500}@media (min-width: 768px){#topPage[data-v-4ff9180f]{padding-top:7.5rem}.container1[data-v-4ff9180f]{width:95%}.colonne1[data-v-4ff9180f]{padding:.5rem 2rem}.espace-supp-colonne1[data-v-4ff9180f]{padding:2rem 1.5rem}h5[data-v-4ff9180f]{padding:.4rem 0 1.2rem}p[data-v-4ff9180f],ul[data-v-4ff9180f],ol[data-v-4ff9180f]{margin:1rem 0rem;padding:0 2rem}ul[data-v-4ff9180f],ol[data-v-4ff9180f]{padding:0 2rem 0 4rem}.citation[data-v-4ff9180f]{margin:1.5rem 1rem;padding:1rem 2rem}.container-btn-retour[data-v-4ff9180f]{padding:0}}@media (min-width: 1135px){#topPage[data-v-4ff9180f]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-4ff9180f]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-4ff9180f]{font-size:2.7rem}p[data-v-4ff9180f],ul[data-v-4ff9180f],ol[data-v-4ff9180f]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-4ff9180f],ol[data-v-4ff9180f]{padding:0 2rem 0 4rem}.citation[data-v-4ff9180f]{margin:1.5rem 4rem;padding:1rem 2rem}}#topPage[data-v-6991eb10]{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-6991eb10]{width:100%;z-index:1;color:#353051}h2[data-v-6991eb10]{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-6991eb10]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-6991eb10]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-6991eb10]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-6991eb10],ul[data-v-6991eb10],ol[data-v-6991eb10]{font-weight:500;padding:0}ul[data-v-6991eb10],ol[data-v-6991eb10]{padding:0 0 0 2rem}button[data-v-6991eb10],button[data-v-6991eb10]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-6991eb10]{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-6991eb10]:before,button[data-v-6991eb10]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-6991eb10]:before,.btn[data-v-6991eb10]:before,.btn-rond[data-v-6991eb10]:after,.btn[data-v-6991eb10]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-6991eb10]:hover:after,.btn[data-v-6991eb10]:hover:after{width:100%}.btn-return[data-v-6991eb10]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-6991eb10]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-6991eb10]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-6991eb10]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-6991eb10]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-6991eb10]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-6991eb10]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-6991eb10]{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-6991eb10]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-6991eb10]{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-6991eb10]:hover{color:#fff;background-size:100% 100%}.merci[data-v-6991eb10]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-6991eb10]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-6991eb10]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-6991eb10]{box-shadow:none}#contexte[data-v-6991eb10],#analyse-existant[data-v-6991eb10],#test1[data-v-6991eb10],#modif-maquettes[data-v-6991eb10],#test2[data-v-6991eb10],#modif-maquettes2[data-v-6991eb10]{scroll-margin-top:10rem}.container-links[data-v-6991eb10]{width:100%;position:fixed;top:2rem;height:auto;z-index:3;display:flex;justify-content:center}.fixed-links[data-v-6991eb10]{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-6991eb10]{color:#353051;font-family:Montserrat;font-size:.9rem;font-weight:600;text-decoration:underline}.fixed-links p[data-v-6991eb10]{color:#353051;font-size:.9rem;margin:.7rem 0rem}.fixed-links a.active[data-v-6991eb10]{font-weight:700;text-decoration:none}.container-btn-retour[data-v-6991eb10]{padding:.2rem 1.5rem;width:100%}.slim-button[data-v-6991eb10]{padding:.2rem .8rem;font-size:.8rem;font-weight:500}@media (min-width: 768px){#topPage[data-v-6991eb10]{padding-top:7.5rem}.container1[data-v-6991eb10]{width:95%}.colonne1[data-v-6991eb10]{padding:.5rem 2rem}h5[data-v-6991eb10]{padding:.4rem 0 0}p[data-v-6991eb10],ul[data-v-6991eb10],ol[data-v-6991eb10]{margin:1rem 0rem;padding:0 2rem}ul[data-v-6991eb10],ol[data-v-6991eb10]{padding:0 2rem 0 4rem}.citation[data-v-6991eb10]{margin:1.5rem 1rem;padding:1rem 2rem}#contexte[data-v-6991eb10],#analyse-existant[data-v-6991eb10],#test1[data-v-6991eb10],#modif-maquettes[data-v-6991eb10],#test2[data-v-6991eb10],#modif-maquettes2[data-v-6991eb10]{scroll-margin-top:10rem}.container-links[data-v-6991eb10]{width:100%;position:fixed;top:4.5rem;height:auto;z-index:3;display:flex;justify-content:center}.fixed-links[data-v-6991eb10]{left:0;width:100%;background-color:#e7e4ff;display:flex;justify-content:center;align-items:center;z-index:2}.fixed-links a[data-v-6991eb10]{color:#353051;font-family:Montserrat;font-size:.9rem;font-weight:600;text-decoration:underline}.fixed-links p[data-v-6991eb10]{color:#353051;font-size:.9rem;margin:.7rem 0rem}.fixed-links a.active[data-v-6991eb10]{font-weight:700;text-decoration:none}.container-btn-retour[data-v-6991eb10]{padding:0}}@media (min-width: 1135px){#topPage[data-v-6991eb10]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-6991eb10]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-6991eb10]{font-size:2.7rem}p[data-v-6991eb10],ul[data-v-6991eb10],ol[data-v-6991eb10]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-6991eb10],ol[data-v-6991eb10]{padding:0 2rem 0 4rem}.citation[data-v-6991eb10]{margin:1.5rem 4rem;padding:1rem 2rem}#contexte[data-v-6991eb10],#analyse-existant[data-v-6991eb10],#test1[data-v-6991eb10],#modif-maquettes[data-v-6991eb10],#test2[data-v-6991eb10],#modif-maquettes2[data-v-6991eb10]{scroll-margin-top:7rem}.container-links[data-v-6991eb10]{top:2.7rem}}#topPage[data-v-b843323b]{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-b843323b]{width:100%;z-index:1;color:#353051}h2[data-v-b843323b]{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-b843323b]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-b843323b]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-b843323b]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-b843323b],ul[data-v-b843323b],ol[data-v-b843323b]{font-weight:500;padding:0}ul[data-v-b843323b],ol[data-v-b843323b]{padding:0 0 0 2rem}button[data-v-b843323b],button[data-v-b843323b]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-b843323b]{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-b843323b]:before,button[data-v-b843323b]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-b843323b]:before,.btn[data-v-b843323b]:before,.btn-rond[data-v-b843323b]:after,.btn[data-v-b843323b]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-b843323b]:hover:after,.btn[data-v-b843323b]:hover:after{width:100%}.btn-return[data-v-b843323b]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-b843323b]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-b843323b]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-b843323b]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-b843323b]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-b843323b]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-b843323b]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-b843323b]{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-b843323b]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-b843323b]{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-b843323b]:hover{color:#fff;background-size:100% 100%}.merci[data-v-b843323b]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-b843323b]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-b843323b]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-b843323b]{box-shadow:none}.paragraphe-mis-en-avant[data-v-b843323b]{color:#353051;padding-left:2rem;font-style:italic;font-size:1.1rem}.container-btn-retour[data-v-b843323b]{padding:.2rem 1.5rem;width:100%}.slim-button[data-v-b843323b]{padding:.2rem .8rem;font-size:.8rem;font-weight:500}@media (min-width: 768px){#topPage[data-v-b843323b]{padding-top:7.5rem}.container1[data-v-b843323b]{width:95%}.colonne1[data-v-b843323b]{padding:.5rem 2rem}h5[data-v-b843323b]{padding:.4rem 0 0}p[data-v-b843323b],ul[data-v-b843323b],ol[data-v-b843323b]{margin:1rem 0rem;padding:0 2rem}ul[data-v-b843323b],ol[data-v-b843323b]{padding:0 2rem 0 4rem}.citation[data-v-b843323b]{margin:1.5rem 1rem;padding:1rem 2rem}.container-btn-retour[data-v-b843323b]{padding:0}}@media (min-width: 1135px){#topPage[data-v-b843323b]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-b843323b]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-b843323b]{font-size:2.7rem}p[data-v-b843323b],ul[data-v-b843323b],ol[data-v-b843323b]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-b843323b],ol[data-v-b843323b]{padding:0 2rem 0 4rem}.citation[data-v-b843323b]{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-12710d86]{font-family:Montserrat,sans-serif}.container1[data-v-12710d86]{display:flex;flex-direction:column;text-align:center;position:fixed;right:0;left:0;top:0;z-index:10}.orange[data-v-12710d86]{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-12710d86],.menu-points img[data-v-12710d86]{height:1.5rem}nav[data-v-12710d86]{padding:1rem;text-align:center;display:flex;flex-direction:column}nav a[data-v-12710d86]{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-12710d86]:hover{transform:scale(1.03)}h1[data-v-12710d86]:hover{transform:scale(1.03)}nav a[data-v-12710d86]:first-of-type{border:0}h1[data-v-12710d86]{font-weight:700;font-size:1.15rem;color:#fff}.picto img[data-v-12710d86]{height:2.8rem;margin-top:3rem;margin-right:2rem;margin-left:2rem}.picto img[data-v-12710d86]:hover{transform:scale(1.08)}.blue[data-v-12710d86]{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-12710d86]{display:none}@media (min-width: 471px){h1[data-v-12710d86]{font-size:1.3rem}}@media (min-width: 768px){.menu-points[data-v-12710d86]{display:none}.picto[data-v-12710d86]{display:flex;flex-direction:row}.picto a[data-v-12710d86]{padding:0 .5rem}.picto img[data-v-12710d86]{height:1.6rem;margin-top:.5rem;margin-right:.5rem;margin-left:.5rem}nav a[data-v-12710d86]{padding:0 .7rem;border-left:1px solid #1c657c}.container1[data-v-12710d86]{display:grid;grid-template-columns:3fr 5fr;color:#fff;height:5.5rem}nav[data-v-12710d86]{padding:1rem 0}h1[data-v-12710d86]{font-weight:700;text-align:left}.orange[data-v-12710d86]{background-color:#1a1e36;display:flex;align-items:center;justify-content:left;height:fit-content;height:5.5rem}.blue[data-v-12710d86],.responsive[data-v-12710d86]{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-12710d86],.responsive a[data-v-12710d86]{display:block;font-size:1.1rem}}@media (min-width: 1135px){.container1[data-v-12710d86],.orange[data-v-12710d86],.blue[data-v-12710d86],.responsive[data-v-12710d86]{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-2d8f15bb]{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-2d8f15bb]{width:100%;z-index:1;color:#353051}h2[data-v-2d8f15bb]{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-2d8f15bb]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-2d8f15bb]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-2d8f15bb]{text-align:right;padding:.4rem 1.5rem 1rem 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-2d8f15bb],ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{font-weight:500;padding:0}ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{padding:0 0 0 2rem}button[data-v-2d8f15bb],button[data-v-2d8f15bb]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-2d8f15bb]{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-2d8f15bb]:before,button[data-v-2d8f15bb]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-2d8f15bb]:before,.btn[data-v-2d8f15bb]:before,.btn-rond[data-v-2d8f15bb]:after,.btn[data-v-2d8f15bb]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-2d8f15bb]:hover:after,.btn[data-v-2d8f15bb]:hover:after{width:100%}.btn-return[data-v-2d8f15bb]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-2d8f15bb]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-2d8f15bb]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-2d8f15bb]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-2d8f15bb]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-2d8f15bb]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-2d8f15bb]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-2d8f15bb]{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-2d8f15bb]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-2d8f15bb]{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-2d8f15bb]:hover{color:#fff;background-size:100% 100%}.merci[data-v-2d8f15bb]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-2d8f15bb]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-2d8f15bb]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-2d8f15bb]{box-shadow:none}.container-btn-retour[data-v-2d8f15bb]{padding:.2rem 1.5rem;width:100%}.slim-button[data-v-2d8f15bb]{padding:.2rem .8rem;font-size:.8rem;font-weight:500}@media (min-width: 768px){#topPage[data-v-2d8f15bb]{padding-top:7.5rem}.container1[data-v-2d8f15bb]{width:95%}.colonne1[data-v-2d8f15bb]{padding:.5rem 2rem}.espace-supp-colonne1[data-v-2d8f15bb]{padding:2rem 1.5rem}h5[data-v-2d8f15bb]{padding:.4rem 0 1.2rem}p[data-v-2d8f15bb],ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{margin:1rem 0rem;padding:0 2rem}ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{padding:0 2rem 0 4rem}.citation[data-v-2d8f15bb]{margin:1.5rem 1rem;padding:1rem 2rem}.container-btn-retour[data-v-2d8f15bb]{padding:0}}@media (min-width: 1135px){#topPage[data-v-2d8f15bb]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-2d8f15bb]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-2d8f15bb]{font-size:2.7rem}p[data-v-2d8f15bb],ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-2d8f15bb],ol[data-v-2d8f15bb]{padding:0 2rem 0 4rem}.citation[data-v-2d8f15bb]{margin:1.5rem 4rem;padding:1rem 2rem}}#topPage[data-v-4ff9180f]{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-4ff9180f]{width:100%;z-index:1;color:#353051}h2[data-v-4ff9180f]{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-4ff9180f]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-4ff9180f]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-4ff9180f]{text-align:right;padding:.4rem 1.5rem 1rem 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-4ff9180f],ul[data-v-4ff9180f],ol[data-v-4ff9180f]{font-weight:500;padding:0}ul[data-v-4ff9180f],ol[data-v-4ff9180f]{padding:0 0 0 2rem}button[data-v-4ff9180f],button[data-v-4ff9180f]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-4ff9180f]{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-4ff9180f]:before,button[data-v-4ff9180f]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-4ff9180f]:before,.btn[data-v-4ff9180f]:before,.btn-rond[data-v-4ff9180f]:after,.btn[data-v-4ff9180f]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-4ff9180f]:hover:after,.btn[data-v-4ff9180f]:hover:after{width:100%}.btn-return[data-v-4ff9180f]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-4ff9180f]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-4ff9180f]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-4ff9180f]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-4ff9180f]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-4ff9180f]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-4ff9180f]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-4ff9180f]{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-4ff9180f]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-4ff9180f]{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-4ff9180f]:hover{color:#fff;background-size:100% 100%}.merci[data-v-4ff9180f]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-4ff9180f]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-4ff9180f]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-4ff9180f]{box-shadow:none}.container-btn-retour[data-v-4ff9180f]{padding:.2rem 1.5rem;width:100%}.slim-button[data-v-4ff9180f]{padding:.2rem .8rem;font-size:.8rem;font-weight:500}@media (min-width: 768px){#topPage[data-v-4ff9180f]{padding-top:7.5rem}.container1[data-v-4ff9180f]{width:95%}.colonne1[data-v-4ff9180f]{padding:.5rem 2rem}.espace-supp-colonne1[data-v-4ff9180f]{padding:2rem 1.5rem}h5[data-v-4ff9180f]{padding:.4rem 0 1.2rem}p[data-v-4ff9180f],ul[data-v-4ff9180f],ol[data-v-4ff9180f]{margin:1rem 0rem;padding:0 2rem}ul[data-v-4ff9180f],ol[data-v-4ff9180f]{padding:0 2rem 0 4rem}.citation[data-v-4ff9180f]{margin:1.5rem 1rem;padding:1rem 2rem}.container-btn-retour[data-v-4ff9180f]{padding:0}}@media (min-width: 1135px){#topPage[data-v-4ff9180f]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-4ff9180f]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-4ff9180f]{font-size:2.7rem}p[data-v-4ff9180f],ul[data-v-4ff9180f],ol[data-v-4ff9180f]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-4ff9180f],ol[data-v-4ff9180f]{padding:0 2rem 0 4rem}.citation[data-v-4ff9180f]{margin:1.5rem 4rem;padding:1rem 2rem}}#topPage[data-v-6991eb10]{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-6991eb10]{width:100%;z-index:1;color:#353051}h2[data-v-6991eb10]{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-6991eb10]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-6991eb10]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-6991eb10]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-6991eb10],ul[data-v-6991eb10],ol[data-v-6991eb10]{font-weight:500;padding:0}ul[data-v-6991eb10],ol[data-v-6991eb10]{padding:0 0 0 2rem}button[data-v-6991eb10],button[data-v-6991eb10]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-6991eb10]{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-6991eb10]:before,button[data-v-6991eb10]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-6991eb10]:before,.btn[data-v-6991eb10]:before,.btn-rond[data-v-6991eb10]:after,.btn[data-v-6991eb10]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-6991eb10]:hover:after,.btn[data-v-6991eb10]:hover:after{width:100%}.btn-return[data-v-6991eb10]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-6991eb10]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-6991eb10]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-6991eb10]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-6991eb10]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-6991eb10]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-6991eb10]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-6991eb10]{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-6991eb10]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-6991eb10]{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-6991eb10]:hover{color:#fff;background-size:100% 100%}.merci[data-v-6991eb10]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-6991eb10]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-6991eb10]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-6991eb10]{box-shadow:none}#contexte[data-v-6991eb10],#analyse-existant[data-v-6991eb10],#test1[data-v-6991eb10],#modif-maquettes[data-v-6991eb10],#test2[data-v-6991eb10],#modif-maquettes2[data-v-6991eb10]{scroll-margin-top:10rem}.container-links[data-v-6991eb10]{width:100%;position:fixed;top:2rem;height:auto;z-index:3;display:flex;justify-content:center}.fixed-links[data-v-6991eb10]{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-6991eb10]{color:#353051;font-family:Montserrat;font-size:.9rem;font-weight:600;text-decoration:underline}.fixed-links p[data-v-6991eb10]{color:#353051;font-size:.9rem;margin:.7rem 0rem}.fixed-links a.active[data-v-6991eb10]{font-weight:700;text-decoration:none}.container-btn-retour[data-v-6991eb10]{padding:.2rem 1.5rem;width:100%}.slim-button[data-v-6991eb10]{padding:.2rem .8rem;font-size:.8rem;font-weight:500}@media (min-width: 768px){#topPage[data-v-6991eb10]{padding-top:7.5rem}.container1[data-v-6991eb10]{width:95%}.colonne1[data-v-6991eb10]{padding:.5rem 2rem}h5[data-v-6991eb10]{padding:.4rem 0 0}p[data-v-6991eb10],ul[data-v-6991eb10],ol[data-v-6991eb10]{margin:1rem 0rem;padding:0 2rem}ul[data-v-6991eb10],ol[data-v-6991eb10]{padding:0 2rem 0 4rem}.citation[data-v-6991eb10]{margin:1.5rem 1rem;padding:1rem 2rem}#contexte[data-v-6991eb10],#analyse-existant[data-v-6991eb10],#test1[data-v-6991eb10],#modif-maquettes[data-v-6991eb10],#test2[data-v-6991eb10],#modif-maquettes2[data-v-6991eb10]{scroll-margin-top:10rem}.container-links[data-v-6991eb10]{width:100%;position:fixed;top:4.5rem;height:auto;z-index:3;display:flex;justify-content:center}.fixed-links[data-v-6991eb10]{left:0;width:100%;background-color:#e7e4ff;display:flex;justify-content:center;align-items:center;z-index:2}.fixed-links a[data-v-6991eb10]{color:#353051;font-family:Montserrat;font-size:.9rem;font-weight:600;text-decoration:underline}.fixed-links p[data-v-6991eb10]{color:#353051;font-size:.9rem;margin:.7rem 0rem}.fixed-links a.active[data-v-6991eb10]{font-weight:700;text-decoration:none}.container-btn-retour[data-v-6991eb10]{padding:0}}@media (min-width: 1135px){#topPage[data-v-6991eb10]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-6991eb10]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-6991eb10]{font-size:2.7rem}p[data-v-6991eb10],ul[data-v-6991eb10],ol[data-v-6991eb10]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-6991eb10],ol[data-v-6991eb10]{padding:0 2rem 0 4rem}.citation[data-v-6991eb10]{margin:1.5rem 4rem;padding:1rem 2rem}#contexte[data-v-6991eb10],#analyse-existant[data-v-6991eb10],#test1[data-v-6991eb10],#modif-maquettes[data-v-6991eb10],#test2[data-v-6991eb10],#modif-maquettes2[data-v-6991eb10]{scroll-margin-top:7rem}.container-links[data-v-6991eb10]{top:2.7rem}}#topPage[data-v-5027e0b5]{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-5027e0b5]{width:100%;z-index:1;color:#353051}h2[data-v-5027e0b5]{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-5027e0b5]{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.6rem;letter-spacing:.05rem;display:inline}.titre-phase[data-v-5027e0b5]{margin-top:1rem;padding:0 2rem;box-shadow:inset 1.2rem 0 #353051}h5[data-v-5027e0b5]{text-align:right;padding:.4rem 1.5rem 0 0;font-size:1rem;font-style:italic;color:#676767;font-weight:600}p[data-v-5027e0b5],ul[data-v-5027e0b5],ol[data-v-5027e0b5]{font-weight:500;padding:0}ul[data-v-5027e0b5],ol[data-v-5027e0b5]{padding:0 0 0 2rem}button[data-v-5027e0b5],button[data-v-5027e0b5]:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}button[data-v-5027e0b5]{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-5027e0b5]:before,button[data-v-5027e0b5]:after{border-radius:2rem;background-color:#39335a;content:"";position:absolute;z-index:-1}.btn-rond[data-v-5027e0b5]:before,.btn[data-v-5027e0b5]:before,.btn-rond[data-v-5027e0b5]:after,.btn[data-v-5027e0b5]:after{height:100%;left:0;top:0;width:0}.btn-rond[data-v-5027e0b5]:hover:after,.btn[data-v-5027e0b5]:hover:after{width:100%}.btn-return[data-v-5027e0b5]{display:flex;justify-content:right;width:100%;position:absolute;bottom:2rem;right:1.5rem}.btn-rond[data-v-5027e0b5]{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:flex-start;z-index:4}.container1[data-v-5027e0b5]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1;height:fit-content}.bloc-phase[data-v-5027e0b5]{width:100%;display:flex;flex-direction:column;margin:1rem 0}.colonne1[data-v-5027e0b5]{background-color:#fff;height:fit-content;width:100%;padding:1rem 1.5rem}.colonne2[data-v-5027e0b5]{width:100%;padding-bottom:0;height:fit-content;display:flex;justify-content:center;flex-direction:column}img[data-v-5027e0b5]{max-width:100%;height:100%;object-fit:contain;box-shadow:#0003 0 0 .8rem;margin:.5rem 0}.citation[data-v-5027e0b5]{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-5027e0b5]{margin:0;padding:0;font-weight:400;font-size:1.2rem;font-style:italic}.link-text[data-v-5027e0b5]{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-5027e0b5]:hover{color:#fff;background-size:100% 100%}.merci[data-v-5027e0b5]{background:rgb(245,247,255);border-radius:.7rem;padding:.7rem;margin:3rem 0}.merci p[data-v-5027e0b5]{text-align:center;font-size:1.2rem;font-weight:700}.liens-autres-projets[data-v-5027e0b5]{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.no-box-shadow[data-v-5027e0b5]{box-shadow:none}.paragraphe-mis-en-avant[data-v-5027e0b5]{color:#353051;padding-left:2rem;font-style:italic;font-size:1.1rem}.container-btn-retour[data-v-5027e0b5]{padding:.2rem 1.5rem;width:100%}.slim-button[data-v-5027e0b5]{padding:.2rem .8rem;font-size:.8rem;font-weight:500}@media (min-width: 768px){#topPage[data-v-5027e0b5]{padding-top:7.5rem}.container1[data-v-5027e0b5]{width:95%}.colonne1[data-v-5027e0b5]{padding:.5rem 2rem}h5[data-v-5027e0b5]{padding:.4rem 0 0}p[data-v-5027e0b5],ul[data-v-5027e0b5],ol[data-v-5027e0b5]{margin:1rem 0rem;padding:0 2rem}ul[data-v-5027e0b5],ol[data-v-5027e0b5]{padding:0 2rem 0 4rem}.citation[data-v-5027e0b5]{margin:1.5rem 1rem;padding:1rem 2rem}.container-btn-retour[data-v-5027e0b5]{padding:0}}@media (min-width: 1135px){#topPage[data-v-5027e0b5]{height:100%;min-height:100vh;padding-top:6rem;padding-bottom:2rem}.container1[data-v-5027e0b5]{display:flex;flex-direction:column;justify-content:center;max-width:1135px;z-index:1}h2[data-v-5027e0b5]{font-size:2.7rem}p[data-v-5027e0b5],ul[data-v-5027e0b5],ol[data-v-5027e0b5]{margin:1.5rem 0rem;padding:0 2rem}ul[data-v-5027e0b5],ol[data-v-5027e0b5]{padding:0 2rem 0 4rem}.citation[data-v-5027e0b5]{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 091330b..24fc92c 100644 --- a/index.html +++ b/index.html @@ -14,8 +14,8 @@ rel="stylesheet"> - - + +