├── .gitattributes ├── .gitignore ├── .htmlnanorc ├── LICENSE ├── README.md ├── dist ├── cover.b217f915.jpg ├── favicon.a64e97b2.ico ├── img1.034c338c.jpg ├── img2.59037730.jpg ├── img3.840b6071.jpg ├── index.01b4f97a.css ├── index.b5e7c14d.js ├── index.e9a2d1b4.js └── index.html ├── package.json └── src ├── css └── base.css ├── favicon.ico ├── img ├── cover.jpg ├── img1.jpg ├── img2.jpg └── img3.jpg ├── index.html └── js └── index.js /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .cache 3 | .parcel-cache 4 | package-lock.json -------------------------------------------------------------------------------- /.htmlnanorc: -------------------------------------------------------------------------------- 1 | { 2 | "minifySvg": false 3 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2009 - 2021 [Codrops](https://tympanus.net/codrops) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Expanding Rounded Menu Animation 2 | 3 | An expanding menu animation with a cover unreveal effect in the background. Inspired by [Ruslan Siiz's](https://dribbble.com/RuslanSiiz) Dribbble shot ["365 Magazine"](https://dribbble.com/shots/17048839-365-Magazine). 4 | 5 | ![Expanding Rounded Menu Animation](https://tympanus.net/codrops/wp-content/uploads/2022/03/ExpandingRoundedMenu.jpg) 6 | 7 | [Article on Codrops](https://tympanus.net/codrops/?p=59320) 8 | 9 | [Demo](http://tympanus.net/Development/ExpandingRoundedMenu/) 10 | 11 | 12 | ## Installation 13 | 14 | Install dependencies: 15 | 16 | ``` 17 | npm install 18 | ``` 19 | 20 | Compile the code for development and start a local server: 21 | 22 | ``` 23 | npm start 24 | ``` 25 | 26 | Create the build: 27 | 28 | ``` 29 | npm run build 30 | ``` 31 | 32 | ## Credits 33 | 34 | - Images from [Unsplash](https://unsplash.com/) 35 | 36 | ## Misc 37 | 38 | Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/) 39 | 40 | ## License 41 | [MIT](LICENSE) 42 | 43 | Made with :blue_heart: by [Codrops](http://www.codrops.com) 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /dist/cover.b217f915.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/dist/cover.b217f915.jpg -------------------------------------------------------------------------------- /dist/favicon.a64e97b2.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/dist/favicon.a64e97b2.ico -------------------------------------------------------------------------------- /dist/img1.034c338c.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/dist/img1.034c338c.jpg -------------------------------------------------------------------------------- /dist/img2.59037730.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/dist/img2.59037730.jpg -------------------------------------------------------------------------------- /dist/img3.840b6071.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/dist/img3.840b6071.jpg -------------------------------------------------------------------------------- /dist/index.01b4f97a.css: -------------------------------------------------------------------------------- 1 | *,:after,:before{box-sizing:border-box}:root{font-size:17px}body{--color-text:#fff;--color-text-menu:#000;--color-text-frame:#817f7f;--color-bg:#0c0c0c;--color-bg-menu:#ee8233;--color-link:#fff;--color-link-hover:#fff;--color-link-menu:#000;--color-link-social:#ca5d2b;--border-radius:2rem;--menu-padding:1rem;--color-text-title:#ee8233;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:acumin-pro,sans-serif;margin:0}body #cdawrap{margin-left:auto}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:var(--color-link);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:var(--color-link);text-decoration:none}a,a:hover{outline:none}a:hover{color:var(--color-link-hover)}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:transparent}a:focus-visible{background:transparent;outline:2px solid red;outline-offset:-2px}.hover-line{display:inline-block;overflow:hidden;position:relative;white-space:nowrap}.hover-line:before{background:currentColor;content:"";height:1px;position:absolute;top:92%;transform-origin:0 50%;transition:transform .3s;width:100%}.hover-line:hover:before{transform:scaleX(0);transform-origin:100% 50%}.unbutton{background:none;border:0;cursor:pointer;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}main{display:grid;height:100vh;overflow:hidden;width:100%}.frame{bottom:0;color:var(--color-text-frame);font-size:.75rem;padding:.5rem 5vw;position:fixed;text-transform:uppercase;width:100%;z-index:50}.frame__title{font-size:inherit;font-weight:400;margin:0 0 1rem}.frame__title em{color:var(--color-bg-menu);font-weight:400}.frame__links{display:inline-block}.frame__links a:not(:last-child){margin-right:1rem}.content{grid-column-gap:7vw;display:grid;grid-area:1/1/2/2;grid-template-areas:"... img-main img-main ..." "... img-main img-main ..." "img-left img-main img-main title-right" "img-left img-main img-main img-right" "title-left img-main img-main img-right" "title-left img-main img-main img-right";grid-template-columns:18% 1fr 1fr 18%;grid-template-rows:10vh 15vh auto 1fr auto 1fr;height:100vh;overflow:hidden;width:100%}.content__img{background-position:50% 20%;background-size:cover;position:relative;will-change:transform}.content__img--left{grid-area:img-left}.content__img--main{grid-area:img-main}.content__title{color:var(--color-text-title);font-family:kudryashev-d-excontrast-sans,sans-serif;font-weight:300;line-height:1;margin:0;position:relative;will-change:transform;z-index:10}.content__title--left{font-size:4vw;grid-area:title-left;justify-self:end;margin-top:2rem}.content__title--main{align-content:center;display:grid;font-size:20vh;grid-area:img-main;grid-template-areas:"letter-1 ..." "... letter-3" "letter-2 ..." "... letter-4";grid-template-rows:repeat(4,17vh);justify-items:center;line-height:1;padding:20vh 0 10vh}.content__title--main span{display:block}.content__title--main span:first-child{grid-area:letter-1}.content__title--main span:nth-child(2){grid-area:letter-2}.content__title--main span:nth-child(3){grid-area:letter-3}.content__title--main span:nth-child(4){grid-area:letter-4}.content__img--right{grid-area:img-right}.content__title--right{font-size:6.5vw;grid-area:title-right}.content__description{align-self:center;font-style:italic;grid-area:2/3/3/5;justify-self:center;line-height:1;max-width:400px;text-transform:uppercase;z-index:10}.cover-wrap{pointer-events:none;z-index:100}.cover,.cover-wrap{display:grid;grid-area:1/1/2/2}.cover{overflow:hidden;transform:translateY(-100%)}.cover__inner{background-position:50% 50%;background-size:cover;transform:translateY(100%)}.cover,.cover-wrap,.cover__inner{will-change:transform}.menu{bottom:1rem;color:var(--color-text-menu);display:grid;grid-template-areas:"top" "content";grid-template-rows:3rem 1fr;left:1rem;opacity:.9;pointer-events:none;position:absolute;right:1rem;top:1rem;z-index:100}.menu--open,.menu__top{pointer-events:auto}.menu__top{align-items:center;background:var(--color-bg-menu);border-radius:var(--border-radius);display:grid;grid-area:top;grid-template-areas:"title nav search";grid-template-columns:auto 1fr auto;justify-content:space-between;padding:0 var(--menu-padding);z-index:100}.menu__content-wrap{grid-area:content;margin-top:-1.35rem;overflow:hidden;position:relative}.menu__content{background:var(--color-bg-menu);border-radius:0 0 var(--border-radius) var(--border-radius);display:grid;grid-template-areas:"links links back" "tagline tagline tagline";grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;height:100%;justify-content:space-between;overflow:hidden;padding:0 var(--menu-padding);padding-bottom:1rem;transform:translateY(-100%);will-change:transform}.menu__back{align-self:start;grid-area:back;height:90px;margin-top:calc(5.5vh + 2rem);position:relative}.menu__back svg{fill:#000;display:block;height:100%;max-height:201px;transition:transform .3s}.menu__back:focus svg,.menu__back:hover svg{transform:translateY(-10px)}.menu__title{align-self:center;font-size:1.65rem;grid-area:title;justify-self:start;line-height:.5;margin:.15rem 0 0;text-transform:uppercase}.menu__tagline,.menu__title{font-family:kudryashev-d-excontrast-sans,sans-serif;font-weight:300;position:relative}.menu__tagline{align-self:end;font-size:6vw;grid-area:tagline;line-height:.8;margin:0;will-change:transform}.menu__nav-top{grid-area:nav;height:1.75rem;justify-self:center;overflow:hidden}.menu__nav-top a{margin:0 1rem}.menu__nav-content{align-self:start;display:flex;flex-wrap:wrap;grid-area:links;margin-top:5.5vh}.column{align-items:flex-start;display:flex;flex-direction:column;margin:0 1rem;min-width:15ch}.column__title{margin:1.5rem 0 .5rem}.menu__side{align-self:center;grid-area:search;justify-self:end;position:relative}.menu__social{align-items:flex-end;display:none;flex-direction:column;grid-area:social;justify-content:flex-end;position:relative}.menu__social-link{color:var(--color-link-social)}.menu__social-author,.menu__social-link:focus,.menu__social-link:hover{color:var(--color-link-menu)}.menu__social-author{font-family:kudryashev-d-excontrast-sans,sans-serif;font-size:2.5vw;font-weight:300;margin-top:2rem;will-change:transform}.menu__social-author:focus,.menu__social-author:hover{color:var(--color-link-social)}.search{white-space:nowrap}.search svg{margin-left:1rem;width:13px}.line-link{cursor:pointer;display:inline-block;overflow:hidden;position:relative;white-space:nowrap}.line-link,.line-link:focus,.line-link:hover{color:var(--color-link-menu)}.line-link:before{background:currentColor;content:"";height:1px;position:absolute;top:92%;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s;width:100%}.line-link:hover:before{transform:scaleX(1);transform-origin:100% 50%}@media screen and (min-width:55.5em){body{--menu-padding:2rem}.frame{display:flex}.frame__links{margin:0 0 0 2rem}.menu{bottom:2rem;left:3rem;right:3rem;top:2rem}.menu__top{grid-template-areas:"title ... nav ... search"}.menu__content,.menu__top{grid-template-columns:5rem 10% minmax(200px,417px) 10% 5rem}.menu__content{grid-template-areas:"... ... links back ..." "tagline tagline social social social";grid-template-rows:1fr 10vh}.menu__tagline{font-size:17.5vw;font-size:clamp(1.5rem,17.5vh,8rem)}.menu__back{height:200px;margin-top:calc(5.5vh + 1.5rem)}.menu__social{display:flex}} -------------------------------------------------------------------------------- /dist/index.b5e7c14d.js: -------------------------------------------------------------------------------- 1 | !function(){function t(t){return function(t){if(Array.isArray(t)){for(var e=0,r=new Array(t.length);et._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t},qt=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},Yt=function t(e){return!e||e._ts&&t(e.parent)},Ut=function(t){return t._repeat?Nt(t._tTime,t=t.duration()+t._rDelay)*t:0},Nt=function(t,e){var r=Math.floor(t/=e);return t&&r===t?r-1:r},Xt=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},Vt=function(t){return t._end=At(t._start+(t._tDur/Math.abs(t._ts||t._rts||F)||0))},jt=function(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=At(r._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Vt(t),r._dirty||It(r,t)),t},Gt=function(t,e){var r;if((e._time||e._initted&&!e._dur)&&(r=Xt(t.rawTime(),e),(!e._dur||ne(0,e.totalDuration(),r)-e._tTime>F)&&e.render(r,!0)),It(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur=0&&r.totalTime(r._tTime),r=r._dp;t._zTime=-1e-8}},Wt=function(t,e,r,i){return e.parent&&Lt(e),e._start=At((V(r)?r:r||t!==s?ee(t,r,e):t._time)+e._delay),e._end=At(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),function(t,e,r,i,n){void 0===r&&(r="_first"),void 0===i&&(i="_last");var s,a=t[i];if(n)for(s=e[n];a&&a[n]>s;)a=a._prev;a?(e._next=a._next,a._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[i]=e,e._prev=a,e.parent=e._dp=t}(t,e,"_first","_last",t._sort?"_start":0),$t(e)||(t._recent=e),i||Gt(t,e),t},Qt=function(t,e){return(st.ScrollTrigger||ut("scrollTrigger",e))&&st.ScrollTrigger.create(e,t)},Ht=function(t,e,r,i){return $e(t,e),t._initted?!r&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&l!==Pe.frame?(pt.push(t),t._lazy=[e,i],1):void 0:1},Zt=function t(e){var r=e.parent;return r&&r._ts&&r._initted&&!r._lock&&(r.rawTime()<0||t(r))},$t=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},Jt=function(t,e,r,i){var n=t._repeat,s=At(e)||0,a=t._tTime/t._tDur;return a&&!i&&(t._time*=s/t._dur),t._dur=s,t._tDur=n?n<0?1e10:At(s*(n+1)+t._rDelay*n):s,a>0&&!i?jt(t,t._tTime=t._tDur*a):t.parent&&Vt(t),r||It(t.parent,t),t},Kt=function(t){return t instanceof Ge?It(t):Jt(t,t._dur)},te={_start:0,endTime:ft,totalDuration:ft},ee=function t(e,r,i){var n,s,a,o=e.labels,u=e._recent||te,h=e.duration()>=E?u.endTime(!1):e._dur;return N(r)&&(isNaN(r)||r in o)?(s=r.charAt(0),a="%"===r.substr(-1),n=r.indexOf("="),"<"===s||">"===s?(n>=0&&(r=r.replace(/=/,"")),("<"===s?u._start:u.endTime(u._repeat>=0))+(parseFloat(r.substr(1))||0)*(a?(n<0?u:i).totalDuration()/100:1)):n<0?(r in o||(o[r]=h),o[r]):(s=parseFloat(r.charAt(n-1)+r.substr(n+1)),a&&i&&(s=s/100*($(i)?i[0]:i).totalDuration()),n>1?t(e,r.substr(0,n-1),i)+s:h+s)):null==r?h:+r},re=function(t,e,r){var i,n,s=V(e[1]),a=(s?2:1)+(t<2?0:1),o=e[a];if(s&&(o.duration=e[1]),o.parent=r,t){for(i=o,n=r;n&&!("immediateRender"in i);)i=n.vars.defaults||{},n=W(n.vars.inherit)&&n.parent;o.immediateRender=W(i.immediateRender),t<2?o.runBackwards=1:o.startAt=e[a-1]}return new rr(e[0],o,e[a+1])},ie=function(t,e){return t||0===t?e(t):e},ne=function(t,e,r){return re?e:r},se=function(t,e){return N(t)&&(e=nt.exec(t))?t.substr(e.index+e[0].length):""},ae=[].slice,oe=function(t,e){return t&&G(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&G(t[0]))&&!t.nodeType&&t!==a},ue=function(t,e,r){return void 0===r&&(r=[]),t.forEach((function(t){var i;return N(t)&&!e||oe(t,1)?(i=r).push.apply(i,he(t)):r.push(t)}))||r},he=function(t,e,r){return!N(t)||r||!o&&ze()?$(t)?ue(t,r):oe(t)?ae.call(t,0):t?[t]:[]:ae.call((e||u).querySelectorAll(t),0)},le=function(t){return t.sort((function(){return.5-Math.random()}))},fe=function(t){if(X(t))return t;var e=G(t)?t:{each:t},r=qe(e.ease),i=e.from||0,n=parseFloat(e.base)||0,s={},a=i>0&&i<1,o=isNaN(i)||a,u=e.axis,h=i,l=i;return N(i)?h=l={center:.5,edges:.5,end:1}[i]||0:!a&&o&&(h=i[0],l=i[1]),function(t,a,f){var c,p,_,d,m,g,v,y,T,x=(f||e).length,b=s[x];if(!b){if(!(T="auto"===e.grid?0:(e.grid||[1,E])[1])){for(v=-1e8;v<(v=f[T++].getBoundingClientRect().left)&&Tv&&(v=m),mx?x-1:u?"y"===u?x/T:T:Math.max(T,x/T))||0)*("edges"===i?-1:1),b.b=x<0?n-x:n,b.u=se(e.amount||e.each)||0,r=r&&x<0?Le(r):r}return x=(b[t]-b.min)/b.max||0,At(b.b+(r?r(x):x)*b.v)+b.u}},ce=function(t){var e=Math.pow(10,((t+"").split(".")[1]||"").length);return function(r){var i=Math.round(parseFloat(r)/t)*t*e;return(i-i%1)/e+(V(r)?0:se(r))}},pe=function(t,e){var r,i,n=$(t);return!n&&G(t)&&(r=n=t.radius||E,t.values?(t=he(t.values),(i=!V(t[0]))&&(r*=r)):t=ce(t.increment)),ie(e,n?X(t)?function(e){return i=t(e),Math.abs(i-e)<=r?i:e}:function(e){for(var n,s,a=parseFloat(i?e.x:e),o=parseFloat(i?e.y:0),u=E,h=0,l=t.length;l--;)(n=i?(n=t[l].x-a)*n+(s=t[l].y-o)*s:Math.abs(t[l]-a))(n=Math.abs(n))&&(s=i,o=n);return s},ye=function(t,e,r){var i,n,s=t.vars,a=s[e];if(a)return i=s[e+"Params"],n=s.callbackScope||t,r&&pt.length&&kt(),i?a.apply(n,i):a.call(n)},Te=function(t){return Lt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&ye(t,"onInterrupt"),t},xe=function(t){var e=(t=!t.name&&t.default||t).name,r=X(t),i=e&&!r&&t.init?function(){this._props=[]}:t,n={init:ft,render:fr,add:He,kill:pr,modifier:cr,rawVars:0},s={targetTest:0,get:0,getSetter:or,aliases:{},register:0};if(ze(),t!==i){if(dt[e])return;Pt(i,Pt(Et(t,n),s)),zt(i.prototype,zt(n,Et(t,s))),dt[i.prop=e]=i,t.targetTest&&(vt.push(i),ct[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}lt(e,i),t.register&&t.register(Tr,i,mr)},be=255,we={aqua:[0,be,be],lime:[0,be,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,be],navy:[0,0,128],white:[be,be,be],olive:[128,128,0],yellow:[be,be,0],orange:[be,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[be,0,0],pink:[be,192,203],cyan:[0,be,be],transparent:[be,be,be,0]},Oe=function(t,e,r){return(6*(t+=t<0?1:t>1?-1:0)<1?e+(r-e)*t*6:t<.5?r:3*t<2?e+(r-e)*(2/3-t)*6:e)*be+.5|0},Ae=function(t,e,r){var i,n,s,a,o,u,h,l,f,c,p=t?V(t)?[t>>16,t>>8&be,t&be]:0:we.black;if(!p){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),we[t])p=we[t];else if("#"===t.charAt(0)){if(t.length<6&&(i=t.charAt(1),n=t.charAt(2),s=t.charAt(3),t="#"+i+i+n+n+s+s+(5===t.length?t.charAt(4)+t.charAt(4):"")),9===t.length)return[(p=parseInt(t.substr(1,6),16))>>16,p>>8&be,p&be,parseInt(t.substr(7),16)/255];p=[(t=parseInt(t.substr(1),16))>>16,t>>8&be,t&be]}else if("hsl"===t.substr(0,3))if(p=c=t.match(J),e){if(~t.indexOf("="))return p=t.match(K),r&&p.length<4&&(p[3]=1),p}else a=+p[0]%360/360,o=+p[1]/100,i=2*(u=+p[2]/100)-(n=u<=.5?u*(o+1):u+o-u*o),p.length>3&&(p[3]*=1),p[0]=Oe(a+1/3,i,n),p[1]=Oe(a,i,n),p[2]=Oe(a-1/3,i,n);else p=t.match(J)||we.transparent;p=p.map(Number)}return e&&!c&&(i=p[0]/be,n=p[1]/be,s=p[2]/be,u=((h=Math.max(i,n,s))+(l=Math.min(i,n,s)))/2,h===l?a=o=0:(f=h-l,o=u>.5?f/(2-h-l):f/(h+l),a=h===i?(n-s)/f+(nT&&(b+=a-x),((r=(n=(w+=a)-b)-A)>0||o)&&(s=++m.frame,g=n-1e3*m.time,m.time=n/=1e3,A+=r+(r>=O?4:O-r),i=1),o||(p=_(t)),i)for(v=0;v=e&&v--},_listeners:M=[]}),ze=function(){return!c&&Pe.wake()},Re={},Ee=/^[\d.\-M][\d.\-,\s]/,Fe=/["']/g,Be=function(t){for(var e,r,i,n={},s=t.substr(1,t.length-3).split(":"),a=s[0],o=1,u=s.length;o1&&a.config?a.config.apply(null,~t.indexOf("{")?[Be(s[1])]:(e=t,r=e.indexOf("(")+1,i=e.indexOf(")"),n=e.indexOf("(",r),e.substring(r,~n&&n=1?r:1,s=(i||(e?.3:.45))/(r<1?r:1),a=s/B*(Math.asin(1/n)||0),o=function(t){return 1===t?1:n*Math.pow(2,-10*t)*U((t-a)*s)+1},u="out"===e?o:"in"===e?function(t){return 1-o(1-t)}:Ue(o);return s=B/s,u.config=function(r,i){return t(e,r,i)},u},Xe=function t(e,r){void 0===r&&(r=1.70158);var i=function(t){return t?--t*t*((r+1)*t+r)+1:0},n="out"===e?i:"in"===e?function(t){return 1-i(1-t)}:Ue(i);return n.config=function(r){return t(e,r)},n};wt("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var r=e<5?e+1:e;Ye(t+",Power"+(r-1),e?function(t){return Math.pow(t,r)}:function(t){return t},(function(t){return 1-Math.pow(1-t,r)}),(function(t){return t<.5?Math.pow(2*t,r)/2:1-Math.pow(2*(1-t),r)/2}))})),Re.Linear.easeNone=Re.none=Re.Linear.easeIn,Ye("Elastic",Ne("in"),Ne("out"),Ne()),C=7.5625,S=1/(D=2.75),Ye("Bounce",(function(t){return 1-P(1-t)}),P=function(t){return t0?t+(t+this._rDelay)*this._repeat:t):this.totalDuration()&&this._dur},e.totalDuration=function(t){return arguments.length?(this._dirty=0,Jt(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(ze(),!arguments.length)return this._tTime;var r=this._dp;if(r&&r.smoothChildTiming&&this._ts){for(jt(this,t),!r._dp||r.parent||Gt(r,this);r&&r.parent;)r.parent._time!==r._start+(r._ts>=0?r._tTime/r._ts:(r.totalDuration()-r._tTime)/-r._ts)&&r.totalTime(r._tTime,!0),r=r.parent;!this.parent&&this._dp.autoRemoveChildren&&(this._ts>0&&t0||!this._tDur&&!t)&&Wt(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&Math.abs(this._zTime)===F||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),Ct(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Ut(this))%(this._dur+this._rDelay)||(t?this._dur:0),e):this._time},e.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):this.ratio},e.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+Ut(this),e):this.duration()?Math.min(1,this._time/this._dur):this.ratio},e.iteration=function(t,e){var r=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*r,e):this._repeat?Nt(this._tTime,r)+1:1},e.timeScale=function(t){if(!arguments.length)return-1e-8===this._rts?0:this._rts;if(this._rts===t)return this;var e=this.parent&&this._ts?Xt(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,qt(this.totalTime(ne(-this._delay,this._tDur,e),!0)),Vt(this),this},e.paused=function(t){return arguments.length?(this._ps!==t&&(this._ps=t,t?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(ze(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&Math.abs(this._zTime)!==F&&(this._tTime-=F)))),this):this._ps},e.startTime=function(t){if(arguments.length){this._start=t;var e=this.parent||this._dp;return e&&(e._sort||!this.parent)&&Wt(e,this,t-this._delay),this}return this._start},e.endTime=function(t){return this._start+(W(t)?this.totalDuration():this.duration())/Math.abs(this._ts||1)},e.rawTime=function(t){var e=this.parent||this._dp;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?Xt(e.rawTime(t),this):this._tTime:this._tTime},e.globalTime=function(t){for(var e=this,r=arguments.length?t:e.rawTime();e;)r=e._start+r/(e._ts||1),e=e._dp;return r},e.repeat=function(t){return arguments.length?(this._repeat=t===1/0?-2:t,Kt(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,Kt(this),e?this.time(e):this}return this._rDelay},e.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},e.seek=function(t,e){return this.totalTime(ee(this,t),W(e))},e.restart=function(t,e){return this.play().totalTime(t?-this._delay:0,W(e))},e.play=function(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},e.reverse=function(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},e.pause=function(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},e.resume=function(){return this.paused(!1)},e.reversed=function(t){return arguments.length?(!!t!==this.reversed()&&this.timeScale(-this._rts||(t?-1e-8:0)),this):this._rts<0},e.invalidate=function(){return this._initted=this._act=0,this._zTime=-1e-8,this},e.isActive=function(){var t,e=this.parent||this._dp,r=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=r&&t1?(e?(i[t]=e,r&&(i[t+"Params"]=r),"onUpdate"===t&&(this._onUpdate=e)):delete i[t],this):i[t]},e.then=function(t){var e=this;return new Promise((function(r){var i=X(t)?t:St,n=function(){var t=e.then;e.then=null,X(i)&&(i=i(e))&&(i.then||i===e)&&(e.then=t),r(i),e.then=t};e._initted&&1===e.totalProgress()&&e._ts>=0||!e._tTime&&e._ts<0?n():e._prom=n}))},e.kill=function(){Te(this)},t}();Pt(je.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:null,_initted:!1,_rDelay:0,_ts:1,_dp:0,ratio:0,_zTime:-1e-8,_prom:0,_ps:!1,_rts:1});var Ge=function(t){function e(e,i){var n;return void 0===e&&(e={}),(n=t.call(this,e)||this).labels={},n.smoothChildTiming=!!e.smoothChildTiming,n.autoRemoveChildren=!!e.autoRemoveChildren,n._sort=W(e.sortChildren),s&&Wt(e.parent||s,r(n),i),e.reversed&&n.reverse(),e.paused&&n.paused(!0),e.scrollTrigger&&Qt(r(n),e.scrollTrigger),n}i(e,t);var n=e.prototype;return n.to=function(t,e,r){return re(0,arguments,this),this},n.from=function(t,e,r){return re(1,arguments,this),this},n.fromTo=function(t,e,r,i){return re(2,arguments,this),this},n.set=function(t,e,r){return e.duration=0,e.parent=this,Ft(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new rr(t,e,ee(this,r),1),this},n.call=function(t,e,r){return Wt(this,rr.delayedCall(0,t,e),r)},n.staggerTo=function(t,e,r,i,n,s,a){return r.duration=e,r.stagger=r.stagger||i,r.onComplete=s,r.onCompleteParams=a,r.parent=this,new rr(t,r,ee(this,n)),this},n.staggerFrom=function(t,e,r,i,n,s,a){return r.runBackwards=1,Ft(r).immediateRender=W(r.immediateRender),this.staggerTo(t,e,r,i,n,s,a)},n.staggerFromTo=function(t,e,r,i,n,s,a,o){return i.startAt=r,Ft(i).immediateRender=W(i.immediateRender),this.staggerTo(t,e,i,n,s,a,o)},n.render=function(t,e,r){var i,n,a,o,u,h,l,f,c,p,_,d,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=t<=0?0:At(t),T=this._zTime<0!=t<0&&(this._initted||!v);if(this!==s&&y>g&&t>=0&&(y=g),y!==this._tTime||r||T){if(m!==this._time&&v&&(y+=this._time-m,t+=this._time-m),i=y,c=this._start,h=!(f=this._ts),T&&(v||(m=this._zTime),(t||!e)&&(this._zTime=t)),this._repeat){if(_=this._yoyo,u=v+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*u+t,e,r);if(i=At(y%u),y===g?(o=this._repeat,i=v):((o=~~(y/u))&&o===y/u&&(i=v,o--),i>v&&(i=v)),p=Nt(this._tTime,u),!m&&this._tTime&&p!==o&&(p=o),_&&1&o&&(i=v-i,d=1),o!==p&&!this._lock){var x=_&&1&p,b=x===(_&&1&o);if(oe)for(i=t._first;i&&i._start<=r;){if("isPause"===i.data&&i._start>e)return i;i=i._next}else for(i=t._last;i&&i._start>=r;){if("isPause"===i.data&&i._start=m&&t>=0)for(n=this._first;n;){if(a=n._next,(n._act||i>=n._start)&&n._ts&&l!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(n._ts>0?(i-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(i-n._start)*n._ts,e,r),i!==this._time||!this._ts&&!h){l=0,a&&(y+=this._zTime=-1e-8);break}}n=a}else{n=this._last;for(var w=t<0?t:i;n;){if(a=n._prev,(n._act||w<=n._end)&&n._ts&&l!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(n._ts>0?(w-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(w-n._start)*n._ts,e,r),i!==this._time||!this._ts&&!h){l=0,a&&(y+=this._zTime=w?-1e-8:F);break}}n=a}}if(l&&!e&&(this.pause(),l.render(i>=m?0:-1e-8)._zTime=i>=m?1:-1,this._ts))return this._start=c,Vt(this),this.render(t,e,r);this._onUpdate&&!e&&ye(this,"onUpdate",!0),(y===g&&g>=this.totalDuration()||!y&&m)&&(c!==this._start&&Math.abs(f)===Math.abs(this._ts)||this._lock||((t||!v)&&(y===g&&this._ts>0||!y&&this._ts<0)&&Lt(this,1),e||t<0&&!m||!y&&!m&&g||(ye(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},n.add=function(t,e){var r=this;if(V(e)||(e=ee(this,e,t)),!(t instanceof je)){if($(t))return t.forEach((function(t){return r.add(t,e)})),this;if(N(t))return this.addLabel(t,e);if(!X(t))return this;t=rr.delayedCall(0,t)}return this!==t?Wt(this,t,e):this},n.getChildren=function(t,e,r,i){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===r&&(r=!0),void 0===i&&(i=-1e8);for(var n=[],s=this._first;s;)s._start>=i&&(s instanceof rr?e&&n.push(s):(r&&n.push(s),t&&n.push.apply(n,s.getChildren(!0,e,r)))),s=s._next;return n},n.getById=function(t){for(var e=this.getChildren(1,1,1),r=e.length;r--;)if(e[r].vars.id===t)return e[r]},n.remove=function(t){return N(t)?this.removeLabel(t):X(t)?this.killTweensOf(t):(Bt(this,t),t===this._recent&&(this._recent=this._last),It(this))},n.totalTime=function(e,r){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=At(Pe.time-(this._ts>0?e/this._ts:(this.totalDuration()-e)/-this._ts))),t.prototype.totalTime.call(this,e,r),this._forcing=0,this):this._tTime},n.addLabel=function(t,e){return this.labels[t]=ee(this,e),this},n.removeLabel=function(t){return delete this.labels[t],this},n.addPause=function(t,e,r){var i=rr.delayedCall(0,e||ft,r);return i.data="isPause",this._hasPause=1,Wt(this,i,ee(this,t))},n.removePause=function(t){var e=this._first;for(t=ee(this,t);e;)e._start===t&&"isPause"===e.data&&Lt(e),e=e._next},n.killTweensOf=function(t,e,r){for(var i=this.getTweensOf(t,r),n=i.length;n--;)We!==i[n]&&i[n].kill(t,e);return this},n.getTweensOf=function(t,e){for(var r,i=[],n=he(t),s=this._first,a=V(e);s;)s instanceof rr?Mt(s._targets,n)&&(a?(!We||s._initted&&s._ts)&&s.globalTime(0)<=e&&s.globalTime(s.totalDuration())>e:!e||s.isActive())&&i.push(s):(r=s.getTweensOf(n,e)).length&&i.push.apply(i,r),s=s._next;return i},n.tweenTo=function(t,e){e=e||{};var r,i=this,n=ee(i,t),s=e,a=s.startAt,o=s.onStart,u=s.onStartParams,h=s.immediateRender,l=rr.to(i,Pt({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:n,overwrite:"auto",duration:e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale())||F,onStart:function(){if(i.pause(),!r){var t=e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale());l._dur!==t&&Jt(l,t,0,1).render(l._time,!0,!0),r=1}o&&o.apply(l,u||[])}},e));return h?l.render(0):l},n.tweenFromTo=function(t,e,r){return this.tweenTo(e,Pt({startAt:{time:ee(this,t)}},r))},n.recent=function(){return this._recent},n.nextLabel=function(t){return void 0===t&&(t=this._time),ve(this,ee(this,t))},n.previousLabel=function(t){return void 0===t&&(t=this._time),ve(this,ee(this,t),1)},n.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+F)},n.shiftChildren=function(t,e,r){void 0===r&&(r=0);for(var i,n=this._first,s=this.labels;n;)n._start>=r&&(n._start+=t,n._end+=t),n=n._next;if(e)for(i in s)s[i]>=r&&(s[i]+=t);return It(this)},n.invalidate=function(){var e=this._first;for(this._lock=0;e;)e.invalidate(),e=e._next;return t.prototype.invalidate.call(this)},n.clear=function(t){void 0===t&&(t=!0);for(var e,r=this._first;r;)e=r._next,this.remove(r),r=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),It(this)},n.totalDuration=function(t){var e,r,i,n=0,a=this,o=a._last,u=E;if(arguments.length)return a.timeScale((a._repeat<0?a.duration():a.totalDuration())/(a.reversed()?-t:t));if(a._dirty){for(i=a.parent;o;)e=o._prev,o._dirty&&o.totalDuration(),(r=o._start)>u&&a._sort&&o._ts&&!a._lock?(a._lock=1,Wt(a,o,r-o._delay,1)._lock=0):u=r,r<0&&o._ts&&(n-=r,(!i&&!a._dp||i&&i.smoothChildTiming)&&(a._start+=r/a._ts,a._time-=r,a._tTime-=r),a.shiftChildren(-r,!1,-1/0),u=0),o._end>n&&o._ts&&(n=o._end),o=e;Jt(a,a===s&&a._time>n?a._time:n,1,1),a._dirty=0}return a._tDur},e.updateRoot=function(t){if(s._ts&&(Ct(s,Xt(t,s)),l=Pe.frame),Pe.frame>=gt){gt+=z.autoSleep||120;var e=s._first;if((!e||!e._ts)&&z.autoSleep&&Pe._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Pe.sleep()}}},e}(je);Pt(Ge.prototype,{_lock:0,_hasPause:0,_forcing:0});var We,Qe=function(t,e,r,i,n,s,a){var o,u,h,l,f,c,p,_,d=new mr(this._pt,t,e,0,1,lr,null,n),m=0,g=0;for(d.b=r,d.e=i,r+="",(p=~(i+="").indexOf("random("))&&(i=me(i)),s&&(s(_=[r,i],t,e),r=_[0],i=_[1]),u=r.match(et)||[];o=et.exec(i);)l=o[0],f=i.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(c=parseFloat(u[g-1])||0,d._pt={_next:d._pt,p:f||1===g?f:",",s:c,c:"="===l.charAt(1)?parseFloat(l.substr(2))*("-"===l.charAt(0)?-1:1):parseFloat(l)-c,m:h&&h<4?Math.round:0},m=et.lastIndex);return d.c=m0&&!D&&(e._startAt=0),S&&r<=0)return void(r&&(e._zTime=r))}else!1===D&&(e._startAt=0);else if(M&&S)if(P)!D&&(e._startAt=0);else if(r&&(x=!1),o=Pt({overwrite:!1,data:"isFromStart",lazy:x&&W(b),immediateRender:x,stagger:0,parent:B},i),m&&(o[c.prop]=m),Lt(e._startAt=rr.set(z,o)),r<0&&e._startAt.render(-1,!0),e._zTime=r,x){if(!r)return}else t(e._startAt,F);for(e._pt=0,b=S&&W(b)||b&&!S,a=0;a")}));else{var E=function(t){for(D=f[t].sort((function(t,e){return t.t-e.t})),R=0,l=0;lp-F&&t>=0?p:t_&&(i=_)),(u=this._yoyo&&1&s)&&(f=this._yEase,i=_-i),o=Nt(this._tTime,a),i===c&&!r&&this._initted)return this;s!==o&&(l&&this._yEase&&Ie(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=r=1,this.render(At(a*s),!0).invalidate()._lock=0))}if(!this._initted){if(Ht(this,t<0?t:i,r,e))return this._tTime=0,this;if(_!==this._dur)return this.render(t,e,r)}if(this._tTime=d,this._time=i,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(f||this._ease)(i/_),this._from&&(this.ratio=h=1-h),i&&!c&&!e&&(ye(this,"onStart"),this._tTime!==d))return this;for(n=this._pt;n;)n.r(h,n.d),n=n._next;l&&l.render(t<0?t:!i&&u?-1e-8:l._dur*l._ease(i/this._dur),e,r)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,r),ye(this,"onUpdate")),this._repeat&&s!==o&&this.vars.onRepeat&&!e&&this.parent&&ye(this,"onRepeat"),d!==this._tDur&&d||this._tTime!==d||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!_)&&(d===this._tDur&&this._ts>0||!d&&this._ts<0)&&Lt(this,1),e||t<0&&!c||!d&&!c||(ye(this,d===p?"onComplete":"onReverseComplete",!0),this._prom&&!(d0)&&this._prom()))}}else!function(t,e,r,i){var n,s,a,o=t.ratio,u=e<0||!e&&(!t._start&&Zt(t)&&(t._initted||!$t(t))||(t._ts<0||t._dp._ts<0)&&!$t(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=ne(0,t._tDur,e),s=Nt(l,h),t._yoyo&&1&s&&(u=1-u),s!==Nt(t._tTime,h)&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||i||t._zTime===F||!e&&t._zTime){if(!t._initted&&Ht(t,e,i,r))return;for(a=t._zTime,t._zTime=e||(r?F:0),r||(r=e&&!a),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,n=t._pt;n;)n.r(u,n.d),n=n._next;t._startAt&&e<0&&t._startAt.render(e,!0,!0),t._onUpdate&&!r&&ye(t,"onUpdate"),l&&t._repeat&&!r&&t.parent&&ye(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Lt(t,1),r||(ye(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,r);return this},a.targets=function(){return this._targets},a.invalidate=function(){return this._pt=this._op=this._startAt=this._onUpdate=this._lazy=this.ratio=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(),t.prototype.invalidate.call(this)},a.kill=function(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?Te(this):this;if(this.timeline){var r=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,We&&!0!==We.vars.overwrite)._first||Te(this),this.parent&&r!==this.timeline.totalDuration()&&Jt(this,this._dur*this.timeline._tDur/r,0,1),this}var i,n,s,a,o,u,h,l=this._targets,f=t?he(t):l,c=this._ptLookup,p=this._pt;if((!e||"all"===e)&&function(t,e){for(var r=t.length,i=r===e.length;i&&r--&&t[r]===e[r];);return r<0}(l,f))return"all"===e&&(this._pt=0),Te(this);for(i=this._op=this._op||[],"all"!==e&&(N(e)&&(o={},wt(e,(function(t){return o[t]=1})),e=o),e=function(t,e){var r,i,n,s,a=t[0]?xt(t[0]).harness:0,o=a&&a.aliases;if(!o)return e;for(i in r=zt({},e),o)if(i in r)for(n=(s=o[i].split(",")).length;n--;)r[s[n]]=r[i];return r}(l,e)),h=l.length;h--;)if(~f.indexOf(l[h]))for(o in n=c[h],"all"===e?(i[h]=e,a=n,s={}):(s=i[h]=i[h]||{},a=e),a)(u=n&&n[o])&&("kill"in u.d&&!0!==u.d.kill(o)||Bt(this,u,"_pt"),delete n[o]),"all"!==s&&(s[o]=1);return this._initted&&!this._pt&&p&&Te(this),this},e.to=function(t,r){return new e(t,r,arguments[2])},e.from=function(t,e){return re(1,arguments)},e.delayedCall=function(t,r,i,n){return new e(r,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:r,onReverseComplete:r,onCompleteParams:i,onReverseCompleteParams:i,callbackScope:n})},e.fromTo=function(t,e,r){return re(2,arguments)},e.set=function(t,r){return r.duration=0,r.repeatDelay||(r.repeat=0),new e(t,r)},e.killTweensOf=function(t,e,r){return s.killTweensOf(t,e,r)},e}(je);Pt(rr.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),wt("staggerTo,staggerFrom,staggerFromTo",(function(t){rr[t]=function(){var e=new Ge,r=ae.call(arguments,0);return r.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,r)}}));var ir=function(t,e,r){return t[e]=r},nr=function(t,e,r){return t[e](r)},sr=function(t,e,r,i){return t[e](i.fp,r)},ar=function(t,e,r){return t.setAttribute(e,r)},or=function(t,e){return X(t[e])?nr:j(t[e])&&t.setAttribute?ar:ir},ur=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},hr=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},lr=function(t,e){var r=e._pt,i="";if(!t&&e.b)i=e.b;else if(1===t&&e.e)i=e.e;else{for(;r;)i=r.p+(r.m?r.m(r.s+r.c*t):Math.round(1e4*(r.s+r.c*t))/1e4)+i,r=r._next;i+=e.c}e.set(e.t,e.p,i,e)},fr=function(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},cr=function(t,e,r,i){for(var n,s=this._pt;s;)n=s._next,s.p===i&&s.modifier(t,e,r),s=n},pr=function(t){for(var e,r,i=this._pt;i;)r=i._next,i.p===t&&!i.op||i.op===t?Bt(this,i,"_pt"):i.dep||(e=1),i=r;return!e},_r=function(t,e,r,i){i.mSet(t,e,i.m.call(i.tween,r,i.mt),i)},dr=function(t){for(var e,r,i,n,s=t._pt;s;){for(e=s._next,r=i;r&&r.pr>s.pr;)r=r._next;(s._prev=r?r._prev:n)?s._prev._next=s:i=s,(s._next=r)?r._prev=s:n=s,s=e}t._pt=i},mr=function(){function t(t,e,r,i,n,s,a,o,u){this.t=e,this.s=i,this.c=n,this.p=r,this.r=s||ur,this.d=a||this,this.set=o||ir,this.pr=u||0,this._next=t,t&&(t._prev=this)}return t.prototype.modifier=function(t,e,r){this.mSet=this.mSet||this.set,this.set=_r,this.m=t,this.mt=r,this.tween=e},t}();wt(yt+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",(function(t){return ct[t]=1})),st.TweenMax=st.TweenLite=rr,st.TimelineLite=st.TimelineMax=Ge,s=new Ge({sortChildren:!1,defaults:R,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),z.stringFilter=Se;var gr={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),r=0;r1){var i=t.map((function(t){return Tr.quickSetter(t,e,r)})),n=i.length;return function(t){for(var e=n;e--;)i[e](t)}}t=t[0]||{};var s=dt[e],a=xt(t),o=a.harness&&(a.harness.aliases||{})[e]||e,u=s?function(e){var i=new s;f._pt=0,i.init(t,r?e+r:e,f,0,[t]),i.render(1,i),f._pt&&fr(1,f)}:a.set(t,o);return s?u:function(e){return u(t,o,r?e+r:e,a,1)}},isTweening:function(t){return s.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=qe(t.ease,R.ease)),Rt(R,t||{})},config:function(t){return Rt(z,t||{})},registerEffect:function(t){var e=t.name,r=t.effect,i=t.plugins,n=t.defaults,s=t.extendTimeline;(i||"").split(",").forEach((function(t){return t&&!dt[t]&&!st[t]&&ht(e+" effect requires "+t+" plugin.")})),mt[e]=function(t,e,i){return r(he(t),Pt(e||{},n),i)},s&&(Ge.prototype[e]=function(t,r,i){return this.add(mt[e](t,G(r)?r:(i=r)&&{},this),i)})},registerEase:function(t,e){Re[t]=qe(e)},parseEase:function(t,e){return arguments.length?qe(t,e):Re},getById:function(t){return s.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var r,i,n=new Ge(t);for(n.smoothChildTiming=W(t.smoothChildTiming),s.remove(n),n._dp=0,n._time=n._tTime=s._time,r=s._first;r;)i=r._next,!e&&!r._dur&&r instanceof rr&&r.vars.onComplete===r._targets[0]||Wt(n,r,r._start-r._delay),r=i;return Wt(s,n,0),n},utils:{wrap:function t(e,r,i){var n=r-e;return $(e)?de(e,t(0,e.length),r):ie(i,(function(t){return(n+(t-e)%n)%n+e}))},wrapYoyo:function t(e,r,i){var n=r-e,s=2*n;return $(e)?de(e,t(0,e.length-1),r):ie(i,(function(t){return e+((t=(s+(t-e)%s)%s||0)>n?s-t:t)}))},distribute:fe,random:_e,snap:pe,normalize:function(t,e,r){return ge(t,e,0,1,r)},getUnit:se,clamp:function(t,e,r){return ie(r,(function(r){return ne(t,e,r)}))},splitColor:Ae,toArray:he,selector:function(t){return t=he(t)[0]||ht("Invalid scope")||{},function(e){var r=t.current||t.nativeElement||t;return he(e,r.querySelectorAll?r:r===t?ht("Invalid scope")||u.createElement("div"):t)}},mapRange:ge,pipe:function(){for(var t=arguments.length,e=new Array(t),r=0;r=0?Jr[n]:"")+t},ti=function(){"undefined"!=typeof window&&window.document&&(xr=window,br=xr.document,wr=br.documentElement,Ar=Zr("div")||{style:{}},Zr("div"),Qr=Kr(Qr),Hr=Qr+"Origin",Ar.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",kr=!!Kr("perspective"),Or=1)},ei=function t(e){var r,i=Zr("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=this.parentNode,s=this.nextSibling,a=this.style.cssText;if(wr.appendChild(i),i.appendChild(this),this.style.display="block",e)try{r=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=t}catch(t){}else this._gsapBBox&&(r=this._gsapBBox());return n&&(s?n.insertBefore(this,s):n.appendChild(this)),wr.removeChild(i),this.style.cssText=a,r},ri=function(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])},ii=function(t){var e;try{e=t.getBBox()}catch(r){e=ei.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===ei||(e=ei.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+ri(t,["x","cx","x1"])||0,y:+ri(t,["y","cy","y1"])||0,width:0,height:0}},ni=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!ii(t))},si=function(t,e){if(e){var r=t.style;e in Cr&&e!==Hr&&(e=Qr),r.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),r.removeProperty(e.replace(zr,"-$1").toLowerCase())):r.removeAttribute(e)}},ai=function(t,e,r,i,n,s){var a=new mr(t._pt,e,r,0,1,s?Ur:Yr);return t._pt=a,a.b=i,a.e=n,t._props.push(r),a},oi={deg:1,rad:1,turn:1},ui=function t(e,r,i,n){var s,a,o,u,h=parseFloat(i)||0,l=(i+"").trim().substr((h+"").length)||"px",f=Ar.style,c=Rr.test(r),p="svg"===e.tagName.toLowerCase(),_=(p?"client":"offset")+(c?"Width":"Height"),d=100,m="px"===n,g="%"===n;return n===l||!h||oi[n]||oi[l]?h:("px"!==l&&!m&&(h=t(e,r,i,"px")),u=e.getCTM&&ni(e),!g&&"%"!==l||!Cr[r]&&!~r.indexOf("adius")?(f[c?"width":"height"]=d+(m?l:n),a=~r.indexOf("adius")||"em"===n&&e.appendChild&&!p?e:e.parentNode,u&&(a=(e.ownerSVGElement||{}).parentNode),a&&a!==br&&a.appendChild||(a=br.body),(o=a._gsap)&&g&&o.width&&c&&o.time===Pe.time?Ot(h/o.width*d):((g||"%"===l)&&(f.position=$r(e,"position")),a===e&&(f.position="static"),a.appendChild(Ar),s=Ar[_],a.removeChild(Ar),f.position="absolute",c&&g&&((o=xt(a)).time=Pe.time,o.width=a[_]),Ot(m?s*h/d:s&&h?d/s*h:0))):(s=u?e.getBBox()[c?"width":"height"]:e[_],Ot(g?h/s*d:h/100*s)))},hi=function(t,e,r,i){var n;return Or||ti(),e in Fr&&"transform"!==e&&~(e=Fr[e]).indexOf(",")&&(e=e.split(",")[0]),Cr[e]&&"transform"!==e?(n=Ti(t,i),n="transformOrigin"!==e?n[e]:n.svg?n.origin:xi($r(t,Hr))+" "+n.zOrigin+"px"):(!(n=t.style[e])||"auto"===n||i||~(n+"").indexOf("calc("))&&(n=pi[e]&&pi[e](t,e,r)||$r(t,e)||bt(t,e)||("opacity"===e?1:0)),r&&!~(n+"").trim().indexOf(" ")?ui(t,e,n,r)+r:n},li=function(t,e,r,i){if(!r||"none"===r){var n=Kr(e,t,1),s=n&&$r(t,n,1);s&&s!==r?(e=n,r=s):"borderColor"===e&&(r=$r(t,"borderTopColor"))}var a,o,u,h,l,f,c,p,_,d,m,g,v=new mr(this._pt,t.style,e,0,1,lr),y=0,T=0;if(v.b=r,v.e=i,r+="","auto"===(i+="")&&(t.style[e]=i,i=$r(t,e)||i,t.style[e]=r),Se(a=[r,i]),i=a[1],u=(r=a[0]).match(tt)||[],(i.match(tt)||[]).length){for(;o=tt.exec(i);)c=o[0],_=i.substring(y,o.index),l?l=(l+1)%5:"rgba("!==_.substr(-5)&&"hsla("!==_.substr(-5)||(l=1),c!==(f=u[T++]||"")&&(h=parseFloat(f)||0,m=f.substr((h+"").length),(g="="===c.charAt(1)?+(c.charAt(0)+"1"):0)&&(c=c.substr(2)),p=parseFloat(c),d=c.substr((p+"").length),y=tt.lastIndex-d.length,d||(d=d||z.units[e]||m,y===i.length&&(i+=d,v.e+=d)),m!==d&&(h=ui(t,e,f,d)||0),v._pt={_next:v._pt,p:_||1===T?_:",",s:h,c:g?g*p:p-h,m:l&&l<4||"zIndex"===e?Math.round:0});v.c=y-1;)r=o[n],Cr[r]&&(i=1,r="transformOrigin"===r?Hr:Qr),si(s,r);i&&(si(s,Qr),u&&(u.svg&&s.removeAttribute("transform"),Ti(s,1),u.uncache=1))}},pi={clearProps:function(t,e,r,i,n){if("isFromStart"!==n.data){var s=t._pt=new mr(t._pt,e,r,0,0,ci);return s.u=i,s.pr=-10,s.tween=n,t._props.push(r),1}}},_i=[1,0,0,1,0,0],di={},mi=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},gi=function(t){var e=$r(t,Qr);return mi(e)?_i:e.substr(7).match(K).map(Ot)},vi=function(t,e){var r,i,n,s,a=t._gsap||xt(t),o=t.style,u=gi(t);return a.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(n=t.transform.baseVal.consolidate().matrix).a,n.b,n.c,n.d,n.e,n.f]).join(",")?_i:u:(u!==_i||t.offsetParent||t===wr||a.svg||(n=o.display,o.display="block",(r=t.parentNode)&&t.offsetParent||(s=1,i=t.nextSibling,wr.appendChild(t)),u=gi(t),n?o.display=n:si(t,"display"),s&&(i?r.insertBefore(t,i):r?r.appendChild(t):wr.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},yi=function(t,e,r,i,n,s){var a,o,u,h=t._gsap,l=n||vi(t,!0),f=h.xOrigin||0,c=h.yOrigin||0,p=h.xOffset||0,_=h.yOffset||0,d=l[0],m=l[1],g=l[2],v=l[3],y=l[4],T=l[5],x=e.split(" "),b=parseFloat(x[0])||0,w=parseFloat(x[1])||0;r?l!==_i&&(o=d*v-m*g)&&(u=b*(-m/o)+w*(d/o)-(d*T-m*y)/o,b=b*(v/o)+w*(-g/o)+(g*T-v*y)/o,w=u):(b=(a=ii(t)).x+(~x[0].indexOf("%")?b/100*a.width:b),w=a.y+(~(x[1]||x[0]).indexOf("%")?w/100*a.height:w)),i||!1!==i&&h.smooth?(y=b-f,T=w-c,h.xOffset=p+(y*d+T*g)-y,h.yOffset=_+(y*m+T*v)-T):h.xOffset=h.yOffset=0,h.xOrigin=b,h.yOrigin=w,h.smooth=!!i,h.origin=e,h.originIsAbsolute=!!r,t.style[Hr]="0px 0px",s&&(ai(s,h,"xOrigin",f,b),ai(s,h,"yOrigin",c,w),ai(s,h,"xOffset",p,h.xOffset),ai(s,h,"yOffset",_,h.yOffset)),t.setAttribute("data-svg-origin",b+" "+w)},Ti=function(t,e){var r=t._gsap||new Ve(t);if("x"in r&&!e&&!r.uncache)return r;var i,n,s,a,o,u,h,l,f,c,p,_,d,m,g,v,y,T,x,b,w,O,A,M,k,C,D,S,P,R,E,F,B=t.style,L=r.scaleX<0,I="px",q="deg",Y=$r(t,Hr)||"0";return i=n=s=u=h=l=f=c=p=0,a=o=1,r.svg=!(!t.getCTM||!ni(t)),m=vi(t,r.svg),r.svg&&(M=(!r.uncache||"0px 0px"===Y)&&!e&&t.getAttribute("data-svg-origin"),yi(t,M||Y,!!M||r.originIsAbsolute,!1!==r.smooth,m)),_=r.xOrigin||0,d=r.yOrigin||0,m!==_i&&(T=m[0],x=m[1],b=m[2],w=m[3],i=O=m[4],n=A=m[5],6===m.length?(a=Math.sqrt(T*T+x*x),o=Math.sqrt(w*w+b*b),u=T||x?Pr(x,T)*Dr:0,(f=b||w?Pr(b,w)*Dr+u:0)&&(o*=Math.abs(Math.cos(f*Sr))),r.svg&&(i-=_-(_*T+d*b),n-=d-(_*x+d*w))):(F=m[6],R=m[7],D=m[8],S=m[9],P=m[10],E=m[11],i=m[12],n=m[13],s=m[14],h=(g=Pr(F,P))*Dr,g&&(M=O*(v=Math.cos(-g))+D*(y=Math.sin(-g)),k=A*v+S*y,C=F*v+P*y,D=O*-y+D*v,S=A*-y+S*v,P=F*-y+P*v,E=R*-y+E*v,O=M,A=k,F=C),l=(g=Pr(-b,P))*Dr,g&&(v=Math.cos(-g),E=w*(y=Math.sin(-g))+E*v,T=M=T*v-D*y,x=k=x*v-S*y,b=C=b*v-P*y),u=(g=Pr(x,T))*Dr,g&&(M=T*(v=Math.cos(g))+x*(y=Math.sin(g)),k=O*v+A*y,x=x*v-T*y,A=A*v-O*y,T=M,O=k),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),a=Ot(Math.sqrt(T*T+x*x+b*b)),o=Ot(Math.sqrt(A*A+F*F)),g=Pr(O,A),f=Math.abs(g)>2e-4?g*Dr:0,p=E?1/(E<0?-E:E):0),r.svg&&(M=t.getAttribute("transform"),r.forceCSS=t.setAttribute("transform","")||!mi($r(t,Qr)),M&&t.setAttribute("transform",M))),Math.abs(f)>90&&Math.abs(f)<270&&(L?(a*=-1,f+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,f+=f<=0?180:-180)),r.x=i-((r.xPercent=i&&(r.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-i)?-50:0)))?t.offsetWidth*r.xPercent/100:0)+I,r.y=n-((r.yPercent=n&&(r.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-n)?-50:0)))?t.offsetHeight*r.yPercent/100:0)+I,r.z=s+I,r.scaleX=Ot(a),r.scaleY=Ot(o),r.rotation=Ot(u)+q,r.rotationX=Ot(h)+q,r.rotationY=Ot(l)+q,r.skewX=f+q,r.skewY=c+q,r.transformPerspective=p+I,(r.zOrigin=parseFloat(Y.split(" ")[2])||0)&&(B[Hr]=xi(Y)),r.xOffset=r.yOffset=0,r.force3D=z.force3D,r.renderTransform=r.svg?Ci:kr?ki:wi,r.uncache=0,r},xi=function(t){return(t=t.split(" "))[0]+" "+t[1]},bi=function(t,e,r){var i=se(e);return Ot(parseFloat(e)+parseFloat(ui(t,"x",r+"px",i)))+i},wi=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,ki(t,e)},Oi="0deg",Ai="0px",Mi=") ",ki=function(t,e){var r=e||this,i=r.xPercent,n=r.yPercent,s=r.x,a=r.y,o=r.z,u=r.rotation,h=r.rotationY,l=r.rotationX,f=r.skewX,c=r.skewY,p=r.scaleX,_=r.scaleY,d=r.transformPerspective,m=r.force3D,g=r.target,v=r.zOrigin,y="",T="auto"===m&&t&&1!==t||!0===m;if(v&&(l!==Oi||h!==Oi)){var x,b=parseFloat(h)*Sr,w=Math.sin(b),O=Math.cos(b);b=parseFloat(l)*Sr,x=Math.cos(b),s=bi(g,s,w*x*-v),a=bi(g,a,-Math.sin(b)*-v),o=bi(g,o,O*x*-v+v)}d!==Ai&&(y+="perspective("+d+Mi),(i||n)&&(y+="translate("+i+"%, "+n+"%) "),(T||s!==Ai||a!==Ai||o!==Ai)&&(y+=o!==Ai||T?"translate3d("+s+", "+a+", "+o+") ":"translate("+s+", "+a+Mi),u!==Oi&&(y+="rotate("+u+Mi),h!==Oi&&(y+="rotateY("+h+Mi),l!==Oi&&(y+="rotateX("+l+Mi),f===Oi&&c===Oi||(y+="skew("+f+", "+c+Mi),1===p&&1===_||(y+="scale("+p+", "+_+Mi),g.style[Qr]=y||"translate(0, 0)"},Ci=function(t,e){var r,i,n,s,a,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,f=o.y,c=o.rotation,p=o.skewX,_=o.skewY,d=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,T=o.xOffset,x=o.yOffset,b=o.forceCSS,w=parseFloat(l),O=parseFloat(f);c=parseFloat(c),p=parseFloat(p),(_=parseFloat(_))&&(p+=_=parseFloat(_),c+=_),c||p?(c*=Sr,p*=Sr,r=Math.cos(c)*d,i=Math.sin(c)*d,n=Math.sin(c-p)*-m,s=Math.cos(c-p)*m,p&&(_*=Sr,a=Math.tan(p-_),n*=a=Math.sqrt(1+a*a),s*=a,_&&(a=Math.tan(_),r*=a=Math.sqrt(1+a*a),i*=a)),r=Ot(r),i=Ot(i),n=Ot(n),s=Ot(s)):(r=d,s=m,i=n=0),(w&&!~(l+"").indexOf("px")||O&&!~(f+"").indexOf("px"))&&(w=ui(g,"x",l,"px"),O=ui(g,"y",f,"px")),(v||y||T||x)&&(w=Ot(w+v-(v*r+y*n)+T),O=Ot(O+y-(v*i+y*s)+x)),(u||h)&&(a=g.getBBox(),w=Ot(w+u/100*a.width),O=Ot(O+h/100*a.height)),a="matrix("+r+","+i+","+n+","+s+","+w+","+O+")",g.setAttribute("transform",a),b&&(g.style[Qr]=a)},Di=function(t,e,r,i,n,s){var a,o,u=360,h=N(n),l=parseFloat(n)*(h&&~n.indexOf("rad")?Dr:1),f=s?l*s:l-i,c=i+f+"deg";return h&&("short"===(a=n.split("_")[1])&&(f%=u)!==f%180&&(f+=f<0?u:-360),"cw"===a&&f<0?f=(f+36e9)%u-~~(f/u)*u:"ccw"===a&&f>0&&(f=(f-36e9)%u-~~(f/u)*u)),t._pt=o=new mr(t._pt,e,r,i,f,Lr),o.e=c,o.u="deg",t._props.push(r),o},Si=function(t,e){for(var r in e)t[r]=e[r];return t},Pi=function(t,e,r){var i,n,s,a,o,u,h,l=Si({},r._gsap),f=r.style;for(n in l.svg?(s=r.getAttribute("transform"),r.setAttribute("transform",""),f[Qr]=e,i=Ti(r,1),si(r,Qr),r.setAttribute("transform",s)):(s=getComputedStyle(r)[Qr],f[Qr]=e,i=Ti(r,1),f[Qr]=s),Cr)(s=l[n])!==(a=i[n])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(n)<0&&(o=se(s)!==(h=se(a))?ui(r,n,s,h):parseFloat(s),u=parseFloat(a),t._pt=new mr(t._pt,i,n,o,u-o,Br),t._pt.u=h||0,t._props.push(n));Si(i,l)};wt("padding,margin,Width,Radius",(function(t,e){var r="Top",i="Right",n="Bottom",s="Left",a=(e<3?[r,i,n,s]:[r+s,r+i,n+i,n+s]).map((function(r){return e<2?t+r:"border"+r+t}));pi[e>1?"border"+t:t]=function(t,e,r,i,n){var s,o;if(arguments.length<4)return s=a.map((function(e){return hi(t,e,r)})),5===(o=s.join(" ")).split(s[0]).length?s[0]:o;s=(i+"").split(" "),o={},a.forEach((function(t,e){return o[t]=s[e]=s[e]||s[(e-1)/2|0]})),t.init(e,o,n)}}));var zi,Ri,Ei,Fi={name:"css",register:ti,targetTest:function(t){return t.style&&t.nodeType},init:function(t,r,i,n,s){var a,o,u,h,l,f,c,p,_,d,m,g,v,y,T,x,b,w,O,A=this._props,M=t.style,k=i.vars.startAt;for(c in Or||ti(),r)if("autoRound"!==c&&(o=r[c],!dt[c]||!Ze(c,r,i,n,t,s)))if(l=void 0===o?"undefined":e(o),f=pi[c],"function"===l&&(l=void 0===(o=o.call(i,n,t,s))?"undefined":e(o)),"string"===l&&~o.indexOf("random(")&&(o=me(o)),f)f(this,t,c,o,i)&&(T=1);else if("--"===c.substr(0,2))a=(getComputedStyle(t).getPropertyValue(c)+"").trim(),o+="",Ce.lastIndex=0,Ce.test(a)||(p=se(a),_=se(o)),_?p!==_&&(a=ui(t,c,a,_)+_):p&&(o+=p),this.add(M,"setProperty",a,o,n,s,0,0,c),A.push(c);else if("undefined"!==l){if(k&&c in k?(a="function"==typeof k[c]?k[c].call(i,n,t,s):k[c],N(a)&&~a.indexOf("random(")&&(a=me(a)),se(a+"")||(a+=z.units[c]||se(hi(t,c))||""),"="===(a+"").charAt(1)&&(a=hi(t,c))):a=hi(t,c),h=parseFloat(a),(d="string"===l&&"="===o.charAt(1)?+(o.charAt(0)+"1"):0)&&(o=o.substr(2)),u=parseFloat(o),c in Fr&&("autoAlpha"===c&&(1===h&&"hidden"===hi(t,"visibility")&&u&&(h=0),ai(this,M,"visibility",h?"inherit":"hidden",u?"inherit":"hidden",!u)),"scale"!==c&&"transform"!==c&&~(c=Fr[c]).indexOf(",")&&(c=c.split(",")[0])),m=c in Cr)if(g||((v=t._gsap).renderTransform&&!r.parseTransform||Ti(t,r.parseTransform),y=!1!==r.smoothOrigin&&v.smooth,(g=this._pt=new mr(this._pt,M,Qr,0,1,v.renderTransform,v,0,-1)).dep=1),"scale"===c)this._pt=new mr(this._pt,v,"scaleY",v.scaleY,(d?d*u:u-v.scaleY)||0),A.push("scaleY",c),c+="X";else{if("transformOrigin"===c){b=void 0,w=void 0,O=void 0,b=(x=o).split(" "),w=b[0],O=b[1]||"50%","top"!==w&&"bottom"!==w&&"left"!==O&&"right"!==O||(x=w,w=O,O=x),b[0]=fi[w]||w,b[1]=fi[O]||O,o=b.join(" "),v.svg?yi(t,o,0,y,0,this):((_=parseFloat(o.split(" ")[2])||0)!==v.zOrigin&&ai(this,v,"zOrigin",v.zOrigin,_),ai(this,M,c,xi(a),xi(o)));continue}if("svgOrigin"===c){yi(t,o,1,y,0,this);continue}if(c in di){Di(this,v,c,h,o,d);continue}if("smoothOrigin"===c){ai(this,v,"smooth",v.smooth,o);continue}if("force3D"===c){v[c]=o;continue}if("transform"===c){Pi(this,o,t);continue}}else c in M||(c=Kr(c)||c);if(m||(u||0===u)&&(h||0===h)&&!Er.test(o)&&c in M)u||(u=0),(p=(a+"").substr((h+"").length))!==(_=se(o)||(c in z.units?z.units[c]:p))&&(h=ui(t,c,a,_)),this._pt=new mr(this._pt,m?v:M,c,h,d?d*u:u-h,m||"px"!==_&&"zIndex"!==c||!1===r.autoRound?Br:qr),this._pt.u=_||0,p!==_&&"%"!==_&&(this._pt.b=a,this._pt.r=Ir);else if(c in M)li.call(this,t,c,a,o);else{if(!(c in t)){ut(c,o);continue}this.add(t,c,a||t[c],o,n,s)}A.push(c)}T&&dr(this)},get:hi,aliases:Fr,getSetter:function(t,e,r){var i=Fr[e];return i&&i.indexOf(",")<0&&(e=i),e in Cr&&e!==Hr&&(t._gsap.x||hi(t,"x"))?r&&Mr===r?"scale"===e?jr:Vr:(Mr=r||{},"scale"===e?Gr:Wr):t.style&&!j(t.style[e])?Nr:~e.indexOf("-")?Xr:or(t,e)},core:{_removeProperty:si,_getMatrix:vi}};Tr.utils.checkPrefix=Kr,Ei=wt((zi="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(Ri="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Cr[t]=1})),wt(Ri,(function(t){z.units[t]="deg",di[t]=1})),Fr[Ei[13]]=zi+","+Ri,wt("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");Fr[e[1]]=Ei[e[0]]})),wt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){z.units[t]="px"})),Tr.registerPlugin(Fi);var Bi=Tr.registerPlugin(Fi)||Tr,Li=(Bi.core.Tween,{menuLinks:t(document.querySelectorAll(".line-link")),cover:{wrap:document.querySelector(".cover-wrap"),outer:document.querySelector(".cover"),inner:document.querySelector(".cover__inner")},content:{imgs:t(document.querySelectorAll(".content > .content__img")),titles:t(document.querySelectorAll(".content > .content__title"))},menu:document.querySelector(".menu"),menuContent:document.querySelector(".menu__content"),closeCtrl:document.querySelector(".menu__back"),extra:document.querySelectorAll(".menu__tagline, .menu__social-author")}),Ii={isOpen:!1,isAnimating:!1},qi=Bi.timeline({paused:!0,onComplete:function(){return Ii.isAnimating=!1},onReverseComplete:function(){return Ii.isAnimating=!1},defaults:{duration:1.2,ease:"power4.inOut"}}).addLabel("start",0).add((function(){Li.menu.classList[Ii.isOpen?"add":"remove"]("menu--open")}),"start").to(Li.cover.wrap,{duration:1.6,startAt:{scale:"1.1"},ease:"power3.inOut",scale:1},"start").to(Li.cover.outer,{startAt:{y:"-100%"},y:"0%"},"start").to(Li.cover.inner,{startAt:{y:"100%"},y:"0%"},"start").to(Li.content.imgs,{y:function(t){return"".concat(t%2==0?-20:20,"%")}},"start").to(Li.content.titles,{y:function(t){return"".concat(t%2==0?20:-20,"%")}},"start").addLabel("menu",.5).to(Li.menuContent,{duration:1,startAt:{y:"-100%"},y:"0%"},"menu").addLabel("extra","menu+=0.6").set(Li.extra,{y:"400%",opacity:0},"start").to(Li.extra,{duration:.5,ease:"power4",startAt:{opacity:1},opacity:1,y:"0%"},"extra");Li.menuLinks.forEach((function(t){t.addEventListener("click",(function(t){t.preventDefault(),Ii.isAnimating||Ii.isOpen||(Ii.isAnimating=!0,Ii.isOpen=!0,qi.play())}))})),Li.closeCtrl.addEventListener("click",(function(t){t.preventDefault(),!Ii.isAnimating&&Ii.isOpen&&(Ii.isAnimating=!0,Ii.isOpen=!1,qi.reverse(0))}))}(); -------------------------------------------------------------------------------- /dist/index.e9a2d1b4.js: -------------------------------------------------------------------------------- 1 | function t(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function e(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e} 2 | /*! 3 | * GSAP 3.9.1 4 | * https://greensock.com 5 | * 6 | * @license Copyright 2008-2021, GreenSock. All rights reserved. 7 | * Subject to the terms at https://greensock.com/standard-license or for 8 | * Club GreenSock members, the agreement issued with that membership. 9 | * @author: Jack Doyle, jack@greensock.com 10 | */var r,i,n,s,a,o,u,h,l,f,c,p,_,d,m,g,v,y,x,T,w,b,O,A,M,k,C,D,S={autoSleep:120,force3D:"auto",nullTargetWarn:1,units:{lineHeight:""}},P={duration:.5,overwrite:!1,delay:0},z=2*Math.PI,R=z/4,E=0,F=Math.sqrt,B=Math.cos,L=Math.sin,I=function(t){return"string"==typeof t},q=function(t){return"function"==typeof t},Y=function(t){return"number"==typeof t},U=function(t){return void 0===t},N=function(t){return"object"==typeof t},X=function(t){return!1!==t},V=function(){return"undefined"!=typeof window},j=function(t){return q(t)||I(t)},G="function"==typeof ArrayBuffer&&ArrayBuffer.isView||function(){},W=Array.isArray,Q=/(?:-?\.?\d|\.)+/gi,H=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g,Z=/[-+=.]*\d+[.e-]*\d*[a-z%]*/g,$=/[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi,J=/[+-]=-?[.\d]+/,K=/[^,'"\[\]\s]+/gi,tt=/[\d.+\-=]+(?:e[-+]\d*)*/i,et={},rt={},it=function(t){return(rt=Ct(t,et))&&dr},nt=function(t,e){return console.warn("Invalid property",t,"set to",e,"Missing plugin? gsap.registerPlugin()")},st=function(t,e){return!e&&console.warn(t)},at=function(t,e){return t&&(et[t]=e)&&rt&&(rt[t]=e)||et},ot=function(){return 0},ut={},ht=[],lt={},ft={},ct={},pt=30,_t=[],dt="",mt=function(t){var e,r,i=t[0];if(N(i)||q(i)||(t=[t]),!(e=(i._gsap||{}).harness)){for(r=_t.length;r--&&!_t[r].targetTest(i););e=_t[r]}for(r=t.length;r--;)t[r]&&(t[r]._gsap||(t[r]._gsap=new qe(t[r],e)))||t.splice(r,1);return t},gt=function(t){return t._gsap||mt(se(t))[0]._gsap},vt=function(t,e,r){return(r=t[e])&&q(r)?t[e]():U(r)&&t.getAttribute&&t.getAttribute(e)||r},yt=function(t,e){return(t=t.split(",")).forEach(e)||t},xt=function(t){return Math.round(1e5*t)/1e5||0},Tt=function(t){return Math.round(1e7*t)/1e7||0},wt=function(t,e){for(var r=e.length,i=0;t.indexOf(e[i])<0&&++it._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t},Ft=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},Bt=function t(e){return!e||e._ts&&t(e.parent)},Lt=function(t){return t._repeat?It(t._tTime,t=t.duration()+t._rDelay)*t:0},It=function(t,e){var r=Math.floor(t/=e);return t&&r===t?r-1:r},qt=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},Yt=function(t){return t._end=Tt(t._start+(t._tDur/Math.abs(t._ts||t._rts||1e-8)||0))},Ut=function(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=Tt(r._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Yt(t),r._dirty||Et(r,t)),t},Nt=function(t,e){var r;if((e._time||e._initted&&!e._dur)&&(r=qt(t.rawTime(),e),(!e._dur||te(0,e.totalDuration(),r)-e._tTime>1e-8)&&e.render(r,!0)),Et(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur=0&&r.totalTime(r._tTime),r=r._dp;t._zTime=-1e-8}},Xt=function(t,e,r,n){return e.parent&&Rt(e),e._start=Tt((Y(r)?r:r||t!==i?$t(t,r,e):t._time)+e._delay),e._end=Tt(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),function(t,e,r,i,n){void 0===r&&(r="_first"),void 0===i&&(i="_last");var s,a=t[i];if(n)for(s=e[n];a&&a[n]>s;)a=a._prev;a?(e._next=a._next,a._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[i]=e,e._prev=a,e.parent=e._dp=t}(t,e,"_first","_last",t._sort?"_start":0),Wt(e)||(t._recent=e),n||Nt(t,e),t},Vt=function(t,e){return(et.ScrollTrigger||nt("scrollTrigger",e))&&et.ScrollTrigger.create(e,t)},jt=function(t,e,r,i){return Ge(t,e),t._initted?!r&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&u!==Me.frame?(ht.push(t),t._lazy=[e,i],1):void 0:1},Gt=function t(e){var r=e.parent;return r&&r._ts&&r._initted&&!r._lock&&(r.rawTime()<0||t(r))},Wt=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},Qt=function(t,e,r,i){var n=t._repeat,s=Tt(e)||0,a=t._tTime/t._tDur;return a&&!i&&(t._time*=s/t._dur),t._dur=s,t._tDur=n?n<0?1e10:Tt(s*(n+1)+t._rDelay*n):s,a>0&&!i?Ut(t,t._tTime=t._tDur*a):t.parent&&Yt(t),r||Et(t.parent,t),t},Ht=function(t){return t instanceof Ue?Et(t):Qt(t,t._dur)},Zt={_start:0,endTime:ot,totalDuration:ot},$t=function t(e,r,i){var n,s,a,o=e.labels,u=e._recent||Zt,h=e.duration()>=1e8?u.endTime(!1):e._dur;return I(r)&&(isNaN(r)||r in o)?(s=r.charAt(0),a="%"===r.substr(-1),n=r.indexOf("="),"<"===s||">"===s?(n>=0&&(r=r.replace(/=/,"")),("<"===s?u._start:u.endTime(u._repeat>=0))+(parseFloat(r.substr(1))||0)*(a?(n<0?u:i).totalDuration()/100:1)):n<0?(r in o||(o[r]=h),o[r]):(s=parseFloat(r.charAt(n-1)+r.substr(n+1)),a&&i&&(s=s/100*(W(i)?i[0]:i).totalDuration()),n>1?t(e,r.substr(0,n-1),i)+s:h+s)):null==r?h:+r},Jt=function(t,e,r){var i,n,s=Y(e[1]),a=(s?2:1)+(t<2?0:1),o=e[a];if(s&&(o.duration=e[1]),o.parent=r,t){for(i=o,n=r;n&&!("immediateRender"in i);)i=n.vars.defaults||{},n=X(n.vars.inherit)&&n.parent;o.immediateRender=X(i.immediateRender),t<2?o.runBackwards=1:o.startAt=e[a-1]}return new $e(e[0],o,e[a+1])},Kt=function(t,e){return t||0===t?e(t):e},te=function(t,e,r){return re?e:r},ee=function(t,e){return I(t)&&(e=tt.exec(t))?t.substr(e.index+e[0].length):""},re=[].slice,ie=function(t,e){return t&&N(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&N(t[0]))&&!t.nodeType&&t!==n},ne=function(t,e,r){return void 0===r&&(r=[]),t.forEach((function(t){var i;return I(t)&&!e||ie(t,1)?(i=r).push.apply(i,se(t)):r.push(t)}))||r},se=function(t,e,r){return!I(t)||r||!s&&ke()?W(t)?ne(t,r):ie(t)?re.call(t,0):t?[t]:[]:re.call((e||a).querySelectorAll(t),0)},ae=function(t){return t.sort((function(){return.5-Math.random()}))},oe=function(t){if(q(t))return t;var e=N(t)?t:{each:t},r=Ee(e.ease),i=e.from||0,n=parseFloat(e.base)||0,s={},a=i>0&&i<1,o=isNaN(i)||a,u=e.axis,h=i,l=i;return I(i)?h=l={center:.5,edges:.5,end:1}[i]||0:!a&&o&&(h=i[0],l=i[1]),function(t,a,f){var c,p,_,d,m,g,v,y,x,T=(f||e).length,w=s[T];if(!w){if(!(x="auto"===e.grid?0:(e.grid||[1,1e8])[1])){for(v=-1e8;v<(v=f[x++].getBoundingClientRect().left)&&xv&&(v=m),mT?T-1:u?"y"===u?T/x:x:Math.max(x,T/x))||0)*("edges"===i?-1:1),w.b=T<0?n-T:n,w.u=ee(e.amount||e.each)||0,r=r&&T<0?ze(r):r}return T=(w[t]-w.min)/w.max||0,Tt(w.b+(r?r(T):T)*w.v)+w.u}},ue=function(t){var e=Math.pow(10,((t+"").split(".")[1]||"").length);return function(r){var i=Math.round(parseFloat(r)/t)*t*e;return(i-i%1)/e+(Y(r)?0:ee(r))}},he=function(t,e){var r,i,n=W(t);return!n&&N(t)&&(r=n=t.radius||1e8,t.values?(t=se(t.values),(i=!Y(t[0]))&&(r*=r)):t=ue(t.increment)),Kt(e,n?q(t)?function(e){return i=t(e),Math.abs(i-e)<=r?i:e}:function(e){for(var n,s,a=parseFloat(i?e.x:e),o=parseFloat(i?e.y:0),u=1e8,h=0,l=t.length;l--;)(n=i?(n=t[l].x-a)*n+(s=t[l].y-o)*s:Math.abs(t[l]-a))(n=Math.abs(n))&&(s=i,o=n);return s},de=function(t,e,r){var i,n,s=t.vars,a=s[e];if(a)return i=s[e+"Params"],n=s.callbackScope||t,r&&ht.length&&bt(),i?a.apply(n,i):a.call(n)},me=function(t){return Rt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&de(t,"onInterrupt"),t},ge=function(t){var e=(t=!t.name&&t.default||t).name,r=q(t),i=e&&!r&&t.init?function(){this._props=[]}:t,n={init:ot,render:ar,add:Ve,kill:ur,modifier:or,rawVars:0},s={targetTest:0,get:0,getSetter:rr,aliases:{},register:0};if(ke(),t!==i){if(ft[e])return;kt(i,kt(St(t,n),s)),Ct(i.prototype,Ct(n,St(t,s))),ft[i.prop=e]=i,t.targetTest&&(_t.push(i),ut[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}at(e,i),t.register&&t.register(dr,i,fr)},ve={aqua:[0,255,255],lime:[0,255,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,255],navy:[0,0,128],white:[255,255,255],olive:[128,128,0],yellow:[255,255,0],orange:[255,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[255,0,0],pink:[255,192,203],cyan:[0,255,255],transparent:[255,255,255,0]},ye=function(t,e,r){return 255*(6*(t+=t<0?1:t>1?-1:0)<1?e+(r-e)*t*6:t<.5?r:3*t<2?e+(r-e)*(2/3-t)*6:e)+.5|0},xe=function(t,e,r){var i,n,s,a,o,u,h,l,f,c,p=t?Y(t)?[t>>16,t>>8&255,255&t]:0:ve.black;if(!p){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),ve[t])p=ve[t];else if("#"===t.charAt(0)){if(t.length<6&&(i=t.charAt(1),n=t.charAt(2),s=t.charAt(3),t="#"+i+i+n+n+s+s+(5===t.length?t.charAt(4)+t.charAt(4):"")),9===t.length)return[(p=parseInt(t.substr(1,6),16))>>16,p>>8&255,255&p,parseInt(t.substr(7),16)/255];p=[(t=parseInt(t.substr(1),16))>>16,t>>8&255,255&t]}else if("hsl"===t.substr(0,3))if(p=c=t.match(Q),e){if(~t.indexOf("="))return p=t.match(H),r&&p.length<4&&(p[3]=1),p}else a=+p[0]%360/360,o=+p[1]/100,i=2*(u=+p[2]/100)-(n=u<=.5?u*(o+1):u+o-u*o),p.length>3&&(p[3]*=1),p[0]=ye(a+1/3,i,n),p[1]=ye(a,i,n),p[2]=ye(a-1/3,i,n);else p=t.match(Q)||ve.transparent;p=p.map(Number)}return e&&!c&&(i=p[0]/255,n=p[1]/255,s=p[2]/255,u=((h=Math.max(i,n,s))+(l=Math.min(i,n,s)))/2,h===l?a=o=0:(f=h-l,o=u>.5?f/(2-h-l):f/(h+l),a=h===i?(n-s)/f+(nv&&(x+=a-y),((r=(n=(T+=a)-x)-b)>0||o)&&(s=++_.frame,d=n-1e3*_.time,_.time=n/=1e3,b+=r+(r>=w?4:w-r),i=1),o||(f=c(t)),i)for(m=0;m=e&&m--},_listeners:O=[]}),ke=function(){return!l&&Me.wake()},Ce={},De=/^[\d.\-M][\d.\-,\s]/,Se=/["']/g,Pe=function(t){for(var e,r,i,n={},s=t.substr(1,t.length-3).split(":"),a=s[0],o=1,u=s.length;o1&&a.config?a.config.apply(null,~t.indexOf("{")?[Pe(s[1])]:(e=t,r=e.indexOf("(")+1,i=e.indexOf(")"),n=e.indexOf("(",r),e.substring(r,~n&&n=1?r:1,s=(i||(e?.3:.45))/(r<1?r:1),a=s/z*(Math.asin(1/n)||0),o=function(t){return 1===t?1:n*Math.pow(2,-10*t)*L((t-a)*s)+1},u="out"===e?o:"in"===e?function(t){return 1-o(1-t)}:Be(o);return s=z/s,u.config=function(r,i){return t(e,r,i)},u},Ie=function t(e,r){void 0===r&&(r=1.70158);var i=function(t){return t?--t*t*((r+1)*t+r)+1:0},n="out"===e?i:"in"===e?function(t){return 1-i(1-t)}:Be(i);return n.config=function(r){return t(e,r)},n};yt("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var r=e<5?e+1:e;Fe(t+",Power"+(r-1),e?function(t){return Math.pow(t,r)}:function(t){return t},(function(t){return 1-Math.pow(1-t,r)}),(function(t){return t<.5?Math.pow(2*t,r)/2:1-Math.pow(2*(1-t),r)/2}))})),Ce.Linear.easeNone=Ce.none=Ce.Linear.easeIn,Fe("Elastic",Le("in"),Le("out"),Le()),M=7.5625,C=1/(k=2.75),Fe("Bounce",(function(t){return 1-D(1-t)}),D=function(t){return t0?t+(t+this._rDelay)*this._repeat:t):this.totalDuration()&&this._dur},e.totalDuration=function(t){return arguments.length?(this._dirty=0,Qt(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(ke(),!arguments.length)return this._tTime;var r=this._dp;if(r&&r.smoothChildTiming&&this._ts){for(Ut(this,t),!r._dp||r.parent||Nt(r,this);r&&r.parent;)r.parent._time!==r._start+(r._ts>=0?r._tTime/r._ts:(r.totalDuration()-r._tTime)/-r._ts)&&r.totalTime(r._tTime,!0),r=r.parent;!this.parent&&this._dp.autoRemoveChildren&&(this._ts>0&&t0||!this._tDur&&!t)&&Xt(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&1e-8===Math.abs(this._zTime)||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),Ot(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Lt(this))%(this._dur+this._rDelay)||(t?this._dur:0),e):this._time},e.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):this.ratio},e.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+Lt(this),e):this.duration()?Math.min(1,this._time/this._dur):this.ratio},e.iteration=function(t,e){var r=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*r,e):this._repeat?It(this._tTime,r)+1:1},e.timeScale=function(t){if(!arguments.length)return-1e-8===this._rts?0:this._rts;if(this._rts===t)return this;var e=this.parent&&this._ts?qt(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,Ft(this.totalTime(te(-this._delay,this._tDur,e),!0)),Yt(this),this},e.paused=function(t){return arguments.length?(this._ps!==t&&(this._ps=t,t?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(ke(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&1e-8!==Math.abs(this._zTime)&&(this._tTime-=1e-8)))),this):this._ps},e.startTime=function(t){if(arguments.length){this._start=t;var e=this.parent||this._dp;return e&&(e._sort||!this.parent)&&Xt(e,this,t-this._delay),this}return this._start},e.endTime=function(t){return this._start+(X(t)?this.totalDuration():this.duration())/Math.abs(this._ts||1)},e.rawTime=function(t){var e=this.parent||this._dp;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?qt(e.rawTime(t),this):this._tTime:this._tTime},e.globalTime=function(t){for(var e=this,r=arguments.length?t:e.rawTime();e;)r=e._start+r/(e._ts||1),e=e._dp;return r},e.repeat=function(t){return arguments.length?(this._repeat=t===1/0?-2:t,Ht(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,Ht(this),e?this.time(e):this}return this._rDelay},e.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},e.seek=function(t,e){return this.totalTime($t(this,t),X(e))},e.restart=function(t,e){return this.play().totalTime(t?-this._delay:0,X(e))},e.play=function(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},e.reverse=function(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},e.pause=function(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},e.resume=function(){return this.paused(!1)},e.reversed=function(t){return arguments.length?(!!t!==this.reversed()&&this.timeScale(-this._rts||(t?-1e-8:0)),this):this._rts<0},e.invalidate=function(){return this._initted=this._act=0,this._zTime=-1e-8,this},e.isActive=function(){var t,e=this.parent||this._dp,r=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=r&&t1?(e?(i[t]=e,r&&(i[t+"Params"]=r),"onUpdate"===t&&(this._onUpdate=e)):delete i[t],this):i[t]},e.then=function(t){var e=this;return new Promise((function(r){var i=q(t)?t:Mt,n=function(){var t=e.then;e.then=null,q(i)&&(i=i(e))&&(i.then||i===e)&&(e.then=t),r(i),e.then=t};e._initted&&1===e.totalProgress()&&e._ts>=0||!e._tTime&&e._ts<0?n():e._prom=n}))},e.kill=function(){me(this)},t}();kt(Ye.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:null,_initted:!1,_rDelay:0,_ts:1,_dp:0,ratio:0,_zTime:-1e-8,_prom:0,_ps:!1,_rts:1});var Ue=function(r){function n(e,n){var s;return void 0===e&&(e={}),(s=r.call(this,e)||this).labels={},s.smoothChildTiming=!!e.smoothChildTiming,s.autoRemoveChildren=!!e.autoRemoveChildren,s._sort=X(e.sortChildren),i&&Xt(e.parent||i,t(s),n),e.reversed&&s.reverse(),e.paused&&s.paused(!0),e.scrollTrigger&&Vt(t(s),e.scrollTrigger),s}e(n,r);var s=n.prototype;return s.to=function(t,e,r){return Jt(0,arguments,this),this},s.from=function(t,e,r){return Jt(1,arguments,this),this},s.fromTo=function(t,e,r,i){return Jt(2,arguments,this),this},s.set=function(t,e,r){return e.duration=0,e.parent=this,Pt(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new $e(t,e,$t(this,r),1),this},s.call=function(t,e,r){return Xt(this,$e.delayedCall(0,t,e),r)},s.staggerTo=function(t,e,r,i,n,s,a){return r.duration=e,r.stagger=r.stagger||i,r.onComplete=s,r.onCompleteParams=a,r.parent=this,new $e(t,r,$t(this,n)),this},s.staggerFrom=function(t,e,r,i,n,s,a){return r.runBackwards=1,Pt(r).immediateRender=X(r.immediateRender),this.staggerTo(t,e,r,i,n,s,a)},s.staggerFromTo=function(t,e,r,i,n,s,a,o){return i.startAt=r,Pt(i).immediateRender=X(i.immediateRender),this.staggerTo(t,e,i,n,s,a,o)},s.render=function(t,e,r){var n,s,a,o,u,h,l,f,c,p,_,d,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=t<=0?0:Tt(t),x=this._zTime<0!=t<0&&(this._initted||!v);if(this!==i&&y>g&&t>=0&&(y=g),y!==this._tTime||r||x){if(m!==this._time&&v&&(y+=this._time-m,t+=this._time-m),n=y,c=this._start,h=!(f=this._ts),x&&(v||(m=this._zTime),(t||!e)&&(this._zTime=t)),this._repeat){if(_=this._yoyo,u=v+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*u+t,e,r);if(n=Tt(y%u),y===g?(o=this._repeat,n=v):((o=~~(y/u))&&o===y/u&&(n=v,o--),n>v&&(n=v)),p=It(this._tTime,u),!m&&this._tTime&&p!==o&&(p=o),_&&1&o&&(n=v-n,d=1),o!==p&&!this._lock){var T=_&&1&p,w=T===(_&&1&o);if(oe)for(i=t._first;i&&i._start<=r;){if("isPause"===i.data&&i._start>e)return i;i=i._next}else for(i=t._last;i&&i._start>=r;){if("isPause"===i.data&&i._start=m&&t>=0)for(s=this._first;s;){if(a=s._next,(s._act||n>=s._start)&&s._ts&&l!==s){if(s.parent!==this)return this.render(t,e,r);if(s.render(s._ts>0?(n-s._start)*s._ts:(s._dirty?s.totalDuration():s._tDur)+(n-s._start)*s._ts,e,r),n!==this._time||!this._ts&&!h){l=0,a&&(y+=this._zTime=-1e-8);break}}s=a}else{s=this._last;for(var b=t<0?t:n;s;){if(a=s._prev,(s._act||b<=s._end)&&s._ts&&l!==s){if(s.parent!==this)return this.render(t,e,r);if(s.render(s._ts>0?(b-s._start)*s._ts:(s._dirty?s.totalDuration():s._tDur)+(b-s._start)*s._ts,e,r),n!==this._time||!this._ts&&!h){l=0,a&&(y+=this._zTime=b?-1e-8:1e-8);break}}s=a}}if(l&&!e&&(this.pause(),l.render(n>=m?0:-1e-8)._zTime=n>=m?1:-1,this._ts))return this._start=c,Yt(this),this.render(t,e,r);this._onUpdate&&!e&&de(this,"onUpdate",!0),(y===g&&g>=this.totalDuration()||!y&&m)&&(c!==this._start&&Math.abs(f)===Math.abs(this._ts)||this._lock||((t||!v)&&(y===g&&this._ts>0||!y&&this._ts<0)&&Rt(this,1),e||t<0&&!m||!y&&!m&&g||(de(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},s.add=function(t,e){var r=this;if(Y(e)||(e=$t(this,e,t)),!(t instanceof Ye)){if(W(t))return t.forEach((function(t){return r.add(t,e)})),this;if(I(t))return this.addLabel(t,e);if(!q(t))return this;t=$e.delayedCall(0,t)}return this!==t?Xt(this,t,e):this},s.getChildren=function(t,e,r,i){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===r&&(r=!0),void 0===i&&(i=-1e8);for(var n=[],s=this._first;s;)s._start>=i&&(s instanceof $e?e&&n.push(s):(r&&n.push(s),t&&n.push.apply(n,s.getChildren(!0,e,r)))),s=s._next;return n},s.getById=function(t){for(var e=this.getChildren(1,1,1),r=e.length;r--;)if(e[r].vars.id===t)return e[r]},s.remove=function(t){return I(t)?this.removeLabel(t):q(t)?this.killTweensOf(t):(zt(this,t),t===this._recent&&(this._recent=this._last),Et(this))},s.totalTime=function(t,e){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=Tt(Me.time-(this._ts>0?t/this._ts:(this.totalDuration()-t)/-this._ts))),r.prototype.totalTime.call(this,t,e),this._forcing=0,this):this._tTime},s.addLabel=function(t,e){return this.labels[t]=$t(this,e),this},s.removeLabel=function(t){return delete this.labels[t],this},s.addPause=function(t,e,r){var i=$e.delayedCall(0,e||ot,r);return i.data="isPause",this._hasPause=1,Xt(this,i,$t(this,t))},s.removePause=function(t){var e=this._first;for(t=$t(this,t);e;)e._start===t&&"isPause"===e.data&&Rt(e),e=e._next},s.killTweensOf=function(t,e,r){for(var i=this.getTweensOf(t,r),n=i.length;n--;)Ne!==i[n]&&i[n].kill(t,e);return this},s.getTweensOf=function(t,e){for(var r,i=[],n=se(t),s=this._first,a=Y(e);s;)s instanceof $e?wt(s._targets,n)&&(a?(!Ne||s._initted&&s._ts)&&s.globalTime(0)<=e&&s.globalTime(s.totalDuration())>e:!e||s.isActive())&&i.push(s):(r=s.getTweensOf(n,e)).length&&i.push.apply(i,r),s=s._next;return i},s.tweenTo=function(t,e){e=e||{};var r,i=this,n=$t(i,t),s=e,a=s.startAt,o=s.onStart,u=s.onStartParams,h=s.immediateRender,l=$e.to(i,kt({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:n,overwrite:"auto",duration:e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale())||1e-8,onStart:function(){if(i.pause(),!r){var t=e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale());l._dur!==t&&Qt(l,t,0,1).render(l._time,!0,!0),r=1}o&&o.apply(l,u||[])}},e));return h?l.render(0):l},s.tweenFromTo=function(t,e,r){return this.tweenTo(e,kt({startAt:{time:$t(this,t)}},r))},s.recent=function(){return this._recent},s.nextLabel=function(t){return void 0===t&&(t=this._time),_e(this,$t(this,t))},s.previousLabel=function(t){return void 0===t&&(t=this._time),_e(this,$t(this,t),1)},s.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+1e-8)},s.shiftChildren=function(t,e,r){void 0===r&&(r=0);for(var i,n=this._first,s=this.labels;n;)n._start>=r&&(n._start+=t,n._end+=t),n=n._next;if(e)for(i in s)s[i]>=r&&(s[i]+=t);return Et(this)},s.invalidate=function(){var t=this._first;for(this._lock=0;t;)t.invalidate(),t=t._next;return r.prototype.invalidate.call(this)},s.clear=function(t){void 0===t&&(t=!0);for(var e,r=this._first;r;)e=r._next,this.remove(r),r=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),Et(this)},s.totalDuration=function(t){var e,r,n,s=0,a=this,o=a._last,u=1e8;if(arguments.length)return a.timeScale((a._repeat<0?a.duration():a.totalDuration())/(a.reversed()?-t:t));if(a._dirty){for(n=a.parent;o;)e=o._prev,o._dirty&&o.totalDuration(),(r=o._start)>u&&a._sort&&o._ts&&!a._lock?(a._lock=1,Xt(a,o,r-o._delay,1)._lock=0):u=r,r<0&&o._ts&&(s-=r,(!n&&!a._dp||n&&n.smoothChildTiming)&&(a._start+=r/a._ts,a._time-=r,a._tTime-=r),a.shiftChildren(-r,!1,-1/0),u=0),o._end>s&&o._ts&&(s=o._end),o=e;Qt(a,a===i&&a._time>s?a._time:s,1,1),a._dirty=0}return a._tDur},n.updateRoot=function(t){if(i._ts&&(Ot(i,qt(t,i)),u=Me.frame),Me.frame>=pt){pt+=S.autoSleep||120;var e=i._first;if((!e||!e._ts)&&S.autoSleep&&Me._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Me.sleep()}}},n}(Ye);kt(Ue.prototype,{_lock:0,_hasPause:0,_forcing:0});var Ne,Xe=function(t,e,r,i,n,s,a){var o,u,h,l,f,c,p,_,d=new fr(this._pt,t,e,0,1,sr,null,n),m=0,g=0;for(d.b=r,d.e=i,r+="",(p=~(i+="").indexOf("random("))&&(i=ce(i)),s&&(s(_=[r,i],t,e),r=_[0],i=_[1]),u=r.match($)||[];o=$.exec(i);)l=o[0],f=i.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(c=parseFloat(u[g-1])||0,d._pt={_next:d._pt,p:f||1===g?f:",",s:c,c:"="===l.charAt(1)?parseFloat(l.substr(2))*("-"===l.charAt(0)?-1:1):parseFloat(l)-c,m:h&&h<4?Math.round:0},m=$.lastIndex);return d.c=m0&&!D&&(e._startAt=0),S&&n<=0)return void(n&&(e._zTime=n))}else!1===D&&(e._startAt=0);else if(M&&S)if(z)!D&&(e._startAt=0);else if(n&&(T=!1),o=kt({overwrite:!1,data:"isFromStart",lazy:T&&X(w),immediateRender:T,stagger:0,parent:E},s),m&&(o[c.prop]=m),Rt(e._startAt=$e.set(R,o)),n<0&&e._startAt.render(-1,!0),e._zTime=n,T){if(!n)return}else t(e._startAt,1e-8);for(e._pt=0,w=S&&X(w)||w&&!S,a=0;a")}));else{for(p in f={},b)"ease"===p||"easeEach"===p||We(p,b[p],f,b.easeEach);for(p in f)for(D=f[p].sort((function(t,e){return t.t-e.t})),R=0,l=0;lp-1e-8&&t>=0?p:t<1e-8?0:t;if(_){if(d!==this._tTime||!t||r||!this._initted&&this._tTime||this._startAt&&this._zTime<0!=t<0){if(i=d,l=this.timeline,this._repeat){if(a=_+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*a+t,e,r);if(i=Tt(d%a),d===p?(s=this._repeat,i=_):((s=~~(d/a))&&s===d/a&&(i=_,s--),i>_&&(i=_)),(u=this._yoyo&&1&s)&&(f=this._yEase,i=_-i),o=It(this._tTime,a),i===c&&!r&&this._initted)return this;s!==o&&(l&&this._yEase&&Re(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=r=1,this.render(Tt(a*s),!0).invalidate()._lock=0))}if(!this._initted){if(jt(this,t<0?t:i,r,e))return this._tTime=0,this;if(_!==this._dur)return this.render(t,e,r)}if(this._tTime=d,this._time=i,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(f||this._ease)(i/_),this._from&&(this.ratio=h=1-h),i&&!c&&!e&&(de(this,"onStart"),this._tTime!==d))return this;for(n=this._pt;n;)n.r(h,n.d),n=n._next;l&&l.render(t<0?t:!i&&u?-1e-8:l._dur*l._ease(i/this._dur),e,r)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,r),de(this,"onUpdate")),this._repeat&&s!==o&&this.vars.onRepeat&&!e&&this.parent&&de(this,"onRepeat"),d!==this._tDur&&d||this._tTime!==d||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!_)&&(d===this._tDur&&this._ts>0||!d&&this._ts<0)&&Rt(this,1),e||t<0&&!c||!d&&!c||(de(this,d===p?"onComplete":"onReverseComplete",!0),this._prom&&!(d0)&&this._prom()))}}else!function(t,e,r,i){var n,s,a,o=t.ratio,u=e<0||!e&&(!t._start&&Gt(t)&&(t._initted||!Wt(t))||(t._ts<0||t._dp._ts<0)&&!Wt(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=te(0,t._tDur,e),s=It(l,h),t._yoyo&&1&s&&(u=1-u),s!==It(t._tTime,h)&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||i||1e-8===t._zTime||!e&&t._zTime){if(!t._initted&&jt(t,e,i,r))return;for(a=t._zTime,t._zTime=e||(r?1e-8:0),r||(r=e&&!a),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,n=t._pt;n;)n.r(u,n.d),n=n._next;t._startAt&&e<0&&t._startAt.render(e,!0,!0),t._onUpdate&&!r&&de(t,"onUpdate"),l&&t._repeat&&!r&&t.parent&&de(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Rt(t,1),r||(de(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,r);return this},a.targets=function(){return this._targets},a.invalidate=function(){return this._pt=this._op=this._startAt=this._onUpdate=this._lazy=this.ratio=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(),n.prototype.invalidate.call(this)},a.kill=function(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?me(this):this;if(this.timeline){var r=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,Ne&&!0!==Ne.vars.overwrite)._first||me(this),this.parent&&r!==this.timeline.totalDuration()&&Qt(this,this._dur*this.timeline._tDur/r,0,1),this}var i,n,s,a,o,u,h,l=this._targets,f=t?se(t):l,c=this._ptLookup,p=this._pt;if((!e||"all"===e)&&function(t,e){for(var r=t.length,i=r===e.length;i&&r--&&t[r]===e[r];);return r<0}(l,f))return"all"===e&&(this._pt=0),me(this);for(i=this._op=this._op||[],"all"!==e&&(I(e)&&(o={},yt(e,(function(t){return o[t]=1})),e=o),e=function(t,e){var r,i,n,s,a=t[0]?gt(t[0]).harness:0,o=a&&a.aliases;if(!o)return e;for(i in r=Ct({},e),o)if(i in r)for(n=(s=o[i].split(",")).length;n--;)r[s[n]]=r[i];return r}(l,e)),h=l.length;h--;)if(~f.indexOf(l[h]))for(o in n=c[h],"all"===e?(i[h]=e,a=n,s={}):(s=i[h]=i[h]||{},a=e),a)(u=n&&n[o])&&("kill"in u.d&&!0!==u.d.kill(o)||zt(this,u,"_pt"),delete n[o]),"all"!==s&&(s[o]=1);return this._initted&&!this._pt&&p&&me(this),this},s.to=function(t,e){return new s(t,e,arguments[2])},s.from=function(t,e){return Jt(1,arguments)},s.delayedCall=function(t,e,r,i){return new s(e,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:e,onReverseComplete:e,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:i})},s.fromTo=function(t,e,r){return Jt(2,arguments)},s.set=function(t,e){return e.duration=0,e.repeatDelay||(e.repeat=0),new s(t,e)},s.killTweensOf=function(t,e,r){return i.killTweensOf(t,e,r)},s}(Ye);kt($e.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),yt("staggerTo,staggerFrom,staggerFromTo",(function(t){$e[t]=function(){var e=new Ue,r=re.call(arguments,0);return r.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,r)}}));var Je=function(t,e,r){return t[e]=r},Ke=function(t,e,r){return t[e](r)},tr=function(t,e,r,i){return t[e](i.fp,r)},er=function(t,e,r){return t.setAttribute(e,r)},rr=function(t,e){return q(t[e])?Ke:U(t[e])&&t.setAttribute?er:Je},ir=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},nr=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},sr=function(t,e){var r=e._pt,i="";if(!t&&e.b)i=e.b;else if(1===t&&e.e)i=e.e;else{for(;r;)i=r.p+(r.m?r.m(r.s+r.c*t):Math.round(1e4*(r.s+r.c*t))/1e4)+i,r=r._next;i+=e.c}e.set(e.t,e.p,i,e)},ar=function(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},or=function(t,e,r,i){for(var n,s=this._pt;s;)n=s._next,s.p===i&&s.modifier(t,e,r),s=n},ur=function(t){for(var e,r,i=this._pt;i;)r=i._next,i.p===t&&!i.op||i.op===t?zt(this,i,"_pt"):i.dep||(e=1),i=r;return!e},hr=function(t,e,r,i){i.mSet(t,e,i.m.call(i.tween,r,i.mt),i)},lr=function(t){for(var e,r,i,n,s=t._pt;s;){for(e=s._next,r=i;r&&r.pr>s.pr;)r=r._next;(s._prev=r?r._prev:n)?s._prev._next=s:i=s,(s._next=r)?r._prev=s:n=s,s=e}t._pt=i},fr=function(){function t(t,e,r,i,n,s,a,o,u){this.t=e,this.s=i,this.c=n,this.p=r,this.r=s||ir,this.d=a||this,this.set=o||Je,this.pr=u||0,this._next=t,t&&(t._prev=this)}return t.prototype.modifier=function(t,e,r){this.mSet=this.mSet||this.set,this.set=hr,this.m=t,this.mt=r,this.tween=e},t}();yt(dt+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",(function(t){return ut[t]=1})),et.TweenMax=et.TweenLite=$e,et.TimelineLite=et.TimelineMax=Ue,i=new Ue({sortChildren:!1,defaults:P,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),S.stringFilter=Ae;var cr={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),r=0;r1){var i=t.map((function(t){return dr.quickSetter(t,e,r)})),n=i.length;return function(t){for(var e=n;e--;)i[e](t)}}t=t[0]||{};var s=ft[e],a=gt(t),o=a.harness&&(a.harness.aliases||{})[e]||e,u=s?function(e){var i=new s;h._pt=0,i.init(t,r?e+r:e,h,0,[t]),i.render(1,i),h._pt&&ar(1,h)}:a.set(t,o);return s?u:function(e){return u(t,o,r?e+r:e,a,1)}},isTweening:function(t){return i.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=Ee(t.ease,P.ease)),Dt(P,t||{})},config:function(t){return Dt(S,t||{})},registerEffect:function(t){var e=t.name,r=t.effect,i=t.plugins,n=t.defaults,s=t.extendTimeline;(i||"").split(",").forEach((function(t){return t&&!ft[t]&&!et[t]&&st(e+" effect requires "+t+" plugin.")})),ct[e]=function(t,e,i){return r(se(t),kt(e||{},n),i)},s&&(Ue.prototype[e]=function(t,r,i){return this.add(ct[e](t,N(r)?r:(i=r)&&{},this),i)})},registerEase:function(t,e){Ce[t]=Ee(e)},parseEase:function(t,e){return arguments.length?Ee(t,e):Ce},getById:function(t){return i.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var r,n,s=new Ue(t);for(s.smoothChildTiming=X(t.smoothChildTiming),i.remove(s),s._dp=0,s._time=s._tTime=i._time,r=i._first;r;)n=r._next,!e&&!r._dur&&r instanceof $e&&r.vars.onComplete===r._targets[0]||Xt(s,r,r._start-r._delay),r=n;return Xt(i,s,0),s},utils:{wrap:function t(e,r,i){var n=r-e;return W(e)?fe(e,t(0,e.length),r):Kt(i,(function(t){return(n+(t-e)%n)%n+e}))},wrapYoyo:function t(e,r,i){var n=r-e,s=2*n;return W(e)?fe(e,t(0,e.length-1),r):Kt(i,(function(t){return e+((t=(s+(t-e)%s)%s||0)>n?s-t:t)}))},distribute:oe,random:le,snap:he,normalize:function(t,e,r){return pe(t,e,0,1,r)},getUnit:ee,clamp:function(t,e,r){return Kt(r,(function(r){return te(t,e,r)}))},splitColor:xe,toArray:se,selector:function(t){return t=se(t)[0]||st("Invalid scope")||{},function(e){var r=t.current||t.nativeElement||t;return se(e,r.querySelectorAll?r:r===t?st("Invalid scope")||a.createElement("div"):t)}},mapRange:pe,pipe:function(){for(var t=arguments.length,e=new Array(t),r=0;r=0?Wr[n]:"")+t},Hr=function(){"undefined"!=typeof window&&window.document&&(mr=window,gr=mr.document,vr=gr.documentElement,xr=jr("div")||{style:{}},jr("div"),Xr=Qr(Xr),Vr=Xr+"Origin",xr.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",wr=!!Qr("perspective"),yr=1)},Zr=function t(e){var r,i=jr("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=this.parentNode,s=this.nextSibling,a=this.style.cssText;if(vr.appendChild(i),i.appendChild(this),this.style.display="block",e)try{r=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=t}catch(t){}else this._gsapBBox&&(r=this._gsapBBox());return n&&(s?n.insertBefore(this,s):n.appendChild(this)),vr.removeChild(i),this.style.cssText=a,r},$r=function(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])},Jr=function(t){var e;try{e=t.getBBox()}catch(r){e=Zr.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===Zr||(e=Zr.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+$r(t,["x","cx","x1"])||0,y:+$r(t,["y","cy","y1"])||0,width:0,height:0}},Kr=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!Jr(t))},ti=function(t,e){if(e){var r=t.style;e in br&&e!==Vr&&(e=Xr),r.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),r.removeProperty(e.replace(kr,"-$1").toLowerCase())):r.removeAttribute(e)}},ei=function(t,e,r,i,n,s){var a=new fr(t._pt,e,r,0,1,s?Br:Fr);return t._pt=a,a.b=i,a.e=n,t._props.push(r),a},ri={deg:1,rad:1,turn:1},ii=function t(e,r,i,n){var s,a,o,u,h=parseFloat(i)||0,l=(i+"").trim().substr((h+"").length)||"px",f=xr.style,c=Cr.test(r),p="svg"===e.tagName.toLowerCase(),_=(p?"client":"offset")+(c?"Width":"Height"),d=100,m="px"===n,g="%"===n;return n===l||!h||ri[n]||ri[l]?h:("px"!==l&&!m&&(h=t(e,r,i,"px")),u=e.getCTM&&Kr(e),!g&&"%"!==l||!br[r]&&!~r.indexOf("adius")?(f[c?"width":"height"]=d+(m?l:n),a=~r.indexOf("adius")||"em"===n&&e.appendChild&&!p?e:e.parentNode,u&&(a=(e.ownerSVGElement||{}).parentNode),a&&a!==gr&&a.appendChild||(a=gr.body),(o=a._gsap)&&g&&o.width&&c&&o.time===Me.time?xt(h/o.width*d):((g||"%"===l)&&(f.position=Gr(e,"position")),a===e&&(f.position="static"),a.appendChild(xr),s=xr[_],a.removeChild(xr),f.position="absolute",c&&g&&((o=gt(a)).time=Me.time,o.width=a[_]),xt(m?s*h/d:s&&h?d/s*h:0))):(s=u?e.getBBox()[c?"width":"height"]:e[_],xt(g?h/s*d:h/100*s)))},ni=function(t,e,r,i){var n;return yr||Hr(),e in Sr&&"transform"!==e&&~(e=Sr[e]).indexOf(",")&&(e=e.split(",")[0]),br[e]&&"transform"!==e?(n=di(t,i),n="transformOrigin"!==e?n[e]:n.svg?n.origin:mi(Gr(t,Vr))+" "+n.zOrigin+"px"):(!(n=t.style[e])||"auto"===n||i||~(n+"").indexOf("calc("))&&(n=ui[e]&&ui[e](t,e,r)||Gr(t,e)||vt(t,e)||("opacity"===e?1:0)),r&&!~(n+"").trim().indexOf(" ")?ii(t,e,n,r)+r:n},si=function(t,e,r,i){if(!r||"none"===r){var n=Qr(e,t,1),s=n&&Gr(t,n,1);s&&s!==r?(e=n,r=s):"borderColor"===e&&(r=Gr(t,"borderTopColor"))}var a,o,u,h,l,f,c,p,_,d,m,g,v=new fr(this._pt,t.style,e,0,1,sr),y=0,x=0;if(v.b=r,v.e=i,r+="","auto"===(i+="")&&(t.style[e]=i,i=Gr(t,e)||i,t.style[e]=r),Ae(a=[r,i]),i=a[1],u=(r=a[0]).match(Z)||[],(i.match(Z)||[]).length){for(;o=Z.exec(i);)c=o[0],_=i.substring(y,o.index),l?l=(l+1)%5:"rgba("!==_.substr(-5)&&"hsla("!==_.substr(-5)||(l=1),c!==(f=u[x++]||"")&&(h=parseFloat(f)||0,m=f.substr((h+"").length),(g="="===c.charAt(1)?+(c.charAt(0)+"1"):0)&&(c=c.substr(2)),p=parseFloat(c),d=c.substr((p+"").length),y=Z.lastIndex-d.length,d||(d=d||S.units[e]||m,y===i.length&&(i+=d,v.e+=d)),m!==d&&(h=ii(t,e,f,d)||0),v._pt={_next:v._pt,p:_||1===x?_:",",s:h,c:g?g*p:p-h,m:l&&l<4||"zIndex"===e?Math.round:0});v.c=y-1;)r=o[n],br[r]&&(i=1,r="transformOrigin"===r?Vr:Xr),ti(s,r);i&&(ti(s,Xr),u&&(u.svg&&s.removeAttribute("transform"),di(s,1),u.uncache=1))}},ui={clearProps:function(t,e,r,i,n){if("isFromStart"!==n.data){var s=t._pt=new fr(t._pt,e,r,0,0,oi);return s.u=i,s.pr=-10,s.tween=n,t._props.push(r),1}}},hi=[1,0,0,1,0,0],li={},fi=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},ci=function(t){var e=Gr(t,Xr);return fi(e)?hi:e.substr(7).match(H).map(xt)},pi=function(t,e){var r,i,n,s,a=t._gsap||gt(t),o=t.style,u=ci(t);return a.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(n=t.transform.baseVal.consolidate().matrix).a,n.b,n.c,n.d,n.e,n.f]).join(",")?hi:u:(u!==hi||t.offsetParent||t===vr||a.svg||(n=o.display,o.display="block",(r=t.parentNode)&&t.offsetParent||(s=1,i=t.nextSibling,vr.appendChild(t)),u=ci(t),n?o.display=n:ti(t,"display"),s&&(i?r.insertBefore(t,i):r?r.appendChild(t):vr.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},_i=function(t,e,r,i,n,s){var a,o,u,h=t._gsap,l=n||pi(t,!0),f=h.xOrigin||0,c=h.yOrigin||0,p=h.xOffset||0,_=h.yOffset||0,d=l[0],m=l[1],g=l[2],v=l[3],y=l[4],x=l[5],T=e.split(" "),w=parseFloat(T[0])||0,b=parseFloat(T[1])||0;r?l!==hi&&(o=d*v-m*g)&&(u=w*(-m/o)+b*(d/o)-(d*x-m*y)/o,w=w*(v/o)+b*(-g/o)+(g*x-v*y)/o,b=u):(w=(a=Jr(t)).x+(~T[0].indexOf("%")?w/100*a.width:w),b=a.y+(~(T[1]||T[0]).indexOf("%")?b/100*a.height:b)),i||!1!==i&&h.smooth?(y=w-f,x=b-c,h.xOffset=p+(y*d+x*g)-y,h.yOffset=_+(y*m+x*v)-x):h.xOffset=h.yOffset=0,h.xOrigin=w,h.yOrigin=b,h.smooth=!!i,h.origin=e,h.originIsAbsolute=!!r,t.style[Vr]="0px 0px",s&&(ei(s,h,"xOrigin",f,w),ei(s,h,"yOrigin",c,b),ei(s,h,"xOffset",p,h.xOffset),ei(s,h,"yOffset",_,h.yOffset)),t.setAttribute("data-svg-origin",w+" "+b)},di=function(t,e){var r=t._gsap||new qe(t);if("x"in r&&!e&&!r.uncache)return r;var i,n,s,a,o,u,h,l,f,c,p,_,d,m,g,v,y,x,T,w,b,O,A,M,k,C,D,P,z,R,E,F,B=t.style,L=r.scaleX<0,I="px",q="deg",Y=Gr(t,Vr)||"0";return i=n=s=u=h=l=f=c=p=0,a=o=1,r.svg=!(!t.getCTM||!Kr(t)),m=pi(t,r.svg),r.svg&&(M=(!r.uncache||"0px 0px"===Y)&&!e&&t.getAttribute("data-svg-origin"),_i(t,M||Y,!!M||r.originIsAbsolute,!1!==r.smooth,m)),_=r.xOrigin||0,d=r.yOrigin||0,m!==hi&&(x=m[0],T=m[1],w=m[2],b=m[3],i=O=m[4],n=A=m[5],6===m.length?(a=Math.sqrt(x*x+T*T),o=Math.sqrt(b*b+w*w),u=x||T?Mr(T,x)*Or:0,(f=w||b?Mr(w,b)*Or+u:0)&&(o*=Math.abs(Math.cos(f*Ar))),r.svg&&(i-=_-(_*x+d*w),n-=d-(_*T+d*b))):(F=m[6],R=m[7],D=m[8],P=m[9],z=m[10],E=m[11],i=m[12],n=m[13],s=m[14],h=(g=Mr(F,z))*Or,g&&(M=O*(v=Math.cos(-g))+D*(y=Math.sin(-g)),k=A*v+P*y,C=F*v+z*y,D=O*-y+D*v,P=A*-y+P*v,z=F*-y+z*v,E=R*-y+E*v,O=M,A=k,F=C),l=(g=Mr(-w,z))*Or,g&&(v=Math.cos(-g),E=b*(y=Math.sin(-g))+E*v,x=M=x*v-D*y,T=k=T*v-P*y,w=C=w*v-z*y),u=(g=Mr(T,x))*Or,g&&(M=x*(v=Math.cos(g))+T*(y=Math.sin(g)),k=O*v+A*y,T=T*v-x*y,A=A*v-O*y,x=M,O=k),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),a=xt(Math.sqrt(x*x+T*T+w*w)),o=xt(Math.sqrt(A*A+F*F)),g=Mr(O,A),f=Math.abs(g)>2e-4?g*Or:0,p=E?1/(E<0?-E:E):0),r.svg&&(M=t.getAttribute("transform"),r.forceCSS=t.setAttribute("transform","")||!fi(Gr(t,Xr)),M&&t.setAttribute("transform",M))),Math.abs(f)>90&&Math.abs(f)<270&&(L?(a*=-1,f+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,f+=f<=0?180:-180)),r.x=i-((r.xPercent=i&&(r.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-i)?-50:0)))?t.offsetWidth*r.xPercent/100:0)+I,r.y=n-((r.yPercent=n&&(r.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-n)?-50:0)))?t.offsetHeight*r.yPercent/100:0)+I,r.z=s+I,r.scaleX=xt(a),r.scaleY=xt(o),r.rotation=xt(u)+q,r.rotationX=xt(h)+q,r.rotationY=xt(l)+q,r.skewX=f+q,r.skewY=c+q,r.transformPerspective=p+I,(r.zOrigin=parseFloat(Y.split(" ")[2])||0)&&(B[Vr]=mi(Y)),r.xOffset=r.yOffset=0,r.force3D=S.force3D,r.renderTransform=r.svg?xi:wr?yi:vi,r.uncache=0,r},mi=function(t){return(t=t.split(" "))[0]+" "+t[1]},gi=function(t,e,r){var i=ee(e);return xt(parseFloat(e)+parseFloat(ii(t,"x",r+"px",i)))+i},vi=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,yi(t,e)},yi=function(t,e){var r=e||this,i=r.xPercent,n=r.yPercent,s=r.x,a=r.y,o=r.z,u=r.rotation,h=r.rotationY,l=r.rotationX,f=r.skewX,c=r.skewY,p=r.scaleX,_=r.scaleY,d=r.transformPerspective,m=r.force3D,g=r.target,v=r.zOrigin,y="",x="auto"===m&&t&&1!==t||!0===m;if(v&&("0deg"!==l||"0deg"!==h)){var T,w=parseFloat(h)*Ar,b=Math.sin(w),O=Math.cos(w);w=parseFloat(l)*Ar,T=Math.cos(w),s=gi(g,s,b*T*-v),a=gi(g,a,-Math.sin(w)*-v),o=gi(g,o,O*T*-v+v)}"0px"!==d&&(y+="perspective("+d+") "),(i||n)&&(y+="translate("+i+"%, "+n+"%) "),(x||"0px"!==s||"0px"!==a||"0px"!==o)&&(y+="0px"!==o||x?"translate3d("+s+", "+a+", "+o+") ":"translate("+s+", "+a+") "),"0deg"!==u&&(y+="rotate("+u+") "),"0deg"!==h&&(y+="rotateY("+h+") "),"0deg"!==l&&(y+="rotateX("+l+") "),"0deg"===f&&"0deg"===c||(y+="skew("+f+", "+c+") "),1===p&&1===_||(y+="scale("+p+", "+_+") "),g.style[Xr]=y||"translate(0, 0)"},xi=function(t,e){var r,i,n,s,a,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,f=o.y,c=o.rotation,p=o.skewX,_=o.skewY,d=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,x=o.xOffset,T=o.yOffset,w=o.forceCSS,b=parseFloat(l),O=parseFloat(f);c=parseFloat(c),p=parseFloat(p),(_=parseFloat(_))&&(p+=_=parseFloat(_),c+=_),c||p?(c*=Ar,p*=Ar,r=Math.cos(c)*d,i=Math.sin(c)*d,n=Math.sin(c-p)*-m,s=Math.cos(c-p)*m,p&&(_*=Ar,a=Math.tan(p-_),n*=a=Math.sqrt(1+a*a),s*=a,_&&(a=Math.tan(_),r*=a=Math.sqrt(1+a*a),i*=a)),r=xt(r),i=xt(i),n=xt(n),s=xt(s)):(r=d,s=m,i=n=0),(b&&!~(l+"").indexOf("px")||O&&!~(f+"").indexOf("px"))&&(b=ii(g,"x",l,"px"),O=ii(g,"y",f,"px")),(v||y||x||T)&&(b=xt(b+v-(v*r+y*n)+x),O=xt(O+y-(v*i+y*s)+T)),(u||h)&&(a=g.getBBox(),b=xt(b+u/100*a.width),O=xt(O+h/100*a.height)),a="matrix("+r+","+i+","+n+","+s+","+b+","+O+")",g.setAttribute("transform",a),w&&(g.style[Xr]=a)},Ti=function(t,e,r,i,n,s){var a,o,u=360,h=I(n),l=parseFloat(n)*(h&&~n.indexOf("rad")?Or:1),f=s?l*s:l-i,c=i+f+"deg";return h&&("short"===(a=n.split("_")[1])&&(f%=u)!==f%180&&(f+=f<0?u:-360),"cw"===a&&f<0?f=(f+36e9)%u-~~(f/u)*u:"ccw"===a&&f>0&&(f=(f-36e9)%u-~~(f/u)*u)),t._pt=o=new fr(t._pt,e,r,i,f,zr),o.e=c,o.u="deg",t._props.push(r),o},wi=function(t,e){for(var r in e)t[r]=e[r];return t},bi=function(t,e,r){var i,n,s,a,o,u,h,l=wi({},r._gsap),f=r.style;for(n in l.svg?(s=r.getAttribute("transform"),r.setAttribute("transform",""),f[Xr]=e,i=di(r,1),ti(r,Xr),r.setAttribute("transform",s)):(s=getComputedStyle(r)[Xr],f[Xr]=e,i=di(r,1),f[Xr]=s),br)(s=l[n])!==(a=i[n])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(n)<0&&(o=ee(s)!==(h=ee(a))?ii(r,n,s,h):parseFloat(s),u=parseFloat(a),t._pt=new fr(t._pt,i,n,o,u-o,Pr),t._pt.u=h||0,t._props.push(n));wi(i,l)};yt("padding,margin,Width,Radius",(function(t,e){var r="Top",i="Right",n="Bottom",s="Left",a=(e<3?[r,i,n,s]:[r+s,r+i,n+i,n+s]).map((function(r){return e<2?t+r:"border"+r+t}));ui[e>1?"border"+t:t]=function(t,e,r,i,n){var s,o;if(arguments.length<4)return s=a.map((function(e){return ni(t,e,r)})),5===(o=s.join(" ")).split(s[0]).length?s[0]:o;s=(i+"").split(" "),o={},a.forEach((function(t,e){return o[t]=s[e]=s[e]||s[(e-1)/2|0]})),t.init(e,o,n)}}));var Oi,Ai,Mi,ki={name:"css",register:Hr,targetTest:function(t){return t.style&&t.nodeType},init:function(t,e,r,i,n){var s,a,o,u,h,l,f,c,p,_,d,m,g,v,y,x,T,w,b,O=this._props,A=t.style,M=r.vars.startAt;for(f in yr||Hr(),e)if("autoRound"!==f&&(a=e[f],!ft[f]||!je(f,e,r,i,t,n)))if(h=typeof a,l=ui[f],"function"===h&&(h=typeof(a=a.call(r,i,t,n))),"string"===h&&~a.indexOf("random(")&&(a=ce(a)),l)l(this,t,f,a,r)&&(y=1);else if("--"===f.substr(0,2))s=(getComputedStyle(t).getPropertyValue(f)+"").trim(),a+="",be.lastIndex=0,be.test(s)||(c=ee(s),p=ee(a)),p?c!==p&&(s=ii(t,f,s,p)+p):c&&(a+=c),this.add(A,"setProperty",s,a,i,n,0,0,f),O.push(f);else if("undefined"!==h){if(M&&f in M?(s="function"==typeof M[f]?M[f].call(r,i,t,n):M[f],I(s)&&~s.indexOf("random(")&&(s=ce(s)),ee(s+"")||(s+=S.units[f]||ee(ni(t,f))||""),"="===(s+"").charAt(1)&&(s=ni(t,f))):s=ni(t,f),u=parseFloat(s),(_="string"===h&&"="===a.charAt(1)?+(a.charAt(0)+"1"):0)&&(a=a.substr(2)),o=parseFloat(a),f in Sr&&("autoAlpha"===f&&(1===u&&"hidden"===ni(t,"visibility")&&o&&(u=0),ei(this,A,"visibility",u?"inherit":"hidden",o?"inherit":"hidden",!o)),"scale"!==f&&"transform"!==f&&~(f=Sr[f]).indexOf(",")&&(f=f.split(",")[0])),d=f in br)if(m||((g=t._gsap).renderTransform&&!e.parseTransform||di(t,e.parseTransform),v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new fr(this._pt,A,Xr,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===f)this._pt=new fr(this._pt,g,"scaleY",g.scaleY,(_?_*o:o-g.scaleY)||0),O.push("scaleY",f),f+="X";else{if("transformOrigin"===f){T=void 0,w=void 0,b=void 0,T=(x=a).split(" "),w=T[0],b=T[1]||"50%","top"!==w&&"bottom"!==w&&"left"!==b&&"right"!==b||(x=w,w=b,b=x),T[0]=ai[w]||w,T[1]=ai[b]||b,a=T.join(" "),g.svg?_i(t,a,0,v,0,this):((p=parseFloat(a.split(" ")[2])||0)!==g.zOrigin&&ei(this,g,"zOrigin",g.zOrigin,p),ei(this,A,f,mi(s),mi(a)));continue}if("svgOrigin"===f){_i(t,a,1,v,0,this);continue}if(f in li){Ti(this,g,f,u,a,_);continue}if("smoothOrigin"===f){ei(this,g,"smooth",g.smooth,a);continue}if("force3D"===f){g[f]=a;continue}if("transform"===f){bi(this,a,t);continue}}else f in A||(f=Qr(f)||f);if(d||(o||0===o)&&(u||0===u)&&!Dr.test(a)&&f in A)o||(o=0),(c=(s+"").substr((u+"").length))!==(p=ee(a)||(f in S.units?S.units[f]:c))&&(u=ii(t,f,s,p)),this._pt=new fr(this._pt,d?g:A,f,u,_?_*o:o-u,d||"px"!==p&&"zIndex"!==f||!1===e.autoRound?Pr:Er),this._pt.u=p||0,c!==p&&"%"!==p&&(this._pt.b=s,this._pt.r=Rr);else if(f in A)si.call(this,t,f,s,a);else{if(!(f in t)){nt(f,a);continue}this.add(t,f,s||t[f],a,i,n)}O.push(f)}y&&lr(this)},get:ni,aliases:Sr,getSetter:function(t,e,r){var i=Sr[e];return i&&i.indexOf(",")<0&&(e=i),e in br&&e!==Vr&&(t._gsap.x||ni(t,"x"))?r&&Tr===r?"scale"===e?Yr:qr:(Tr=r||{},"scale"===e?Ur:Nr):t.style&&!U(t.style[e])?Lr:~e.indexOf("-")?Ir:rr(t,e)},core:{_removeProperty:ti,_getMatrix:pi}};dr.utils.checkPrefix=Qr,Mi=yt((Oi="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(Ai="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){br[t]=1})),yt(Ai,(function(t){S.units[t]="deg",li[t]=1})),Sr[Mi[13]]=Oi+","+Ai,yt("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");Sr[e[1]]=Mi[e[0]]})),yt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){S.units[t]="px"})),dr.registerPlugin(ki);var Ci=dr.registerPlugin(ki)||dr;Ci.core.Tween;const Di={menuLinks:[...document.querySelectorAll(".line-link")],cover:{wrap:document.querySelector(".cover-wrap"),outer:document.querySelector(".cover"),inner:document.querySelector(".cover__inner")},content:{imgs:[...document.querySelectorAll(".content > .content__img")],titles:[...document.querySelectorAll(".content > .content__title")]},menu:document.querySelector(".menu"),menuContent:document.querySelector(".menu__content"),closeCtrl:document.querySelector(".menu__back"),extra:document.querySelectorAll(".menu__tagline, .menu__social-author")};let Si={isOpen:!1,isAnimating:!1};const Pi=Ci.timeline({paused:!0,onComplete:()=>Si.isAnimating=!1,onReverseComplete:()=>Si.isAnimating=!1,defaults:{duration:1.2,ease:"power4.inOut"}}).addLabel("start",0).add((()=>{Di.menu.classList[Si.isOpen?"add":"remove"]("menu--open")}),"start").to(Di.cover.wrap,{duration:1.6,startAt:{scale:"1.1"},ease:"power3.inOut",scale:1},"start").to(Di.cover.outer,{startAt:{y:"-100%"},y:"0%"},"start").to(Di.cover.inner,{startAt:{y:"100%"},y:"0%"},"start").to(Di.content.imgs,{y:t=>(t%2==0?-20:20)+"%"},"start").to(Di.content.titles,{y:t=>(t%2==0?20:-20)+"%"},"start").addLabel("menu",.5).to(Di.menuContent,{duration:1,startAt:{y:"-100%"},y:"0%"},"menu").addLabel("extra","menu+=0.6").set(Di.extra,{y:"400%",opacity:0},"start").to(Di.extra,{duration:.5,ease:"power4",startAt:{opacity:1},opacity:1,y:"0%"},"extra");Di.menuLinks.forEach((t=>{t.addEventListener("click",(t=>{t.preventDefault(),Si.isAnimating||Si.isOpen||(Si.isAnimating=!0,Si.isOpen=!0,Pi.play())}))})),Di.closeCtrl.addEventListener("click",(t=>{t.preventDefault(),!Si.isAnimating&&Si.isOpen&&(Si.isAnimating=!0,Si.isOpen=!1,Pi.reverse(0))})); -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | Expanding Rounded Menu | Codrops

Expanding Rounded Menu (Click any link in the top menu)

2018

A S O R

“When you realize nothing is lacking, the whole world belongs to you.”

2019

Asor

Login

Montebello

-------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "expandingroundedmenu", 3 | "version": "1.0.0", 4 | "browserslist": "> 0.5%, last 2 versions, not dead", 5 | "description": "", 6 | "scripts": { 7 | "start": "parcel src/index.html --open", 8 | "clean": "rm -rf dist/*", 9 | "build:parcel": "parcel build src/index.html --no-content-hash --no-source-maps --public-url ./", 10 | "build": "npm run clean && npm run build:parcel" 11 | }, 12 | "repository": { 13 | "type": "git", 14 | "url": "git://github.com/codrops/[NAME].git" 15 | }, 16 | "keywords": [], 17 | "author": "Codrops", 18 | "license": "MIT", 19 | "homepage": "https://tympanus.net/codrops", 20 | "bugs": { 21 | "url": "https://github.com/codrops/[NAME]/issues" 22 | }, 23 | "dependencies": { 24 | "gsap": "^3.9.1", 25 | "parcel": "latest" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /src/css/base.css: -------------------------------------------------------------------------------- 1 | *, 2 | *::after, 3 | *::before { 4 | box-sizing: border-box; 5 | } 6 | 7 | :root { 8 | font-size: 17px; 9 | } 10 | 11 | body { 12 | margin: 0; 13 | --color-text: #fff; 14 | --color-text-menu: #000; 15 | --color-text-frame: #817f7f; 16 | --color-bg: #0c0c0c; 17 | --color-bg-menu: #ee8233; 18 | --color-link: #fff; 19 | --color-link-hover: #fff; 20 | --color-link-menu: #000; 21 | --color-link-social: #ca5d2b; 22 | --border-radius: 2rem; 23 | --menu-padding: 1rem; 24 | --color-text-title: #ee8233; 25 | color: var(--color-text); 26 | background-color: var(--color-bg); 27 | font-family: acumin-pro, sans-serif; 28 | -webkit-font-smoothing: antialiased; 29 | -moz-osx-font-smoothing: grayscale; 30 | } 31 | 32 | body #cdawrap { 33 | margin-left: auto; 34 | } 35 | 36 | /* Page Loader */ 37 | .js .loading::before, 38 | .js .loading::after { 39 | content: ''; 40 | position: fixed; 41 | z-index: 1000; 42 | } 43 | 44 | .js .loading::before { 45 | top: 0; 46 | left: 0; 47 | width: 100%; 48 | height: 100%; 49 | background: var(--color-bg); 50 | } 51 | 52 | .js .loading::after { 53 | top: 50%; 54 | left: 50%; 55 | width: 60px; 56 | height: 60px; 57 | margin: -30px 0 0 -30px; 58 | border-radius: 50%; 59 | opacity: 0.4; 60 | background: var(--color-link); 61 | animation: loaderAnim 0.7s linear infinite alternate forwards; 62 | } 63 | 64 | @keyframes loaderAnim { 65 | to { 66 | opacity: 1; 67 | transform: scale3d(0.5,0.5,1); 68 | } 69 | } 70 | 71 | a { 72 | text-decoration: none; 73 | color: var(--color-link); 74 | outline: none; 75 | } 76 | 77 | a:hover { 78 | color: var(--color-link-hover); 79 | outline: none; 80 | } 81 | 82 | /* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ 83 | a:focus { 84 | /* Provide a fallback style for browsers 85 | that don't support :focus-visible */ 86 | outline: none; 87 | background: lightgrey; 88 | } 89 | 90 | a:focus:not(:focus-visible) { 91 | /* Remove the focus indicator on mouse-focus for browsers 92 | that do support :focus-visible */ 93 | background: transparent; 94 | } 95 | 96 | a:focus-visible { 97 | /* Draw a very noticeable focus style for 98 | keyboard-focus on browsers that do support 99 | :focus-visible */ 100 | outline: 2px solid red; 101 | background: transparent; 102 | outline-offset: -2px; 103 | } 104 | 105 | .hover-line { 106 | white-space: nowrap; 107 | overflow: hidden; 108 | position: relative; 109 | display: inline-block; 110 | } 111 | 112 | .hover-line::before { 113 | content: ''; 114 | height: 1px; 115 | width: 100%; 116 | background: currentColor; 117 | position: absolute; 118 | top: 92%; 119 | transition: transform 0.3s; 120 | transform-origin: 0% 50%; 121 | } 122 | 123 | .hover-line:hover::before { 124 | transform: scaleX(0); 125 | transform-origin: 100% 50%; 126 | } 127 | 128 | .unbutton { 129 | background: none; 130 | border: 0; 131 | padding: 0; 132 | margin: 0; 133 | font: inherit; 134 | cursor: pointer; 135 | } 136 | 137 | .unbutton:focus { 138 | outline: none; 139 | } 140 | 141 | main { 142 | display: grid; 143 | width: 100%; 144 | height: 100vh; 145 | overflow: hidden; 146 | } 147 | 148 | .frame { 149 | padding: 0.5rem 5vw; 150 | position: fixed; 151 | text-transform: uppercase; 152 | font-size: 0.75rem; 153 | color: var(--color-text-frame); 154 | bottom: 0; 155 | z-index: 50; 156 | width: 100%; 157 | } 158 | 159 | .frame__title { 160 | font-size: inherit; 161 | margin: 0 0 1rem; 162 | font-weight: normal; 163 | } 164 | 165 | .frame__title em { 166 | font-weight: 400; 167 | color: var(--color-bg-menu); 168 | } 169 | 170 | .frame__links { 171 | display: inline-block; 172 | } 173 | 174 | .frame__links a:not(:last-child) { 175 | margin-right: 1rem; 176 | } 177 | 178 | .content { 179 | grid-area: 1 / 1 / 2 / 2; 180 | width: 100%; 181 | height: 100vh; 182 | overflow: hidden; 183 | display: grid; 184 | grid-template-rows: 10vh 15vh auto 1fr auto 1fr; 185 | grid-template-columns: 18% 1fr 1fr 18%; 186 | grid-column-gap: 7vw; 187 | grid-template-areas: 188 | '... img-main img-main ...' 189 | '... img-main img-main ...' 190 | 'img-left img-main img-main title-right' 191 | 'img-left img-main img-main img-right' 192 | 'title-left img-main img-main img-right' 193 | 'title-left img-main img-main img-right'; 194 | } 195 | 196 | .content__img { 197 | position: relative; 198 | background-size: cover; 199 | background-position: 50% 20%; 200 | will-change: transform; 201 | } 202 | 203 | .content__img--left { 204 | grid-area: img-left; 205 | } 206 | 207 | .content__img--main { 208 | grid-area: img-main; 209 | } 210 | 211 | .content__title { 212 | z-index: 10; 213 | position: relative; 214 | font-family: kudryashev-d-excontrast-sans, sans-serif; 215 | font-weight: 300; 216 | color: var(--color-text-title); 217 | margin: 0; 218 | line-height: 1; 219 | will-change: transform; 220 | } 221 | 222 | .content__title--left { 223 | grid-area: title-left; 224 | font-size: 4vw; 225 | justify-self: end; 226 | margin-top: 2rem; 227 | } 228 | 229 | .content__title--main { 230 | grid-area: img-main; 231 | display: grid; 232 | padding: 20vh 0 10vh; 233 | grid-template-rows: repeat(4,17vh); 234 | grid-template-areas: 235 | 'letter-1 ...' 236 | '... letter-3' 237 | 'letter-2 ...' 238 | '... letter-4'; 239 | font-size: 20vh; 240 | align-content: center; 241 | justify-items: center; 242 | line-height: 1; 243 | } 244 | 245 | .content__title--main span { 246 | display: block; 247 | } 248 | 249 | .content__title--main span:first-child { 250 | grid-area: letter-1; 251 | } 252 | 253 | .content__title--main span:nth-child(2) { 254 | grid-area: letter-2; 255 | } 256 | 257 | .content__title--main span:nth-child(3) { 258 | grid-area: letter-3; 259 | } 260 | 261 | .content__title--main span:nth-child(4) { 262 | grid-area: letter-4; 263 | } 264 | 265 | .content__img--right { 266 | grid-area: img-right; 267 | } 268 | 269 | .content__title--right { 270 | grid-area: title-right; 271 | font-size: 6.5vw; 272 | } 273 | 274 | .content__description { 275 | z-index: 10; 276 | text-transform: uppercase; 277 | grid-area: 2 / 3 / 3 / 5; 278 | max-width: 400px; 279 | align-self: center; 280 | justify-self: center; 281 | line-height: 1; 282 | font-style: italic; 283 | } 284 | 285 | .cover-wrap { 286 | display: grid; 287 | pointer-events: none; 288 | grid-area: 1 / 1 / 2 / 2; 289 | z-index: 100; 290 | } 291 | 292 | .cover { 293 | display: grid; 294 | grid-area: 1 / 1 / 2 / 2; 295 | transform: translateY(-100%); 296 | overflow: hidden; 297 | } 298 | 299 | .cover__inner { 300 | background-size: cover; 301 | transform: translateY(100%); 302 | background-position: 50% 50%; 303 | } 304 | 305 | .cover-wrap, .cover, .cover__inner { 306 | will-change: transform; 307 | } 308 | 309 | .menu { 310 | position: absolute; 311 | top: 1rem; 312 | left: 1rem; 313 | right: 1rem; 314 | bottom: 1rem; 315 | z-index: 100; 316 | color: var(--color-text-menu); 317 | display: grid; 318 | grid-template-rows: 3rem 1fr; 319 | grid-template-areas: 'top' 'content'; 320 | pointer-events: none; 321 | opacity: 0.9; 322 | } 323 | 324 | .menu--open { 325 | pointer-events: auto; 326 | } 327 | 328 | .menu__top { 329 | pointer-events: auto; 330 | z-index: 100; 331 | padding: 0 var(--menu-padding); 332 | grid-area: top; 333 | display: grid; 334 | align-items: center; 335 | grid-template-columns: auto 1fr auto; 336 | grid-template-areas: 'title nav search'; 337 | justify-content: space-between; 338 | background: var(--color-bg-menu); 339 | border-radius: var(--border-radius); 340 | } 341 | 342 | .menu__content-wrap { 343 | position: relative; 344 | grid-area: content; 345 | overflow: hidden; 346 | margin-top: -1.35rem; 347 | } 348 | 349 | .menu__content { 350 | overflow: hidden; 351 | transform: translateY(-100%); 352 | padding: 0 var(--menu-padding); 353 | height: 100%; 354 | display: grid; 355 | justify-content: space-between; 356 | background: var(--color-bg-menu); 357 | border-radius: 0 0 var(--border-radius) var(--border-radius); 358 | grid-template-rows: 1fr auto; 359 | grid-template-columns: auto 1fr auto; 360 | grid-template-areas: 361 | 'links links back' 362 | 'tagline tagline tagline'; 363 | padding-bottom: 1rem; 364 | will-change: transform; 365 | } 366 | 367 | .menu__back { 368 | position: relative; 369 | grid-area: back; 370 | height: 90px; 371 | align-self: start; 372 | margin-top: calc(5.5vh + 2rem); 373 | } 374 | 375 | .menu__back svg { 376 | display: block; 377 | fill: #000; 378 | height: 100%; 379 | max-height: 201px; 380 | transition: transform 0.3s; 381 | } 382 | 383 | .menu__back:hover svg, 384 | .menu__back:focus svg { 385 | transform: translateY(-10px); 386 | } 387 | 388 | .menu__title { 389 | grid-area: title; 390 | font-family: kudryashev-d-excontrast-sans, sans-serif; 391 | font-weight: 300; 392 | margin: 0; 393 | align-self: center; 394 | justify-self: start; 395 | text-transform: uppercase; 396 | font-size: 1.65rem; 397 | position: relative; 398 | line-height: 0.5; 399 | margin-top: 0.15rem; 400 | } 401 | 402 | .menu__tagline { 403 | grid-area: tagline; 404 | font-size: 6vw; 405 | font-family: kudryashev-d-excontrast-sans, sans-serif; 406 | font-weight: 300; 407 | margin: 0; 408 | align-self: end; 409 | line-height: 0.8; 410 | position: relative; 411 | will-change: transform; 412 | } 413 | 414 | .menu__nav-top { 415 | grid-area: nav; 416 | overflow: hidden; 417 | height: 1.75rem; 418 | justify-self: center; 419 | } 420 | 421 | .menu__nav-top a { 422 | margin: 0 1rem; 423 | } 424 | 425 | .menu__nav-content { 426 | grid-area: links; 427 | display: flex; 428 | flex-wrap: wrap; 429 | align-self: start; 430 | margin-top: 5.5vh; 431 | } 432 | 433 | .column { 434 | display: flex; 435 | flex-direction: column; 436 | margin: 0 1rem; 437 | min-width: 15ch; 438 | align-items: flex-start; 439 | } 440 | 441 | .column__title { 442 | margin: 1.5rem 0 0.5rem; 443 | } 444 | 445 | .menu__side { 446 | grid-area: search; 447 | align-self: center; 448 | justify-self: end; 449 | position: relative; 450 | } 451 | 452 | .menu__social { 453 | display: none; 454 | position: relative; 455 | grid-area: social; 456 | flex-direction: column; 457 | justify-content: flex-end; 458 | align-items: flex-end; 459 | } 460 | 461 | .menu__social-link { 462 | color: var(--color-link-social); 463 | } 464 | 465 | .menu__social-link:hover, 466 | .menu__social-link:focus { 467 | color: var(--color-link-menu); 468 | } 469 | 470 | .menu__social-author { 471 | margin-top: 2rem; 472 | font-family: kudryashev-d-excontrast-sans, sans-serif; 473 | font-weight: 300; 474 | font-size: 2.5vw; 475 | color: var(--color-link-menu); 476 | will-change: transform; 477 | } 478 | 479 | .menu__social-author:hover, 480 | .menu__social-author:focus { 481 | color: var(--color-link-social); 482 | } 483 | 484 | .search { 485 | white-space: nowrap; 486 | } 487 | 488 | .search svg { 489 | width: 13px; 490 | margin-left: 1rem; 491 | } 492 | 493 | .line-link { 494 | color: var(--color-link-menu); 495 | white-space: nowrap; 496 | overflow: hidden; 497 | position: relative; 498 | display: inline-block; 499 | cursor: pointer; 500 | } 501 | 502 | .line-link:hover, 503 | .line-link:focus { 504 | color: var(--color-link-menu) 505 | } 506 | 507 | .line-link::before { 508 | content: ''; 509 | height: 1px; 510 | width: 100%; 511 | background: currentColor; 512 | position: absolute; 513 | top: 92%; 514 | transition: transform 0.3s; 515 | transform-origin: 0% 50%; 516 | transform: scaleX(0); 517 | } 518 | 519 | .line-link:hover::before { 520 | transform: scaleX(1); 521 | transform-origin: 100% 50%; 522 | } 523 | 524 | @media screen and (min-width: 55.5em) { 525 | body { 526 | --menu-padding: 2rem; 527 | } 528 | .frame { 529 | display: flex; 530 | } 531 | .frame__links { 532 | margin: 0 0 0 2rem; 533 | } 534 | .menu { 535 | top: 2rem; 536 | left: 3rem; 537 | right: 3rem; 538 | bottom: 2rem; 539 | } 540 | .menu__top { 541 | grid-template-columns: 5rem 10% minmax(200px,417px) 10% 5rem; 542 | grid-template-areas: 'title ... nav ... search'; 543 | } 544 | .menu__content { 545 | grid-template-rows: 1fr 10vh; 546 | grid-template-columns: 5rem 10% minmax(200px,417px) 10% 5rem; 547 | grid-template-areas: 548 | '... ... links back ...' 549 | 'tagline tagline social social social'; 550 | } 551 | .menu__tagline { 552 | font-size: 17.5vw; 553 | font-size: clamp(1.5rem,17.5vh,8rem); 554 | } 555 | .menu__back { 556 | height: 200px; 557 | margin-top: calc(5.5vh + 1.5rem); 558 | } 559 | .menu__social { 560 | display: flex; 561 | } 562 | } 563 | -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/src/favicon.ico -------------------------------------------------------------------------------- /src/img/cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/src/img/cover.jpg -------------------------------------------------------------------------------- /src/img/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/src/img/img1.jpg -------------------------------------------------------------------------------- /src/img/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/src/img/img2.jpg -------------------------------------------------------------------------------- /src/img/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ExpandingRoundedMenu/9f8174aaca176a0e4b31e1330f9049b45fd02758/src/img/img3.jpg -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Expanding Rounded Menu | Codrops 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 |
20 |

Expanding Rounded Menu (Click any link in the top menu)

21 | 26 |
27 |
28 |
29 |

2018

30 |
31 |

32 | A 33 | S 34 | O 35 | R 36 |

37 |

“When you realize nothing is lacking, the whole world belongs to you.”

38 |
39 |

2019

40 |
41 | 46 |
47 |
48 |

Asor

49 | 55 |
56 | Login 57 | 60 |
61 |
62 |
63 |
64 | 86 | 89 | 95 |

Montebello

96 |
97 |
98 |
99 |
100 | 101 | 102 | 103 | 104 | -------------------------------------------------------------------------------- /src/js/index.js: -------------------------------------------------------------------------------- 1 | import { gsap } from 'gsap'; 2 | 3 | // DOM elements 4 | const DOM = { 5 | // For demo purposes, trigger the effect when clicking any link in the menu (.line-link) 6 | menuLinks: [...document.querySelectorAll('.line-link')], 7 | // Cover element (wrap, outer and image inner elements) 8 | cover: { 9 | wrap: document.querySelector('.cover-wrap'), 10 | outer: document.querySelector('.cover'), 11 | inner: document.querySelector('.cover__inner'), 12 | }, 13 | // Some of the main page content elements 14 | // We'll animate some of the content elements when expanding the menu 15 | content: { 16 | imgs: [...document.querySelectorAll('.content > .content__img')], 17 | titles: [...document.querySelectorAll('.content > .content__title')] 18 | }, 19 | // Menu element (.menu) 20 | menu: document.querySelector('.menu'), 21 | // Element that slides out 22 | menuContent: document.querySelector('.menu__content'), 23 | // Close button 24 | closeCtrl: document.querySelector('.menu__back'), 25 | // Extra elements that will be animated inside the menu 26 | extra: document.querySelectorAll('.menu__tagline, .menu__social-author') 27 | }; 28 | 29 | let menuStatus = { 30 | isOpen: false, 31 | isAnimating: false 32 | }; 33 | 34 | // Animation gsap timeline 35 | const menuTimeline = gsap.timeline({ 36 | paused: true, 37 | onComplete: () => menuStatus.isAnimating = false, 38 | onReverseComplete: () => menuStatus.isAnimating = false, 39 | defaults: { 40 | duration: 1.2, 41 | ease: 'power4.inOut' 42 | } 43 | }) 44 | .addLabel('start', 0) 45 | .add(() => { 46 | // Add pointer events to auto/none 47 | DOM.menu.classList[menuStatus.isOpen ? 'add' : 'remove']('menu--open'); 48 | }, 'start') 49 | .to(DOM.cover.wrap, { 50 | duration: 1.6, 51 | startAt: {scale: '1.1'}, 52 | ease: 'power3.inOut', 53 | scale: 1 54 | }, 'start') 55 | .to(DOM.cover.outer, { 56 | startAt: {y: '-100%'}, 57 | y: '0%' 58 | }, 'start') 59 | .to(DOM.cover.inner, { 60 | startAt: {y: '100%'}, 61 | y: '0%' 62 | }, 'start') 63 | .to(DOM.content.imgs, { 64 | //ease: 'power3.inOut', 65 | y: position => `${position%2 === 0 ? -20 : 20}%`, 66 | }, 'start') 67 | .to(DOM.content.titles, { 68 | //ease: 'power3.inOut', 69 | y: position => `${position%2 === 0 ? 20 : -20}%`, 70 | }, 'start') 71 | .addLabel('menu', 0.5) 72 | .to(DOM.menuContent, { 73 | duration: 1, 74 | startAt: {y: '-100%'}, 75 | y: '0%', 76 | }, 'menu') 77 | .addLabel('extra', 'menu+=0.6') 78 | .set(DOM.extra, { 79 | y: '400%', 80 | opacity: 0 81 | }, 'start') 82 | .to(DOM.extra, { 83 | duration: 0.5, 84 | ease: 'power4', 85 | startAt: {opacity: 1}, 86 | opacity: 1, 87 | y: '0%' 88 | }, 'extra'); 89 | 90 | // Menu expand 91 | const expandMenu = () => { 92 | if ( menuStatus.isAnimating || menuStatus.isOpen ) return; 93 | menuStatus.isAnimating = true; 94 | menuStatus.isOpen = true; 95 | menuTimeline.play(); 96 | }; 97 | 98 | // Menu collapse 99 | const collapseMenu = () => { 100 | if ( menuStatus.isAnimating || !menuStatus.isOpen ) return; 101 | menuStatus.isAnimating = true; 102 | menuStatus.isOpen = false; 103 | menuTimeline.reverse(0); 104 | } 105 | 106 | // Expand the menu when pressing any of the menu top links... 107 | DOM.menuLinks.forEach(link => { 108 | 109 | link.addEventListener('click', ev => { 110 | ev.preventDefault(); 111 | expandMenu(); 112 | }); 113 | 114 | }); 115 | 116 | // Collapse it when pressing the close button 117 | DOM.closeCtrl.addEventListener('click', ev => { 118 | ev.preventDefault(); 119 | collapseMenu(); 120 | }); 121 | 122 | 123 | 124 | --------------------------------------------------------------------------------