├── .gitattributes ├── .gitignore ├── LICENSE ├── README.md ├── dist ├── 1.04213a58.jpg ├── 10.57de09c7.jpg ├── 11.ba790930.jpg ├── 12.c3a8d893.jpg ├── 13.3bd52250.jpg ├── 14.b7263516.jpg ├── 15.55bda21b.jpg ├── 2.3ff1fdb6.jpg ├── 3.b606be87.jpg ├── 4.24fd614c.jpg ├── 5.d13f5e61.jpg ├── 6.786c7db4.jpg ├── 7.df95fe5c.jpg ├── 8.e7faf38e.jpg ├── 9.ea63bab4.jpg ├── favicon.a64e97b2.ico ├── index.01b4f97a.css ├── index.b5e7c14d.js ├── index.e9a2d1b4.js └── index.html ├── package.json └── src ├── css └── base.css ├── favicon.ico ├── img ├── 1.jpg ├── 10.jpg ├── 11.jpg ├── 12.jpg ├── 13.jpg ├── 14.jpg ├── 15.jpg ├── 2.jpg ├── 3.jpg ├── 4.jpg ├── 5.jpg ├── 6.jpg ├── 7.jpg ├── 8.jpg └── 9.jpg ├── index.html └── js ├── imageHover.js ├── index.js └── utils.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 -------------------------------------------------------------------------------- /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 | # Repetition Hover Effect 2 | 3 | A simple and fun hover effect with repeated image layers that get scaled up and down. 4 | 5 | ![Image Title](https://tympanus.net/codrops/wp-content/uploads/2022/02/RepetitionHover_featured.jpg) 6 | 7 | [Article on Codrops](https://tympanus.net/codrops/?p=58746) 8 | 9 | [Demo](http://tympanus.net/Development/RepetitionHoverEffect/) 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/1.04213a58.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/1.04213a58.jpg -------------------------------------------------------------------------------- /dist/10.57de09c7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/10.57de09c7.jpg -------------------------------------------------------------------------------- /dist/11.ba790930.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/11.ba790930.jpg -------------------------------------------------------------------------------- /dist/12.c3a8d893.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/12.c3a8d893.jpg -------------------------------------------------------------------------------- /dist/13.3bd52250.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/13.3bd52250.jpg -------------------------------------------------------------------------------- /dist/14.b7263516.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/14.b7263516.jpg -------------------------------------------------------------------------------- /dist/15.55bda21b.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/15.55bda21b.jpg -------------------------------------------------------------------------------- /dist/2.3ff1fdb6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/2.3ff1fdb6.jpg -------------------------------------------------------------------------------- /dist/3.b606be87.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/3.b606be87.jpg -------------------------------------------------------------------------------- /dist/4.24fd614c.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/4.24fd614c.jpg -------------------------------------------------------------------------------- /dist/5.d13f5e61.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/5.d13f5e61.jpg -------------------------------------------------------------------------------- /dist/6.786c7db4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/6.786c7db4.jpg -------------------------------------------------------------------------------- /dist/7.df95fe5c.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/7.df95fe5c.jpg -------------------------------------------------------------------------------- /dist/8.e7faf38e.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/8.e7faf38e.jpg -------------------------------------------------------------------------------- /dist/9.ea63bab4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/9.ea63bab4.jpg -------------------------------------------------------------------------------- /dist/favicon.a64e97b2.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/dist/favicon.a64e97b2.ico -------------------------------------------------------------------------------- /dist/index.01b4f97a.css: -------------------------------------------------------------------------------- 1 | *,:after,:before{box-sizing:border-box}:root{font-size:18px}body{--color-text:#858898;--color-bg:#0f0f0f;--color-link:#fff;--color-link-hover:#858898;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:quasimoda,sans-serif;font-weight:500;margin:0}.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}.unbutton{background:none;border:0;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}.frame{padding:1.5rem;position:relative;text-align:center;z-index:1000}.frame__title{font-size:1rem;font-weight:500;grid-area:title;justify-self:center;margin:0 0 1rem}.frame__links{display:inline;grid-area:links;justify-self:start;text-align:center}.frame__links a:not(:last-child){margin-right:1rem}.frame__demos{margin:1rem 0}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text)}.content{display:flex;flex-wrap:wrap;justify-content:space-between;justify-items:center;margin:10vh auto 40vh;max-width:1200px;text-align:center}.content__title{font-size:11vw;grid-column:1/span 3;line-height:.65;margin:10vh 0 0;width:100%}.content__title-first{display:block;font-family:forma-djr-deck,sans-serif;font-weight:500;text-transform:uppercase}.content__title-second{font-family:tenez,sans-serif;font-style:normal;font-weight:300;text-transform:uppercase}.image{cursor:pointer;display:grid;margin:0 1vw;max-width:30vw;overflow:hidden;position:relative}.image--style-1{border-radius:145px;height:450px;width:285px}.image--style-2{border-radius:50%;height:320px;width:320px}.image--style-3{border-radius:5px;height:450px;width:285px}.image--style-4{border-radius:145px 145px 0 0;height:450px;width:285px}.image>.image__element,.image__wrap{border-radius:inherit;grid-area:1/1/2/2;height:100%;position:relative;transform-origin:inherit;width:100%;will-change:transform}.image__wrap{overflow:hidden}.image__element{background-position:50% 50%;background-size:cover;height:100%;width:100%}@media screen and (min-width:53em){.frame{align-items:baseline;display:grid;grid-template-areas:"links title sponsor";grid-template-columns:25% 50% 25%;justify-content:space-between;text-align:left}} -------------------------------------------------------------------------------- /dist/index.b5e7c14d.js: -------------------------------------------------------------------------------- 1 | !function(){var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},e={},r={},i=t.parcelRequiree7cc;function n(t,e){for(var r=0;rt._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t},Wt=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},Qt=function t(e){return!e||e._ts&&t(e.parent)},Gt=function(t){return t._repeat?Ht(t._tTime,t=t.duration()+t._rDelay)*t:0},Ht=function(t,e){var r=Math.floor(t/=e);return t&&r===t?r-1:r},Zt=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},Jt=function(t){return t._end=It(t._start+(t._tDur/Math.abs(t._ts||t._rts||U)||0))},$t=function(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=It(r._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Jt(t),r._dirty||Vt(r,t)),t},Kt=function(t,e){var r;if((e._time||e._initted&&!e._dur)&&(r=Zt(t.rawTime(),e),(!e._dur||fe(0,e.totalDuration(),r)-e._tTime>U)&&e.render(r,!0)),Vt(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}},te=function(t,e,r,i){return e.parent&&Xt(e),e._start=It((J(r)?r:r||t!==c?ue(t,r,e):t._time)+e._delay),e._end=It(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),ne(e)||(t._recent=e),i||Kt(t,e),t},ee=function(t,e){return(ct.ScrollTrigger||_t("scrollTrigger",e))&&ct.ScrollTrigger.create(e,t)},re=function(t,e,r,i){return nr(t,e),t._initted?!r&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&g!==Be.frame?(bt.push(t),t._lazy=[e,i],1):void 0:1},ie=function t(e){var r=e.parent;return r&&r._ts&&r._initted&&!r._lock&&(r.rawTime()<0||t(r))},ne=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},se=function(t,e,r,i){var n=t._repeat,s=It(e)||0,a=t._tTime/t._tDur;return a&&!i&&(t._time*=s/t._dur),t._dur=s,t._tDur=n?n<0?1e10:It(s*(n+1)+t._rDelay*n):s,a>0&&!i?$t(t,t._tTime=t._tDur*a):t.parent&&Jt(t),r||Vt(t.parent,t),t},ae=function(t){return t instanceof Ke?Vt(t):se(t,t._dur)},oe={_start:0,endTime:vt,totalDuration:vt},ue=function t(e,r,i){var n,s,a,o=e.labels,u=e._recent||oe,h=e.duration()>=N?u.endTime(!1):e._dur;return H(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*(nt(i)?i[0]:i).totalDuration()),n>1?t(e,r.substr(0,n-1),i)+s:h+s)):null==r?h:+r},he=function(t,e,r){var i,n,s=J(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=tt(n.vars.inherit)&&n.parent;o.immediateRender=tt(i.immediateRender),t<2?o.runBackwards=1:o.startAt=e[a-1]}return new hr(e[0],o,e[a+1])},le=function(t,e){return t||0===t?e(t):e},fe=function(t,e,r){return re?e:r},ce=function(t,e){return H(t)&&(e=ft.exec(t))?t.substr(e.index+e[0].length):""},pe=[].slice,de=function(t,e){return t&&K(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&K(t[0]))&&!t.nodeType&&t!==p},_e=function(t,e,r){return void 0===r&&(r=[]),t.forEach((function(t){var i;return H(t)&&!e||de(t,1)?(i=r).push.apply(i,me(t)):r.push(t)}))||r},me=function(t,e,r){return!H(t)||r||!d&&qe()?nt(t)?_e(t,r):de(t)?pe.call(t,0):t?[t]:[]:pe.call((e||_).querySelectorAll(t),0)},ge=function(t){return t.sort((function(){return.5-Math.random()}))},ve=function(t){if(Z(t))return t;var e=K(t)?t:{each:t},r=We(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 H(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,b,w=(f||e).length,T=s[w];if(!T){if(!(b="auto"===e.grid?0:(e.grid||[1,N])[1])){for(v=-1e8;v<(v=f[b++].getBoundingClientRect().left)&&bv&&(v=m),mw?w-1:u?"y"===u?w/b:b:Math.max(b,w/b))||0)*("edges"===i?-1:1),T.b=w<0?n-w:n,T.u=ce(e.amount||e.each)||0,r=r&&w<0?Xe(r):r}return w=(T[t]-T.min)/T.max||0,It(T.b+(r?r(w):w)*T.v)+T.u}},ye=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+(J(r)?0:ce(r))}},be=function(t,e){var r,i,n=nt(t);return!n&&K(t)&&(r=n=t.radius||N,t.values?(t=me(t.values),(i=!J(t[0]))&&(r*=r)):t=ye(t.increment)),le(e,n?Z(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=N,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},ke=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&&bt.length&&Ft(),i?a.apply(n,i):a.call(n)},Ee=function(t){return Xt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&ke(t,"onInterrupt"),t},De=function(t){var e=(t=!t.name&&t.default||t).name,r=Z(t),i=e&&!r&&t.init?function(){this._props=[]}:t,n={init:vt,render:vr,add:rr,kill:br,modifier:yr,rawVars:0},s={targetTest:0,get:0,getSetter:dr,aliases:{},register:0};if(qe(),t!==i){if(Tt[e])return;Bt(i,Bt(Nt(t,n),s)),qt(i.prototype,qt(n,Nt(t,s))),Tt[i.prop=e]=i,t.targetTest&&(Mt.push(i),yt[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}gt(e,i),t.register&&t.register(Er,i,xr)},Ae=255,Ce={aqua:[0,Ae,Ae],lime:[0,Ae,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,Ae],navy:[0,0,128],white:[Ae,Ae,Ae],olive:[128,128,0],yellow:[Ae,Ae,0],orange:[Ae,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[Ae,0,0],pink:[Ae,192,203],cyan:[0,Ae,Ae],transparent:[Ae,Ae,Ae,0]},Se=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)*Ae+.5|0},Ie=function(t,e,r){var i,n,s,a,o,u,h,l,f,c,p=t?J(t)?[t>>16,t>>8&Ae,t&Ae]:0:Ce.black;if(!p){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),Ce[t])p=Ce[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&Ae,p&Ae,parseInt(t.substr(7),16)/255];p=[(t=parseInt(t.substr(1),16))>>16,t>>8&Ae,t&Ae]}else if("hsl"===t.substr(0,3))if(p=c=t.match(st),e){if(~t.indexOf("="))return p=t.match(at),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]=Se(a+1/3,i,n),p[1]=Se(a,i,n),p[2]=Se(a-1/3,i,n);else p=t.match(st)||Ce.transparent;p=p.map(Number)}return e&&!c&&(i=p[0]/Ae,n=p[1]/Ae,s=p[2]/Ae,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+(nE&&(A+=a-D),((r=(n=(C+=a)-A)-I)>0||o)&&(s=++x.frame,O=n-1e3*x.time,x.time=n/=1e3,I+=r+(r>=S?4:S-r),i=1),o||(b=w(t)),i)for(M=0;M=e&&M--},_listeners:P=[]}),qe=function(){return!y&&Be.wake()},je={},Ne=/^[\d.\-M][\d.\-,\s]/,Ue=/["']/g,Ye=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("{")?[Ye(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/Y*(Math.asin(1/n)||0),o=function(t){return 1===t?1:n*Math.pow(2,-10*t)*G((t-a)*s)+1},u="out"===e?o:"in"===e?function(t){return 1-o(1-t)}:Ge(o);return s=Y/s,u.config=function(r,i){return t(e,r,i)},u},Ze=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)}:Ge(i);return n.config=function(r){return t(e,r)},n};Ct("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var r=e<5?e+1:e;Qe(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}))})),je.Linear.easeNone=je.none=je.Linear.easeIn,Qe("Elastic",He("in"),He("out"),He()),R=7.5625,L=1/(z=2.75),Qe("Bounce",(function(t){return 1-B(1-t)}),B=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,se(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(qe(),!arguments.length)return this._tTime;var r=this._dp;if(r&&r.smoothChildTiming&&this._ts){for($t(this,t),!r._dp||r.parent||Kt(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)&&te(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&Math.abs(this._zTime)===U||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),Rt(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Gt(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)+Gt(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?Ht(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?Zt(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,Wt(this.totalTime(fe(-this._delay,this._tDur,e),!0)),Jt(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):(qe(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&Math.abs(this._zTime)!==U&&(this._tTime-=U)))),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)&&te(e,this,t-this._delay),this}return this._start},e.endTime=function(t){return this._start+(tt(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?Zt(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,ae(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,ae(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(ue(this,t),tt(e))},e.restart=function(t,e){return this.play().totalTime(t?-this._delay:0,tt(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=Z(t)?t:Lt,n=function(){var t=e.then;e.then=null,Z(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(){Ee(this)},t}();Bt($e.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 Ke=function(t){function e(e,r){var i;return void 0===e&&(e={}),(i=t.call(this,e)||this).labels={},i.smoothChildTiming=!!e.smoothChildTiming,i.autoRemoveChildren=!!e.autoRemoveChildren,i._sort=tt(e.sortChildren),c&&te(e.parent||c,h(i),r),e.reversed&&i.reverse(),e.paused&&i.paused(!0),e.scrollTrigger&&ee(h(i),e.scrollTrigger),i}l(e,t);var r=e.prototype;return r.to=function(t,e,r){return he(0,arguments,this),this},r.from=function(t,e,r){return he(1,arguments,this),this},r.fromTo=function(t,e,r,i){return he(2,arguments,this),this},r.set=function(t,e,r){return e.duration=0,e.parent=this,Ut(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new hr(t,e,ue(this,r),1),this},r.call=function(t,e,r){return te(this,hr.delayedCall(0,t,e),r)},r.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 hr(t,r,ue(this,n)),this},r.staggerFrom=function(t,e,r,i,n,s,a){return r.runBackwards=1,Ut(r).immediateRender=tt(r.immediateRender),this.staggerTo(t,e,r,i,n,s,a)},r.staggerFromTo=function(t,e,r,i,n,s,a,o){return i.startAt=r,Ut(i).immediateRender=tt(i.immediateRender),this.staggerTo(t,e,i,n,s,a,o)},r.render=function(t,e,r){var i,n,s,a,o,u,h,l,f,p,d,_,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=t<=0?0:It(t),b=this._zTime<0!=t<0&&(this._initted||!v);if(this!==c&&y>g&&t>=0&&(y=g),y!==this._tTime||r||b){if(m!==this._time&&v&&(y+=this._time-m,t+=this._time-m),i=y,f=this._start,u=!(l=this._ts),b&&(v||(m=this._zTime),(t||!e)&&(this._zTime=t)),this._repeat){if(d=this._yoyo,o=v+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*o+t,e,r);if(i=It(y%o),y===g?(a=this._repeat,i=v):((a=~~(y/o))&&a===y/o&&(i=v,a--),i>v&&(i=v)),p=Ht(this._tTime,o),!m&&this._tTime&&p!==a&&(p=a),d&&1&a&&(i=v-i,_=1),a!==p&&!this._lock){var w=d&&1&p,T=w===(d&&1&a);if(ae)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(s=n._next,(n._act||i>=n._start)&&n._ts&&h!==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&&!u){h=0,s&&(y+=this._zTime=-1e-8);break}}n=s}else{n=this._last;for(var x=t<0?t:i;n;){if(s=n._prev,(n._act||x<=n._end)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(n._ts>0?(x-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(x-n._start)*n._ts,e,r),i!==this._time||!this._ts&&!u){h=0,s&&(y+=this._zTime=x?-1e-8:U);break}}n=s}}if(h&&!e&&(this.pause(),h.render(i>=m?0:-1e-8)._zTime=i>=m?1:-1,this._ts))return this._start=f,Jt(this),this.render(t,e,r);this._onUpdate&&!e&&ke(this,"onUpdate",!0),(y===g&&g>=this.totalDuration()||!y&&m)&&(f!==this._start&&Math.abs(l)===Math.abs(this._ts)||this._lock||((t||!v)&&(y===g&&this._ts>0||!y&&this._ts<0)&&Xt(this,1),e||t<0&&!m||!y&&!m&&g||(ke(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},r.add=function(t,e){var r=this;if(J(e)||(e=ue(this,e,t)),!(t instanceof $e)){if(nt(t))return t.forEach((function(t){return r.add(t,e)})),this;if(H(t))return this.addLabel(t,e);if(!Z(t))return this;t=hr.delayedCall(0,t)}return this!==t?te(this,t,e):this},r.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 hr?e&&n.push(s):(r&&n.push(s),t&&n.push.apply(n,s.getChildren(!0,e,r)))),s=s._next;return n},r.getById=function(t){for(var e=this.getChildren(1,1,1),r=e.length;r--;)if(e[r].vars.id===t)return e[r]},r.remove=function(t){return H(t)?this.removeLabel(t):Z(t)?this.killTweensOf(t):(Yt(this,t),t===this._recent&&(this._recent=this._last),Vt(this))},r.totalTime=function(e,r){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=It(Be.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},r.addLabel=function(t,e){return this.labels[t]=ue(this,e),this},r.removeLabel=function(t){return delete this.labels[t],this},r.addPause=function(t,e,r){var i=hr.delayedCall(0,e||vt,r);return i.data="isPause",this._hasPause=1,te(this,i,ue(this,t))},r.removePause=function(t){var e=this._first;for(t=ue(this,t);e;)e._start===t&&"isPause"===e.data&&Xt(e),e=e._next},r.killTweensOf=function(t,e,r){for(var i=this.getTweensOf(t,r),n=i.length;n--;)tr!==i[n]&&i[n].kill(t,e);return this},r.getTweensOf=function(t,e){for(var r,i=[],n=me(t),s=this._first,a=J(e);s;)s instanceof hr?Pt(s._targets,n)&&(a?(!tr||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},r.tweenTo=function(t,e){e=e||{};var r,i=this,n=ue(i,t),s=e,a=s.startAt,o=s.onStart,u=s.onStartParams,h=s.immediateRender,l=hr.to(i,Bt({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())||U,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&&se(l,t,0,1).render(l._time,!0,!0),r=1}o&&o.apply(l,u||[])}},e));return h?l.render(0):l},r.tweenFromTo=function(t,e,r){return this.tweenTo(e,Bt({startAt:{time:ue(this,t)}},r))},r.recent=function(){return this._recent},r.nextLabel=function(t){return void 0===t&&(t=this._time),Me(this,ue(this,t))},r.previousLabel=function(t){return void 0===t&&(t=this._time),Me(this,ue(this,t),1)},r.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+U)},r.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 Vt(this)},r.invalidate=function(){var e=this._first;for(this._lock=0;e;)e.invalidate(),e=e._next;return t.prototype.invalidate.call(this)},r.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={}),Vt(this)},r.totalDuration=function(t){var e,r,i,n=0,s=this,a=s._last,o=N;if(arguments.length)return s.timeScale((s._repeat<0?s.duration():s.totalDuration())/(s.reversed()?-t:t));if(s._dirty){for(i=s.parent;a;)e=a._prev,a._dirty&&a.totalDuration(),(r=a._start)>o&&s._sort&&a._ts&&!s._lock?(s._lock=1,te(s,a,r-a._delay,1)._lock=0):o=r,r<0&&a._ts&&(n-=r,(!i&&!s._dp||i&&i.smoothChildTiming)&&(s._start+=r/s._ts,s._time-=r,s._tTime-=r),s.shiftChildren(-r,!1,-1/0),o=0),a._end>n&&a._ts&&(n=a._end),a=e;se(s,s===c&&s._time>n?s._time:n,1,1),s._dirty=0}return s._tDur},e.updateRoot=function(t){if(c._ts&&(Rt(c,Zt(t,c)),g=Be.frame),Be.frame>=Ot){Ot+=q.autoSleep||120;var e=c._first;if((!e||!e._ts)&&q.autoSleep&&Be._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Be.sleep()}}},e}($e);Bt(Ke.prototype,{_lock:0,_hasPause:0,_forcing:0});var tr,er=function(t,e,r,i,n,s,a){var o,u,h,l,f,c,p,d,_=new xr(this._pt,t,e,0,1,gr,null,n),m=0,g=0;for(_.b=r,_.e=i,r+="",(p=~(i+="").indexOf("random("))&&(i=xe(i)),s&&(s(d=[r,i],t,e),r=d[0],i=d[1]),u=r.match(ut)||[];o=ut.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,_._pt={_next:_._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=ut.lastIndex);return _.c=m0&&!A&&(e._startAt=0),C&&r<=0)return void(r&&(e._zTime=r))}else!1===A&&(e._startAt=0);else if(k&&C)if(S)!A&&(e._startAt=0);else if(r&&(w=!1),s=Bt({overwrite:!1,data:"isFromStart",lazy:w&&tt(T),immediateRender:w,stagger:0,parent:P},i),m&&(s[l.prop]=m),Xt(e._startAt=hr.set(I,s)),r<0&&e._startAt.render(-1,!0),e._zTime=r,w){if(!r)return}else t(e._startAt,U);for(e._pt=0,T=C&&tt(T)||T&&!C,n=0;n")}));else{var P=function(t){for(A=u[t].sort((function(t,e){return t.t-e.t})),I=0,o=0;op-U&&t>=0?p:td&&(i=d)),(u=this._yoyo&&1&s)&&(f=this._yEase,i=d-i),o=Ht(this._tTime,a),i===c&&!r&&this._initted)return this;s!==o&&(l&&this._yEase&&Ve(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=r=1,this.render(It(a*s),!0).invalidate()._lock=0))}if(!this._initted){if(re(this,t<0?t:i,r,e))return this._tTime=0,this;if(d!==this._dur)return this.render(t,e,r)}if(this._tTime=_,this._time=i,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(f||this._ease)(i/d),this._from&&(this.ratio=h=1-h),i&&!c&&!e&&(ke(this,"onStart"),this._tTime!==_))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),ke(this,"onUpdate")),this._repeat&&s!==o&&this.vars.onRepeat&&!e&&this.parent&&ke(this,"onRepeat"),_!==this._tDur&&_||this._tTime!==_||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!d)&&(_===this._tDur&&this._ts>0||!_&&this._ts<0)&&Xt(this,1),e||t<0&&!c||!_&&!c||(ke(this,_===p?"onComplete":"onReverseComplete",!0),this._prom&&!(_0)&&this._prom()))}}else!function(t,e,r,i){var n,s,a,o=t.ratio,u=e<0||!e&&(!t._start&&ie(t)&&(t._initted||!ne(t))||(t._ts<0||t._dp._ts<0)&&!ne(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=fe(0,t._tDur,e),s=Ht(l,h),t._yoyo&&1&s&&(u=1-u),s!==Ht(t._tTime,h)&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||i||t._zTime===U||!e&&t._zTime){if(!t._initted&&re(t,e,i,r))return;for(a=t._zTime,t._zTime=e||(r?U: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&&ke(t,"onUpdate"),l&&t._repeat&&!r&&t.parent&&ke(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Xt(t,1),r||(ke(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,r);return this},r.targets=function(){return this._targets},r.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)},r.kill=function(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?Ee(this):this;if(this.timeline){var r=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,tr&&!0!==tr.vars.overwrite)._first||Ee(this),this.parent&&r!==this.timeline.totalDuration()&&se(this,this._dur*this.timeline._tDur/r,0,1),this}var i,n,s,a,o,u,h,l=this._targets,f=t?me(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),Ee(this);for(i=this._op=this._op||[],"all"!==e&&(H(e)&&(o={},Ct(e,(function(t){return o[t]=1})),e=o),e=function(t,e){var r,i,n,s,a=t[0]?Dt(t[0]).harness:0,o=a&&a.aliases;if(!o)return e;for(i in r=qt({},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)||Yt(this,u,"_pt"),delete n[o]),"all"!==s&&(s[o]=1);return this._initted&&!this._pt&&p&&Ee(this),this},e.to=function(t,r){return new e(t,r,arguments[2])},e.from=function(t,e){return he(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 he(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 c.killTweensOf(t,e,r)},e}($e);Bt(hr.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),Ct("staggerTo,staggerFrom,staggerFromTo",(function(t){hr[t]=function(){var e=new Ke,r=pe.call(arguments,0);return r.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,r)}}));var lr=function(t,e,r){return t[e]=r},fr=function(t,e,r){return t[e](r)},cr=function(t,e,r,i){return t[e](i.fp,r)},pr=function(t,e,r){return t.setAttribute(e,r)},dr=function(t,e){return Z(t[e])?fr:$(t[e])&&t.setAttribute?pr:lr},_r=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},mr=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},gr=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)},vr=function(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},yr=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},br=function(t){for(var e,r,i=this._pt;i;)r=i._next,i.p===t&&!i.op||i.op===t?Yt(this,i,"_pt"):i.dep||(e=1),i=r;return!e},wr=function(t,e,r,i){i.mSet(t,e,i.m.call(i.tween,r,i.mt),i)},Tr=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},xr=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||_r,this.d=a||this,this.set=o||lr,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=wr,this.m=t,this.mt=r,this.tween=e},t}();Ct(kt+"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 yt[t]=1})),ct.TweenMax=ct.TweenLite=hr,ct.TimelineLite=ct.TimelineMax=Ke,c=new Ke({sortChildren:!1,defaults:j,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),q.stringFilter=Le;var Or={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),r=0;r1){var i=t.map((function(t){return Er.quickSetter(t,e,r)})),n=i.length;return function(t){for(var e=n;e--;)i[e](t)}}t=t[0]||{};var s=Tt[e],a=Dt(t),o=a.harness&&(a.harness.aliases||{})[e]||e,u=s?function(e){var i=new s;v._pt=0,i.init(t,r?e+r:e,v,0,[t]),i.render(1,i),v._pt&&vr(1,v)}:a.set(t,o);return s?u:function(e){return u(t,o,r?e+r:e,a,1)}},isTweening:function(t){return c.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=We(t.ease,j.ease)),jt(j,t||{})},config:function(t){return jt(q,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&&!Tt[t]&&!ct[t]&&mt(e+" effect requires "+t+" plugin.")})),xt[e]=function(t,e,i){return r(me(t),Bt(e||{},n),i)},s&&(Ke.prototype[e]=function(t,r,i){return this.add(xt[e](t,K(r)?r:(i=r)&&{},this),i)})},registerEase:function(t,e){je[t]=We(e)},parseEase:function(t,e){return arguments.length?We(t,e):je},getById:function(t){return c.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var r,i,n=new Ke(t);for(n.smoothChildTiming=tt(t.smoothChildTiming),c.remove(n),n._dp=0,n._time=n._tTime=c._time,r=c._first;r;)i=r._next,!e&&!r._dur&&r instanceof hr&&r.vars.onComplete===r._targets[0]||te(n,r,r._start-r._delay),r=i;return te(c,n,0),n},utils:{wrap:function t(e,r,i){var n=r-e;return nt(e)?Te(e,t(0,e.length),r):le(i,(function(t){return(n+(t-e)%n)%n+e}))},wrapYoyo:function t(e,r,i){var n=r-e,s=2*n;return nt(e)?Te(e,t(0,e.length-1),r):le(i,(function(t){return e+((t=(s+(t-e)%s)%s||0)>n?s-t:t)}))},distribute:ve,random:we,snap:be,normalize:function(t,e,r){return Oe(t,e,0,1,r)},getUnit:ce,clamp:function(t,e,r){return le(r,(function(r){return fe(t,e,r)}))},splitColor:Ie,toArray:me,selector:function(t){return t=me(t)[0]||mt("Invalid scope")||{},function(e){var r=t.current||t.nativeElement||t;return me(e,r.querySelectorAll?r:r===t?mt("Invalid scope")||_.createElement("div"):t)}},mapRange:Oe,pipe:function(){for(var t=arguments.length,e=new Array(t),r=0;r=0?si[n]:"")+t},oi=function(){"undefined"!=typeof window&&window.document&&(Dr=window,Ar=Dr.document,Cr=Ar.documentElement,Ir=ii("div")||{style:{}},ii("div"),ei=ai(ei),ri=ei+"Origin",Ir.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Fr=!!ai("perspective"),Sr=1)},ui=function t(e){var r,i=ii("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=this.parentNode,s=this.nextSibling,a=this.style.cssText;if(Cr.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)),Cr.removeChild(i),this.style.cssText=a,r},hi=function(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])},li=function(t){var e;try{e=t.getBBox()}catch(r){e=ui.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===ui||(e=ui.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+hi(t,["x","cx","x1"])||0,y:+hi(t,["y","cy","y1"])||0,width:0,height:0}},fi=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!li(t))},ci=function(t,e){if(e){var r=t.style;e in Rr&&e!==ri&&(e=ei),r.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),r.removeProperty(e.replace(qr,"-$1").toLowerCase())):r.removeAttribute(e)}},pi=function(t,e,r,i,n,s){var a=new xr(t._pt,e,r,0,1,s?Gr:Qr);return t._pt=a,a.b=i,a.e=n,t._props.push(r),a},di={deg:1,rad:1,turn:1},_i=function t(e,r,i,n){var s,a,o,u,h=parseFloat(i)||0,l=(i+"").trim().substr((h+"").length)||"px",f=Ir.style,c=jr.test(r),p="svg"===e.tagName.toLowerCase(),d=(p?"client":"offset")+(c?"Width":"Height"),_=100,m="px"===n,g="%"===n;return n===l||!h||di[n]||di[l]?h:("px"!==l&&!m&&(h=t(e,r,i,"px")),u=e.getCTM&&fi(e),!g&&"%"!==l||!Rr[r]&&!~r.indexOf("adius")?(f[c?"width":"height"]=_+(m?l:n),a=~r.indexOf("adius")||"em"===n&&e.appendChild&&!p?e:e.parentNode,u&&(a=(e.ownerSVGElement||{}).parentNode),a&&a!==Ar&&a.appendChild||(a=Ar.body),(o=a._gsap)&&g&&o.width&&c&&o.time===Be.time?St(h/o.width*_):((g||"%"===l)&&(f.position=ni(e,"position")),a===e&&(f.position="static"),a.appendChild(Ir),s=Ir[d],a.removeChild(Ir),f.position="absolute",c&&g&&((o=Dt(a)).time=Be.time,o.width=a[d]),St(m?s*h/_:s&&h?_/s*h:0))):(s=u?e.getBBox()[c?"width":"height"]:e[d],St(g?h/s*_:h/100*s)))},mi=function(t,e,r,i){var n;return Sr||oi(),e in Ur&&"transform"!==e&&~(e=Ur[e]).indexOf(",")&&(e=e.split(",")[0]),Rr[e]&&"transform"!==e?(n=Ei(t,i),n="transformOrigin"!==e?n[e]:n.svg?n.origin:Di(ni(t,ri))+" "+n.zOrigin+"px"):(!(n=t.style[e])||"auto"===n||i||~(n+"").indexOf("calc("))&&(n=bi[e]&&bi[e](t,e,r)||ni(t,e)||At(t,e)||("opacity"===e?1:0)),r&&!~(n+"").trim().indexOf(" ")?_i(t,e,n,r)+r:n},gi=function(t,e,r,i){if(!r||"none"===r){var n=ai(e,t,1),s=n&&ni(t,n,1);s&&s!==r?(e=n,r=s):"borderColor"===e&&(r=ni(t,"borderTopColor"))}var a,o,u,h,l,f,c,p,d,_,m,g,v=new xr(this._pt,t.style,e,0,1,gr),y=0,b=0;if(v.b=r,v.e=i,r+="","auto"===(i+="")&&(t.style[e]=i,i=ni(t,e)||i,t.style[e]=r),Le(a=[r,i]),i=a[1],u=(r=a[0]).match(ot)||[],(i.match(ot)||[]).length){for(;o=ot.exec(i);)c=o[0],d=i.substring(y,o.index),l?l=(l+1)%5:"rgba("!==d.substr(-5)&&"hsla("!==d.substr(-5)||(l=1),c!==(f=u[b++]||"")&&(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),_=c.substr((p+"").length),y=ot.lastIndex-_.length,_||(_=_||q.units[e]||m,y===i.length&&(i+=_,v.e+=_)),m!==_&&(h=_i(t,e,f,_)||0),v._pt={_next:v._pt,p:d||1===b?d:",",s:h,c:g?g*p:p-h,m:l&&l<4||"zIndex"===e?Math.round:0});v.c=y-1;)r=o[n],Rr[r]&&(i=1,r="transformOrigin"===r?ri:ei),ci(s,r);i&&(ci(s,ei),u&&(u.svg&&s.removeAttribute("transform"),Ei(s,1),u.uncache=1))}},bi={clearProps:function(t,e,r,i,n){if("isFromStart"!==n.data){var s=t._pt=new xr(t._pt,e,r,0,0,yi);return s.u=i,s.pr=-10,s.tween=n,t._props.push(r),1}}},wi=[1,0,0,1,0,0],Ti={},xi=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},Oi=function(t){var e=ni(t,ei);return xi(e)?wi:e.substr(7).match(at).map(St)},Mi=function(t,e){var r,i,n,s,a=t._gsap||Dt(t),o=t.style,u=Oi(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(",")?wi:u:(u!==wi||t.offsetParent||t===Cr||a.svg||(n=o.display,o.display="block",(r=t.parentNode)&&t.offsetParent||(s=1,i=t.nextSibling,Cr.appendChild(t)),u=Oi(t),n?o.display=n:ci(t,"display"),s&&(i?r.insertBefore(t,i):r?r.appendChild(t):Cr.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},ki=function(t,e,r,i,n,s){var a,o,u,h=t._gsap,l=n||Mi(t,!0),f=h.xOrigin||0,c=h.yOrigin||0,p=h.xOffset||0,d=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],b=l[5],w=e.split(" "),T=parseFloat(w[0])||0,x=parseFloat(w[1])||0;r?l!==wi&&(o=_*v-m*g)&&(u=T*(-m/o)+x*(_/o)-(_*b-m*y)/o,T=T*(v/o)+x*(-g/o)+(g*b-v*y)/o,x=u):(T=(a=li(t)).x+(~w[0].indexOf("%")?T/100*a.width:T),x=a.y+(~(w[1]||w[0]).indexOf("%")?x/100*a.height:x)),i||!1!==i&&h.smooth?(y=T-f,b=x-c,h.xOffset=p+(y*_+b*g)-y,h.yOffset=d+(y*m+b*v)-b):h.xOffset=h.yOffset=0,h.xOrigin=T,h.yOrigin=x,h.smooth=!!i,h.origin=e,h.originIsAbsolute=!!r,t.style[ri]="0px 0px",s&&(pi(s,h,"xOrigin",f,T),pi(s,h,"yOrigin",c,x),pi(s,h,"xOffset",p,h.xOffset),pi(s,h,"yOffset",d,h.yOffset)),t.setAttribute("data-svg-origin",T+" "+x)},Ei=function(t,e){var r=t._gsap||new Je(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,b,w,T,x,O,M,k,E,D,A,C,S,I,P,F,R=t.style,z=r.scaleX<0,L="px",B="deg",j=ni(t,ri)||"0";return i=n=s=u=h=l=f=c=p=0,a=o=1,r.svg=!(!t.getCTM||!fi(t)),m=Mi(t,r.svg),r.svg&&(k=(!r.uncache||"0px 0px"===j)&&!e&&t.getAttribute("data-svg-origin"),ki(t,k||j,!!k||r.originIsAbsolute,!1!==r.smooth,m)),d=r.xOrigin||0,_=r.yOrigin||0,m!==wi&&(b=m[0],w=m[1],T=m[2],x=m[3],i=O=m[4],n=M=m[5],6===m.length?(a=Math.sqrt(b*b+w*w),o=Math.sqrt(x*x+T*T),u=b||w?Br(w,b)*zr:0,(f=T||x?Br(T,x)*zr+u:0)&&(o*=Math.abs(Math.cos(f*Lr))),r.svg&&(i-=d-(d*b+_*T),n-=_-(d*w+_*x))):(F=m[6],I=m[7],A=m[8],C=m[9],S=m[10],P=m[11],i=m[12],n=m[13],s=m[14],h=(g=Br(F,S))*zr,g&&(k=O*(v=Math.cos(-g))+A*(y=Math.sin(-g)),E=M*v+C*y,D=F*v+S*y,A=O*-y+A*v,C=M*-y+C*v,S=F*-y+S*v,P=I*-y+P*v,O=k,M=E,F=D),l=(g=Br(-T,S))*zr,g&&(v=Math.cos(-g),P=x*(y=Math.sin(-g))+P*v,b=k=b*v-A*y,w=E=w*v-C*y,T=D=T*v-S*y),u=(g=Br(w,b))*zr,g&&(k=b*(v=Math.cos(g))+w*(y=Math.sin(g)),E=O*v+M*y,w=w*v-b*y,M=M*v-O*y,b=k,O=E),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),a=St(Math.sqrt(b*b+w*w+T*T)),o=St(Math.sqrt(M*M+F*F)),g=Br(O,M),f=Math.abs(g)>2e-4?g*zr:0,p=P?1/(P<0?-P:P):0),r.svg&&(k=t.getAttribute("transform"),r.forceCSS=t.setAttribute("transform","")||!xi(ni(t,ei)),k&&t.setAttribute("transform",k))),Math.abs(f)>90&&Math.abs(f)<270&&(z?(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)+L,r.y=n-((r.yPercent=n&&(r.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-n)?-50:0)))?t.offsetHeight*r.yPercent/100:0)+L,r.z=s+L,r.scaleX=St(a),r.scaleY=St(o),r.rotation=St(u)+B,r.rotationX=St(h)+B,r.rotationY=St(l)+B,r.skewX=f+B,r.skewY=c+B,r.transformPerspective=p+L,(r.zOrigin=parseFloat(j.split(" ")[2])||0)&&(R[ri]=Di(j)),r.xOffset=r.yOffset=0,r.force3D=q.force3D,r.renderTransform=r.svg?Ri:Fr?Fi:Ci,r.uncache=0,r},Di=function(t){return(t=t.split(" "))[0]+" "+t[1]},Ai=function(t,e,r){var i=ce(e);return St(parseFloat(e)+parseFloat(_i(t,"x",r+"px",i)))+i},Ci=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,Fi(t,e)},Si="0deg",Ii="0px",Pi=") ",Fi=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,d=r.scaleY,_=r.transformPerspective,m=r.force3D,g=r.target,v=r.zOrigin,y="",b="auto"===m&&t&&1!==t||!0===m;if(v&&(l!==Si||h!==Si)){var w,T=parseFloat(h)*Lr,x=Math.sin(T),O=Math.cos(T);T=parseFloat(l)*Lr,w=Math.cos(T),s=Ai(g,s,x*w*-v),a=Ai(g,a,-Math.sin(T)*-v),o=Ai(g,o,O*w*-v+v)}_!==Ii&&(y+="perspective("+_+Pi),(i||n)&&(y+="translate("+i+"%, "+n+"%) "),(b||s!==Ii||a!==Ii||o!==Ii)&&(y+=o!==Ii||b?"translate3d("+s+", "+a+", "+o+") ":"translate("+s+", "+a+Pi),u!==Si&&(y+="rotate("+u+Pi),h!==Si&&(y+="rotateY("+h+Pi),l!==Si&&(y+="rotateX("+l+Pi),f===Si&&c===Si||(y+="skew("+f+", "+c+Pi),1===p&&1===d||(y+="scale("+p+", "+d+Pi),g.style[ei]=y||"translate(0, 0)"},Ri=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,d=o.skewY,_=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,b=o.xOffset,w=o.yOffset,T=o.forceCSS,x=parseFloat(l),O=parseFloat(f);c=parseFloat(c),p=parseFloat(p),(d=parseFloat(d))&&(p+=d=parseFloat(d),c+=d),c||p?(c*=Lr,p*=Lr,r=Math.cos(c)*_,i=Math.sin(c)*_,n=Math.sin(c-p)*-m,s=Math.cos(c-p)*m,p&&(d*=Lr,a=Math.tan(p-d),n*=a=Math.sqrt(1+a*a),s*=a,d&&(a=Math.tan(d),r*=a=Math.sqrt(1+a*a),i*=a)),r=St(r),i=St(i),n=St(n),s=St(s)):(r=_,s=m,i=n=0),(x&&!~(l+"").indexOf("px")||O&&!~(f+"").indexOf("px"))&&(x=_i(g,"x",l,"px"),O=_i(g,"y",f,"px")),(v||y||b||w)&&(x=St(x+v-(v*r+y*n)+b),O=St(O+y-(v*i+y*s)+w)),(u||h)&&(a=g.getBBox(),x=St(x+u/100*a.width),O=St(O+h/100*a.height)),a="matrix("+r+","+i+","+n+","+s+","+x+","+O+")",g.setAttribute("transform",a),T&&(g.style[ei]=a)},zi=function(t,e,r,i,n,s){var a,o,u=360,h=H(n),l=parseFloat(n)*(h&&~n.indexOf("rad")?zr: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 xr(t._pt,e,r,i,f,Xr),o.e=c,o.u="deg",t._props.push(r),o},Li=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=Li({},r._gsap),f=r.style;for(n in l.svg?(s=r.getAttribute("transform"),r.setAttribute("transform",""),f[ei]=e,i=Ei(r,1),ci(r,ei),r.setAttribute("transform",s)):(s=getComputedStyle(r)[ei],f[ei]=e,i=Ei(r,1),f[ei]=s),Rr)(s=l[n])!==(a=i[n])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(n)<0&&(o=ce(s)!==(h=ce(a))?_i(r,n,s,h):parseFloat(s),u=parseFloat(a),t._pt=new xr(t._pt,i,n,o,u-o,Yr),t._pt.u=h||0,t._props.push(n));Li(i,l)};Ct("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}));bi[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 mi(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 qi,ji,Ni,Ui={name:"css",register:oi,targetTest:function(t){return t.style&&t.nodeType},init:function(t,e,r,i,n){var s,a,u,h,l,f,c,p,d,_,m,g,v,y,b,w,T,x,O,M=this._props,k=t.style,E=r.vars.startAt;for(c in Sr||oi(),e)if("autoRound"!==c&&(a=e[c],!Tt[c]||!ir(c,e,r,i,t,n)))if(l=void 0===a?"undefined":o(a),f=bi[c],"function"===l&&(l=void 0===(a=a.call(r,i,t,n))?"undefined":o(a)),"string"===l&&~a.indexOf("random(")&&(a=xe(a)),f)f(this,t,c,a,r)&&(b=1);else if("--"===c.substr(0,2))s=(getComputedStyle(t).getPropertyValue(c)+"").trim(),a+="",Re.lastIndex=0,Re.test(s)||(p=ce(s),d=ce(a)),d?p!==d&&(s=_i(t,c,s,d)+d):p&&(a+=p),this.add(k,"setProperty",s,a,i,n,0,0,c),M.push(c);else if("undefined"!==l){if(E&&c in E?(s="function"==typeof E[c]?E[c].call(r,i,t,n):E[c],H(s)&&~s.indexOf("random(")&&(s=xe(s)),ce(s+"")||(s+=q.units[c]||ce(mi(t,c))||""),"="===(s+"").charAt(1)&&(s=mi(t,c))):s=mi(t,c),h=parseFloat(s),(_="string"===l&&"="===a.charAt(1)?+(a.charAt(0)+"1"):0)&&(a=a.substr(2)),u=parseFloat(a),c in Ur&&("autoAlpha"===c&&(1===h&&"hidden"===mi(t,"visibility")&&u&&(h=0),pi(this,k,"visibility",h?"inherit":"hidden",u?"inherit":"hidden",!u)),"scale"!==c&&"transform"!==c&&~(c=Ur[c]).indexOf(",")&&(c=c.split(",")[0])),m=c in Rr)if(g||((v=t._gsap).renderTransform&&!e.parseTransform||Ei(t,e.parseTransform),y=!1!==e.smoothOrigin&&v.smooth,(g=this._pt=new xr(this._pt,k,ei,0,1,v.renderTransform,v,0,-1)).dep=1),"scale"===c)this._pt=new xr(this._pt,v,"scaleY",v.scaleY,(_?_*u:u-v.scaleY)||0),M.push("scaleY",c),c+="X";else{if("transformOrigin"===c){T=void 0,x=void 0,O=void 0,T=(w=a).split(" "),x=T[0],O=T[1]||"50%","top"!==x&&"bottom"!==x&&"left"!==O&&"right"!==O||(w=x,x=O,O=w),T[0]=vi[x]||x,T[1]=vi[O]||O,a=T.join(" "),v.svg?ki(t,a,0,y,0,this):((d=parseFloat(a.split(" ")[2])||0)!==v.zOrigin&&pi(this,v,"zOrigin",v.zOrigin,d),pi(this,k,c,Di(s),Di(a)));continue}if("svgOrigin"===c){ki(t,a,1,y,0,this);continue}if(c in Ti){zi(this,v,c,h,a,_);continue}if("smoothOrigin"===c){pi(this,v,"smooth",v.smooth,a);continue}if("force3D"===c){v[c]=a;continue}if("transform"===c){Bi(this,a,t);continue}}else c in k||(c=ai(c)||c);if(m||(u||0===u)&&(h||0===h)&&!Nr.test(a)&&c in k)u||(u=0),(p=(s+"").substr((h+"").length))!==(d=ce(a)||(c in q.units?q.units[c]:p))&&(h=_i(t,c,s,d)),this._pt=new xr(this._pt,m?v:k,c,h,_?_*u:u-h,m||"px"!==d&&"zIndex"!==c||!1===e.autoRound?Yr:Wr),this._pt.u=d||0,p!==d&&"%"!==d&&(this._pt.b=s,this._pt.r=Vr);else if(c in k)gi.call(this,t,c,s,a);else{if(!(c in t)){_t(c,a);continue}this.add(t,c,s||t[c],a,i,n)}M.push(c)}b&&Tr(this)},get:mi,aliases:Ur,getSetter:function(t,e,r){var i=Ur[e];return i&&i.indexOf(",")<0&&(e=i),e in Rr&&e!==ri&&(t._gsap.x||mi(t,"x"))?r&&Pr===r?"scale"===e?$r:Jr:(Pr=r||{},"scale"===e?Kr:ti):t.style&&!$(t.style[e])?Hr:~e.indexOf("-")?Zr:dr(t,e)},core:{_removeProperty:ci,_getMatrix:Mi}};Er.utils.checkPrefix=ai,Ni=Ct((qi="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(ji="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Rr[t]=1})),Ct(ji,(function(t){q.units[t]="deg",Ti[t]=1})),Ur[Ni[13]]=qi+","+ji,Ct("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");Ur[e[1]]=Ni[e[0]]})),Ct("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){q.units[t]="px"})),Er.registerPlugin(Ui);var Yi=Er.registerPlugin(Ui)||Er,Xi=(Yi.core.Tween,function(){"use strict";function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),s(this,"DOM",{el:null,innerElems:null}),s(this,"bgImage",void 0),s(this,"totalInnerElems",void 0),s(this,"hoverTimeline",void 0),this.DOM={el:e},this.bgImage=/(?:\(['"]?)(.*?)(?:['"]?\))/.exec(this.DOM.el.style.backgroundImage)[1],Yi.set(this.DOM.el,{backgroundImage:"none"}),this.totalInnerElems=+this.DOM.el.dataset.repetitionElems||4,this.totalInnerElems=this.totalInnerElems<=1?2:this.totalInnerElems;for(var r="",i=0,n=this.totalInnerElems||1;i<=n-1;++i)r+=0===i?'
'):'
');this.DOM.el.innerHTML=r,this.DOM.innerElems=this.DOM.el.querySelectorAll(".image__element"),Yi.set([this.DOM.el,this.DOM.innerElems[0]],{transformOrigin:this.DOM.el.dataset.repetitionOrigin||"50% 50%"}),this.createHoverTimeline(),this.initEvents()}var e,r,i;return e=t,(r=[{key:"createHoverTimeline",value:function(){var t=this.DOM.el.dataset.repetitionAnimate||"scale",e={duration:this.DOM.el.dataset.repetitionDuration||.8,ease:this.DOM.el.dataset.repetitionEase||"power2.inOut",stagger:this.DOM.el.dataset.repetitionStagger||-.1},r={};e[t]=function(t){return+!t},r[t]=this.DOM.el.dataset.repetitionInitialScale||2,this.hoverTimeline=Yi.timeline({paused:!0}).set(this.DOM.innerElems[0],r).to([this.DOM.innerElems],e,0)}},{key:"initEvents",value:function(){var t=this;this.onMouseEnterFn=function(){return t.mouseEnter()},this.onMouseLeaveFn=function(){return t.mouseLeave()},this.DOM.el.addEventListener("mouseenter",this.onMouseEnterFn),this.DOM.el.addEventListener("mouseleave",this.onMouseLeaveFn)}},{key:"mouseEnter",value:function(){this.hoverTimeline.play()}},{key:"mouseLeave",value:function(){this.hoverTimeline.reverse()}}])&&n(e.prototype,r),i&&n(e,i),t}());(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"img";return new Promise((function(e){u(document.querySelectorAll(t),{background:!0},e)}))})("[data-repetition]").then((function(){document.body.classList.remove("loading"),a(document.querySelectorAll(".image")).forEach((function(t){return new Xi(t)}))}))}(); -------------------------------------------------------------------------------- /dist/index.e9a2d1b4.js: -------------------------------------------------------------------------------- 1 | var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},e={},i={},r=t.parcelRequiree7cc;null==r&&((r=function(t){if(t in e)return e[t].exports;if(t in i){var r=i[t];delete i[t];var n={id:t,exports:{}};return e[t]=n,r.call(n.exports,n,n.exports),n.exports}var s=new Error("Cannot find module '"+t+"'");throw s.code="MODULE_NOT_FOUND",s}).register=function(t,e){i[t]=e},t.parcelRequiree7cc=r),r.register("4hJWI",(function(t,e){!function(e,i){"function"==typeof define&&define.amd?define(i):t.exports?t.exports=i():e.EvEmitter=i()}("undefined"!=typeof window?window:t.exports,(function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},r=i[t]=i[t]||[];return-1==r.indexOf(e)&&r.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var r=i.indexOf(e);return-1!=r&&i.splice(r,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var r=this._onceEvents&&this._onceEvents[t],n=0;nt._dur||e._start<0))for(var i=t;i;)i._dirty=1,i=i.parent;return t},Nt=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},Ut=function t(e){return!e||e._ts&&t(e.parent)},Yt=function(t){return t._repeat?Xt(t._tTime,t=t.duration()+t._rDelay)*t:0},Xt=function(t,e){var i=Math.floor(t/=e);return t&&i===t?i-1:i},Vt=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},Wt=function(t){return t._end=Et(t._start+(t._tDur/Math.abs(t._ts||t._rts||1e-8)||0))},Qt=function(t,e){var i=t._dp;return i&&i.smoothChildTiming&&t._ts&&(t._start=Et(i._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Wt(t),i._dirty||jt(i,t)),t},Gt=function(t,e){var i;if((e._time||e._initted&&!e._dur)&&(i=Vt(t.rawTime(),e),(!e._dur||ae(0,e.totalDuration(),i)-e._tTime>1e-8)&&e.render(i,!0)),jt(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur=0&&i.totalTime(i._tTime),i=i._dp;t._zTime=-1e-8}},Ht=function(t,e,i,r){return e.parent&&qt(e),e._start=Et((W(i)?i:i||t!==h?re(t,i,e):t._time)+e._delay),e._end=Et(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),function(t,e,i,r,n){void 0===i&&(i="_first"),void 0===r&&(r="_last");var s,a=t[r];if(n)for(s=e[n];a&&a[n]>s;)a=a._prev;a?(e._next=a._next,a._next=e):(e._next=t[i],t[i]=e),e._next?e._next._prev=e:t[r]=e,e._prev=a,e.parent=e._dp=t}(t,e,"_first","_last",t._sort?"_start":0),Kt(e)||(t._recent=e),r||Gt(t,e),t},Jt=function(t,e){return(ot.ScrollTrigger||lt("scrollTrigger",e))&&ot.ScrollTrigger.create(e,t)},Zt=function(t,e,i,r){return $e(t,e),t._initted?!i&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&d!==Ie.frame?(_t.push(t),t._lazy=[e,r],1):void 0:1},$t=function t(e){var i=e.parent;return i&&i._ts&&i._initted&&!i._lock&&(i.rawTime()<0||t(i))},Kt=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},te=function(t,e,i,r){var n=t._repeat,s=Et(e)||0,a=t._tTime/t._tDur;return a&&!r&&(t._time*=s/t._dur),t._dur=s,t._tDur=n?n<0?1e10:Et(s*(n+1)+t._rDelay*n):s,a>0&&!r?Qt(t,t._tTime=t._tDur*a):t.parent&&Wt(t),i||jt(t.parent,t),t},ee=function(t){return t instanceof Qe?jt(t):te(t,t._dur)},ie={_start:0,endTime:pt,totalDuration:pt},re=function t(e,i,r){var n,s,a,o=e.labels,u=e._recent||ie,h=e.duration()>=1e8?u.endTime(!1):e._dur;return X(i)&&(isNaN(i)||i in o)?(s=i.charAt(0),a="%"===i.substr(-1),n=i.indexOf("="),"<"===s||">"===s?(n>=0&&(i=i.replace(/=/,"")),("<"===s?u._start:u.endTime(u._repeat>=0))+(parseFloat(i.substr(1))||0)*(a?(n<0?u:r).totalDuration()/100:1)):n<0?(i in o||(o[i]=h),o[i]):(s=parseFloat(i.charAt(n-1)+i.substr(n+1)),a&&r&&(s=s/100*(K(r)?r[0]:r).totalDuration()),n>1?t(e,i.substr(0,n-1),r)+s:h+s)):null==i?h:+i},ne=function(t,e,i){var r,n,s=W(e[1]),a=(s?2:1)+(t<2?0:1),o=e[a];if(s&&(o.duration=e[1]),o.parent=i,t){for(r=o,n=i;n&&!("immediateRender"in r);)r=n.vars.defaults||{},n=H(n.vars.inherit)&&n.parent;o.immediateRender=H(r.immediateRender),t<2?o.runBackwards=1:o.startAt=e[a-1]}return new ri(e[0],o,e[a+1])},se=function(t,e){return t||0===t?e(t):e},ae=function(t,e,i){return ie?e:i},oe=function(t,e){return X(t)&&(e=at.exec(t))?t.substr(e.index+e[0].length):""},ue=[].slice,he=function(t,e){return t&&G(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&G(t[0]))&&!t.nodeType&&t!==l},le=function(t,e,i){return void 0===i&&(i=[]),t.forEach((function(t){var r;return X(t)&&!e||he(t,1)?(r=i).push.apply(r,fe(t)):i.push(t)}))||i},fe=function(t,e,i){return!X(t)||i||!f&&Pe()?K(t)?le(t,i):he(t)?ue.call(t,0):t?[t]:[]:ue.call((e||c).querySelectorAll(t),0)},ce=function(t){return t.sort((function(){return.5-Math.random()}))},pe=function(t){if(V(t))return t;var e=G(t)?t:{each:t},i=je(e.ease),r=e.from||0,n=parseFloat(e.base)||0,s={},a=r>0&&r<1,o=isNaN(r)||a,u=e.axis,h=r,l=r;return X(r)?h=l={center:.5,edges:.5,end:1}[r]||0:!a&&o&&(h=r[0],l=r[1]),function(t,a,f){var c,p,d,_,m,g,v,y,b,x=(f||e).length,T=s[x];if(!T){if(!(b="auto"===e.grid?0:(e.grid||[1,1e8])[1])){for(v=-1e8;v<(v=f[b++].getBoundingClientRect().left)&&bv&&(v=m),mx?x-1:u?"y"===u?x/b:b:Math.max(b,x/b))||0)*("edges"===r?-1:1),T.b=x<0?n-x:n,T.u=oe(e.amount||e.each)||0,i=i&&x<0?Be(i):i}return x=(T[t]-T.min)/T.max||0,Et(T.b+(i?i(x):x)*T.v)+T.u}},de=function(t){var e=Math.pow(10,((t+"").split(".")[1]||"").length);return function(i){var r=Math.round(parseFloat(i)/t)*t*e;return(r-r%1)/e+(W(i)?0:oe(i))}},_e=function(t,e){var i,r,n=K(t);return!n&&G(t)&&(i=n=t.radius||1e8,t.values?(t=fe(t.values),(r=!W(t[0]))&&(i*=i)):t=de(t.increment)),se(e,n?V(t)?function(e){return r=t(e),Math.abs(r-e)<=i?r:e}:function(e){for(var n,s,a=parseFloat(r?e.x:e),o=parseFloat(r?e.y:0),u=1e8,h=0,l=t.length;l--;)(n=r?(n=t[l].x-a)*n+(s=t[l].y-o)*s:Math.abs(t[l]-a))(n=Math.abs(n))&&(s=r,o=n);return s},xe=function(t,e,i){var r,n,s=t.vars,a=s[e];if(a)return r=s[e+"Params"],n=s.callbackScope||t,i&&_t.length&&At(),r?a.apply(n,r):a.call(n)},Te=function(t){return qt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&xe(t,"onInterrupt"),t},we=function(t){var e=(t=!t.name&&t.default||t).name,i=V(t),r=e&&!i&&t.init?function(){this._props=[]}:t,n={init:pt,render:ci,add:Je,kill:di,modifier:pi,rawVars:0},s={targetTest:0,get:0,getSetter:ui,aliases:{},register:0};if(Pe(),t!==r){if(gt[e])return;Pt(r,Pt(zt(t,n),s)),Ft(r.prototype,Ft(n,zt(t,s))),gt[r.prop=e]=r,t.targetTest&&(bt.push(r),dt[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}ct(e,r),t.register&&t.register(xi,r,gi)},Oe={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]},Me=function(t,e,i){return 255*(6*(t+=t<0?1:t>1?-1:0)<1?e+(i-e)*t*6:t<.5?i:3*t<2?e+(i-e)*(2/3-t)*6:e)+.5|0},ke=function(t,e,i){var r,n,s,a,o,u,h,l,f,c,p=t?W(t)?[t>>16,t>>8&255,255&t]:0:Oe.black;if(!p){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),Oe[t])p=Oe[t];else if("#"===t.charAt(0)){if(t.length<6&&(r=t.charAt(1),n=t.charAt(2),s=t.charAt(3),t="#"+r+r+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(tt),e){if(~t.indexOf("="))return p=t.match(et),i&&p.length<4&&(p[3]=1),p}else a=+p[0]%360/360,o=+p[1]/100,r=2*(u=+p[2]/100)-(n=u<=.5?u*(o+1):u+o-u*o),p.length>3&&(p[3]*=1),p[0]=Me(a+1/3,r,n),p[1]=Me(a,r,n),p[2]=Me(a-1/3,r,n);else p=t.match(tt)||Oe.transparent;p=p.map(Number)}return e&&!c&&(r=p[0]/255,n=p[1]/255,s=p[2]/255,u=((h=Math.max(r,n,s))+(l=Math.min(r,n,s)))/2,h===l?a=o=0:(f=h-l,o=u>.5?f/(2-h-l):f/(h+l),a=h===r?(n-s)/f+(nO&&(k+=a-M),((i=(n=(E+=a)-k)-A)>0||o)&&(s=++b.frame,x=n-1e3*b.time,b.time=n/=1e3,A+=i+(i>=D?4:D-i),r=1),o||(g=v(t)),r)for(T=0;T=e&&T--},_listeners:C=[]}),Pe=function(){return!m&&Ie.wake()},Fe={},Re=/^[\d.\-M][\d.\-,\s]/,ze=/["']/g,Le=function(t){for(var e,i,r,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("{")?[Le(s[1])]:(e=t,i=e.indexOf("(")+1,r=e.indexOf(")"),n=e.indexOf("(",i),e.substring(i,~n&&n=1?i:1,s=(r||(e?.3:.45))/(i<1?i:1),a=s/B*(Math.asin(1/n)||0),o=function(t){return 1===t?1:n*Math.pow(2,-10*t)*Y((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(i,r){return t(e,i,r)},u},Xe=function t(e,i){void 0===i&&(i=1.70158);var r=function(t){return t?--t*t*((i+1)*t+i)+1:0},n="out"===e?r:"in"===e?function(t){return 1-r(1-t)}:Ue(r);return n.config=function(i){return t(e,i)},n};Mt("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var i=e<5?e+1:e;Ne(t+",Power"+(i-1),e?function(t){return Math.pow(t,i)}:function(t){return t},(function(t){return 1-Math.pow(1-t,i)}),(function(t){return t<.5?Math.pow(2*t,i)/2:1-Math.pow(2*(1-t),i)/2}))})),Fe.Linear.easeNone=Fe.none=Fe.Linear.easeIn,Ne("Elastic",Ye("in"),Ye("out"),Ye()),I=7.5625,F=1/(P=2.75),Ne("Bounce",(function(t){return 1-R(1-t)}),R=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,te(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(Pe(),!arguments.length)return this._tTime;var i=this._dp;if(i&&i.smoothChildTiming&&this._ts){for(Qt(this,t),!i._dp||i.parent||Gt(i,this);i&&i.parent;)i.parent._time!==i._start+(i._ts>=0?i._tTime/i._ts:(i.totalDuration()-i._tTime)/-i._ts)&&i.totalTime(i._tTime,!0),i=i.parent;!this.parent&&this._dp.autoRemoveChildren&&(this._ts>0&&t0||!this._tDur&&!t)&&Ht(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),Ct(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Yt(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)+Yt(this),e):this.duration()?Math.min(1,this._time/this._dur):this.ratio},e.iteration=function(t,e){var i=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*i,e):this._repeat?Xt(this._tTime,i)+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?Vt(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,Nt(this.totalTime(ae(-this._delay,this._tDur,e),!0)),Wt(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):(Pe(),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)&&Ht(e,this,t-this._delay),this}return this._start},e.endTime=function(t){return this._start+(H(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?Vt(e.rawTime(t),this):this._tTime:this._tTime},e.globalTime=function(t){for(var e=this,i=arguments.length?t:e.rawTime();e;)i=e._start+i/(e._ts||1),e=e._dp;return i},e.repeat=function(t){return arguments.length?(this._repeat=t===1/0?-2:t,ee(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,ee(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(re(this,t),H(e))},e.restart=function(t,e){return this.play().totalTime(t?-this._delay:0,H(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,i=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=i&&t1?(e?(r[t]=e,i&&(r[t+"Params"]=i),"onUpdate"===t&&(this._onUpdate=e)):delete r[t],this):r[t]},e.then=function(t){var e=this;return new Promise((function(i){var r=V(t)?t:It,n=function(){var t=e.then;e.then=null,V(r)&&(r=r(e))&&(r.then||r===e)&&(e.then=t),i(r),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(We.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 Qe=function(t){function e(e,i){var r;return void 0===e&&(e={}),(r=t.call(this,e)||this).labels={},r.smoothChildTiming=!!e.smoothChildTiming,r.autoRemoveChildren=!!e.autoRemoveChildren,r._sort=H(e.sortChildren),h&&Ht(e.parent||h,a(r),i),e.reversed&&r.reverse(),e.paused&&r.paused(!0),e.scrollTrigger&&Jt(a(r),e.scrollTrigger),r}o(e,t);var i=e.prototype;return i.to=function(t,e,i){return ne(0,arguments,this),this},i.from=function(t,e,i){return ne(1,arguments,this),this},i.fromTo=function(t,e,i,r){return ne(2,arguments,this),this},i.set=function(t,e,i){return e.duration=0,e.parent=this,Lt(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new ri(t,e,re(this,i),1),this},i.call=function(t,e,i){return Ht(this,ri.delayedCall(0,t,e),i)},i.staggerTo=function(t,e,i,r,n,s,a){return i.duration=e,i.stagger=i.stagger||r,i.onComplete=s,i.onCompleteParams=a,i.parent=this,new ri(t,i,re(this,n)),this},i.staggerFrom=function(t,e,i,r,n,s,a){return i.runBackwards=1,Lt(i).immediateRender=H(i.immediateRender),this.staggerTo(t,e,i,r,n,s,a)},i.staggerFromTo=function(t,e,i,r,n,s,a,o){return r.startAt=i,Lt(r).immediateRender=H(r.immediateRender),this.staggerTo(t,e,r,n,s,a,o)},i.render=function(t,e,i){var r,n,s,a,o,u,l,f,c,p,d,_,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=t<=0?0:Et(t),b=this._zTime<0!=t<0&&(this._initted||!v);if(this!==h&&y>g&&t>=0&&(y=g),y!==this._tTime||i||b){if(m!==this._time&&v&&(y+=this._time-m,t+=this._time-m),r=y,c=this._start,u=!(f=this._ts),b&&(v||(m=this._zTime),(t||!e)&&(this._zTime=t)),this._repeat){if(d=this._yoyo,o=v+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*o+t,e,i);if(r=Et(y%o),y===g?(a=this._repeat,r=v):((a=~~(y/o))&&a===y/o&&(r=v,a--),r>v&&(r=v)),p=Xt(this._tTime,o),!m&&this._tTime&&p!==a&&(p=a),d&&1&a&&(r=v-r,_=1),a!==p&&!this._lock){var x=d&&1&p,T=x===(d&&1&a);if(ae)for(r=t._first;r&&r._start<=i;){if("isPause"===r.data&&r._start>e)return r;r=r._next}else for(r=t._last;r&&r._start>=i;){if("isPause"===r.data&&r._start=m&&t>=0)for(n=this._first;n;){if(s=n._next,(n._act||r>=n._start)&&n._ts&&l!==n){if(n.parent!==this)return this.render(t,e,i);if(n.render(n._ts>0?(r-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(r-n._start)*n._ts,e,i),r!==this._time||!this._ts&&!u){l=0,s&&(y+=this._zTime=-1e-8);break}}n=s}else{n=this._last;for(var w=t<0?t:r;n;){if(s=n._prev,(n._act||w<=n._end)&&n._ts&&l!==n){if(n.parent!==this)return this.render(t,e,i);if(n.render(n._ts>0?(w-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(w-n._start)*n._ts,e,i),r!==this._time||!this._ts&&!u){l=0,s&&(y+=this._zTime=w?-1e-8:1e-8);break}}n=s}}if(l&&!e&&(this.pause(),l.render(r>=m?0:-1e-8)._zTime=r>=m?1:-1,this._ts))return this._start=c,Wt(this),this.render(t,e,i);this._onUpdate&&!e&&xe(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)&&qt(this,1),e||t<0&&!m||!y&&!m&&g||(xe(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},i.add=function(t,e){var i=this;if(W(e)||(e=re(this,e,t)),!(t instanceof We)){if(K(t))return t.forEach((function(t){return i.add(t,e)})),this;if(X(t))return this.addLabel(t,e);if(!V(t))return this;t=ri.delayedCall(0,t)}return this!==t?Ht(this,t,e):this},i.getChildren=function(t,e,i,r){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===i&&(i=!0),void 0===r&&(r=-1e8);for(var n=[],s=this._first;s;)s._start>=r&&(s instanceof ri?e&&n.push(s):(i&&n.push(s),t&&n.push.apply(n,s.getChildren(!0,e,i)))),s=s._next;return n},i.getById=function(t){for(var e=this.getChildren(1,1,1),i=e.length;i--;)if(e[i].vars.id===t)return e[i]},i.remove=function(t){return X(t)?this.removeLabel(t):V(t)?this.killTweensOf(t):(Bt(this,t),t===this._recent&&(this._recent=this._last),jt(this))},i.totalTime=function(e,i){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=Et(Ie.time-(this._ts>0?e/this._ts:(this.totalDuration()-e)/-this._ts))),t.prototype.totalTime.call(this,e,i),this._forcing=0,this):this._tTime},i.addLabel=function(t,e){return this.labels[t]=re(this,e),this},i.removeLabel=function(t){return delete this.labels[t],this},i.addPause=function(t,e,i){var r=ri.delayedCall(0,e||pt,i);return r.data="isPause",this._hasPause=1,Ht(this,r,re(this,t))},i.removePause=function(t){var e=this._first;for(t=re(this,t);e;)e._start===t&&"isPause"===e.data&&qt(e),e=e._next},i.killTweensOf=function(t,e,i){for(var r=this.getTweensOf(t,i),n=r.length;n--;)Ge!==r[n]&&r[n].kill(t,e);return this},i.getTweensOf=function(t,e){for(var i,r=[],n=fe(t),s=this._first,a=W(e);s;)s instanceof ri?Dt(s._targets,n)&&(a?(!Ge||s._initted&&s._ts)&&s.globalTime(0)<=e&&s.globalTime(s.totalDuration())>e:!e||s.isActive())&&r.push(s):(i=s.getTweensOf(n,e)).length&&r.push.apply(r,i),s=s._next;return r},i.tweenTo=function(t,e){e=e||{};var i,r=this,n=re(r,t),s=e,a=s.startAt,o=s.onStart,u=s.onStartParams,h=s.immediateRender,l=ri.to(r,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:r._time))/r.timeScale())||1e-8,onStart:function(){if(r.pause(),!i){var t=e.duration||Math.abs((n-(a&&"time"in a?a.time:r._time))/r.timeScale());l._dur!==t&&te(l,t,0,1).render(l._time,!0,!0),i=1}o&&o.apply(l,u||[])}},e));return h?l.render(0):l},i.tweenFromTo=function(t,e,i){return this.tweenTo(e,Pt({startAt:{time:re(this,t)}},i))},i.recent=function(){return this._recent},i.nextLabel=function(t){return void 0===t&&(t=this._time),be(this,re(this,t))},i.previousLabel=function(t){return void 0===t&&(t=this._time),be(this,re(this,t),1)},i.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+1e-8)},i.shiftChildren=function(t,e,i){void 0===i&&(i=0);for(var r,n=this._first,s=this.labels;n;)n._start>=i&&(n._start+=t,n._end+=t),n=n._next;if(e)for(r in s)s[r]>=i&&(s[r]+=t);return jt(this)},i.invalidate=function(){var e=this._first;for(this._lock=0;e;)e.invalidate(),e=e._next;return t.prototype.invalidate.call(this)},i.clear=function(t){void 0===t&&(t=!0);for(var e,i=this._first;i;)e=i._next,this.remove(i),i=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),jt(this)},i.totalDuration=function(t){var e,i,r,n=0,s=this,a=s._last,o=1e8;if(arguments.length)return s.timeScale((s._repeat<0?s.duration():s.totalDuration())/(s.reversed()?-t:t));if(s._dirty){for(r=s.parent;a;)e=a._prev,a._dirty&&a.totalDuration(),(i=a._start)>o&&s._sort&&a._ts&&!s._lock?(s._lock=1,Ht(s,a,i-a._delay,1)._lock=0):o=i,i<0&&a._ts&&(n-=i,(!r&&!s._dp||r&&r.smoothChildTiming)&&(s._start+=i/s._ts,s._time-=i,s._tTime-=i),s.shiftChildren(-i,!1,-1/0),o=0),a._end>n&&a._ts&&(n=a._end),a=e;te(s,s===h&&s._time>n?s._time:n,1,1),s._dirty=0}return s._tDur},e.updateRoot=function(t){if(h._ts&&(Ct(h,Vt(t,h)),d=Ie.frame),Ie.frame>=yt){yt+=z.autoSleep||120;var e=h._first;if((!e||!e._ts)&&z.autoSleep&&Ie._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Ie.sleep()}}},e}(We);Pt(Qe.prototype,{_lock:0,_hasPause:0,_forcing:0});var Ge,He=function(t,e,i,r,n,s,a){var o,u,h,l,f,c,p,d,_=new gi(this._pt,t,e,0,1,fi,null,n),m=0,g=0;for(_.b=i,_.e=r,i+="",(p=~(r+="").indexOf("random("))&&(r=ve(r)),s&&(s(d=[i,r],t,e),i=d[0],r=d[1]),u=i.match(rt)||[];o=rt.exec(r);)l=o[0],f=r.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(c=parseFloat(u[g-1])||0,_._pt={_next:_._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=rt.lastIndex);return _.c=m0&&!A&&(e._startAt=0),C&&i<=0)return void(i&&(e._zTime=i))}else!1===A&&(e._startAt=0);else if(k&&C)if(S)!A&&(e._startAt=0);else if(i&&(x=!1),s=Pt({overwrite:!1,data:"isFromStart",lazy:x&&H(T),immediateRender:x,stagger:0,parent:P},r),m&&(s[c.prop]=m),qt(e._startAt=ri.set(I,s)),i<0&&e._startAt.render(-1,!0),e._zTime=i,x){if(!i)return}else t(e._startAt,1e-8);for(e._pt=0,T=C&&H(T)||T&&!C,n=0;n")}));else{for(p in f={},w)"ease"===p||"easeEach"===p||Ke(p,w[p],f,w.easeEach);for(p in f)for(A=f[p].sort((function(t,e){return t.t-e.t})),I=0,l=0;lp-1e-8&&t>=0?p:t<1e-8?0:t;if(d){if(_!==this._tTime||!t||i||!this._initted&&this._tTime||this._startAt&&this._zTime<0!=t<0){if(r=_,l=this.timeline,this._repeat){if(a=d+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*a+t,e,i);if(r=Et(_%a),_===p?(s=this._repeat,r=d):((s=~~(_/a))&&s===_/a&&(r=d,s--),r>d&&(r=d)),(u=this._yoyo&&1&s)&&(f=this._yEase,r=d-r),o=Xt(this._tTime,a),r===c&&!i&&this._initted)return this;s!==o&&(l&&this._yEase&&qe(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=i=1,this.render(Et(a*s),!0).invalidate()._lock=0))}if(!this._initted){if(Zt(this,t<0?t:r,i,e))return this._tTime=0,this;if(d!==this._dur)return this.render(t,e,i)}if(this._tTime=_,this._time=r,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(f||this._ease)(r/d),this._from&&(this.ratio=h=1-h),r&&!c&&!e&&(xe(this,"onStart"),this._tTime!==_))return this;for(n=this._pt;n;)n.r(h,n.d),n=n._next;l&&l.render(t<0?t:!r&&u?-1e-8:l._dur*l._ease(r/this._dur),e,i)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,i),xe(this,"onUpdate")),this._repeat&&s!==o&&this.vars.onRepeat&&!e&&this.parent&&xe(this,"onRepeat"),_!==this._tDur&&_||this._tTime!==_||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!d)&&(_===this._tDur&&this._ts>0||!_&&this._ts<0)&&qt(this,1),e||t<0&&!c||!_&&!c||(xe(this,_===p?"onComplete":"onReverseComplete",!0),this._prom&&!(_0)&&this._prom()))}}else!function(t,e,i,r){var n,s,a,o=t.ratio,u=e<0||!e&&(!t._start&&$t(t)&&(t._initted||!Kt(t))||(t._ts<0||t._dp._ts<0)&&!Kt(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=ae(0,t._tDur,e),s=Xt(l,h),t._yoyo&&1&s&&(u=1-u),s!==Xt(t._tTime,h)&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||r||1e-8===t._zTime||!e&&t._zTime){if(!t._initted&&Zt(t,e,r,i))return;for(a=t._zTime,t._zTime=e||(i?1e-8:0),i||(i=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&&!i&&xe(t,"onUpdate"),l&&t._repeat&&!i&&t.parent&&xe(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&qt(t,1),i||(xe(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,i);return this},i.targets=function(){return this._targets},i.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)},i.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 i=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,Ge&&!0!==Ge.vars.overwrite)._first||Te(this),this.parent&&i!==this.timeline.totalDuration()&&te(this,this._dur*this.timeline._tDur/i,0,1),this}var r,n,s,a,o,u,h,l=this._targets,f=t?fe(t):l,c=this._ptLookup,p=this._pt;if((!e||"all"===e)&&function(t,e){for(var i=t.length,r=i===e.length;r&&i--&&t[i]===e[i];);return i<0}(l,f))return"all"===e&&(this._pt=0),Te(this);for(r=this._op=this._op||[],"all"!==e&&(X(e)&&(o={},Mt(e,(function(t){return o[t]=1})),e=o),e=function(t,e){var i,r,n,s,a=t[0]?wt(t[0]).harness:0,o=a&&a.aliases;if(!o)return e;for(r in i=Ft({},e),o)if(r in i)for(n=(s=o[r].split(",")).length;n--;)i[s[n]]=i[r];return i}(l,e)),h=l.length;h--;)if(~f.indexOf(l[h]))for(o in n=c[h],"all"===e?(r[h]=e,a=n,s={}):(s=r[h]=r[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,i){return new e(t,i,arguments[2])},e.from=function(t,e){return ne(1,arguments)},e.delayedCall=function(t,i,r,n){return new e(i,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:i,onReverseComplete:i,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:n})},e.fromTo=function(t,e,i){return ne(2,arguments)},e.set=function(t,i){return i.duration=0,i.repeatDelay||(i.repeat=0),new e(t,i)},e.killTweensOf=function(t,e,i){return h.killTweensOf(t,e,i)},e}(We);Pt(ri.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),Mt("staggerTo,staggerFrom,staggerFromTo",(function(t){ri[t]=function(){var e=new Qe,i=ue.call(arguments,0);return i.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,i)}}));var ni=function(t,e,i){return t[e]=i},si=function(t,e,i){return t[e](i)},ai=function(t,e,i,r){return t[e](r.fp,i)},oi=function(t,e,i){return t.setAttribute(e,i)},ui=function(t,e){return V(t[e])?si:Q(t[e])&&t.setAttribute?oi:ni},hi=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},li=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},fi=function(t,e){var i=e._pt,r="";if(!t&&e.b)r=e.b;else if(1===t&&e.e)r=e.e;else{for(;i;)r=i.p+(i.m?i.m(i.s+i.c*t):Math.round(1e4*(i.s+i.c*t))/1e4)+r,i=i._next;r+=e.c}e.set(e.t,e.p,r,e)},ci=function(t,e){for(var i=e._pt;i;)i.r(t,i.d),i=i._next},pi=function(t,e,i,r){for(var n,s=this._pt;s;)n=s._next,s.p===r&&s.modifier(t,e,i),s=n},di=function(t){for(var e,i,r=this._pt;r;)i=r._next,r.p===t&&!r.op||r.op===t?Bt(this,r,"_pt"):r.dep||(e=1),r=i;return!e},_i=function(t,e,i,r){r.mSet(t,e,r.m.call(r.tween,i,r.mt),r)},mi=function(t){for(var e,i,r,n,s=t._pt;s;){for(e=s._next,i=r;i&&i.pr>s.pr;)i=i._next;(s._prev=i?i._prev:n)?s._prev._next=s:r=s,(s._next=i)?i._prev=s:n=s,s=e}t._pt=r},gi=function(){function t(t,e,i,r,n,s,a,o,u){this.t=e,this.s=r,this.c=n,this.p=i,this.r=s||hi,this.d=a||this,this.set=o||ni,this.pr=u||0,this._next=t,t&&(t._prev=this)}return t.prototype.modifier=function(t,e,i){this.mSet=this.mSet||this.set,this.set=_i,this.m=t,this.mt=i,this.tween=e},t}();Mt(xt+"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 dt[t]=1})),ot.TweenMax=ot.TweenLite=ri,ot.TimelineLite=ot.TimelineMax=Qe,h=new Qe({sortChildren:!1,defaults:L,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),z.stringFilter=Se;var vi={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),i=0;i1){var r=t.map((function(t){return xi.quickSetter(t,e,i)})),n=r.length;return function(t){for(var e=n;e--;)r[e](t)}}t=t[0]||{};var s=gt[e],a=wt(t),o=a.harness&&(a.harness.aliases||{})[e]||e,u=s?function(e){var r=new s;_._pt=0,r.init(t,i?e+i:e,_,0,[t]),r.render(1,r),_._pt&&ci(1,_)}:a.set(t,o);return s?u:function(e){return u(t,o,i?e+i:e,a,1)}},isTweening:function(t){return h.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=je(t.ease,L.ease)),Rt(L,t||{})},config:function(t){return Rt(z,t||{})},registerEffect:function(t){var e=t.name,i=t.effect,r=t.plugins,n=t.defaults,s=t.extendTimeline;(r||"").split(",").forEach((function(t){return t&&!gt[t]&&!ot[t]&&ft(e+" effect requires "+t+" plugin.")})),vt[e]=function(t,e,r){return i(fe(t),Pt(e||{},n),r)},s&&(Qe.prototype[e]=function(t,i,r){return this.add(vt[e](t,G(i)?i:(r=i)&&{},this),r)})},registerEase:function(t,e){Fe[t]=je(e)},parseEase:function(t,e){return arguments.length?je(t,e):Fe},getById:function(t){return h.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var i,r,n=new Qe(t);for(n.smoothChildTiming=H(t.smoothChildTiming),h.remove(n),n._dp=0,n._time=n._tTime=h._time,i=h._first;i;)r=i._next,!e&&!i._dur&&i instanceof ri&&i.vars.onComplete===i._targets[0]||Ht(n,i,i._start-i._delay),i=r;return Ht(h,n,0),n},utils:{wrap:function t(e,i,r){var n=i-e;return K(e)?ge(e,t(0,e.length),i):se(r,(function(t){return(n+(t-e)%n)%n+e}))},wrapYoyo:function t(e,i,r){var n=i-e,s=2*n;return K(e)?ge(e,t(0,e.length-1),i):se(r,(function(t){return e+((t=(s+(t-e)%s)%s||0)>n?s-t:t)}))},distribute:pe,random:me,snap:_e,normalize:function(t,e,i){return ye(t,e,0,1,i)},getUnit:oe,clamp:function(t,e,i){return se(i,(function(i){return ae(t,e,i)}))},splitColor:ke,toArray:fe,selector:function(t){return t=fe(t)[0]||ft("Invalid scope")||{},function(e){var i=t.current||t.nativeElement||t;return fe(e,i.querySelectorAll?i:i===t?ft("Invalid scope")||c.createElement("div"):t)}},mapRange:ye,pipe:function(){for(var t=arguments.length,e=new Array(t),i=0;i=0?Ki[n]:"")+t},er=function(){"undefined"!=typeof window&&window.document&&(Ti=window,wi=Ti.document,Oi=wi.documentElement,ki=Zi("div")||{style:{}},Zi("div"),Hi=tr(Hi),Ji=Hi+"Origin",ki.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Di=!!tr("perspective"),Mi=1)},ir=function t(e){var i,r=Zi("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=this.parentNode,s=this.nextSibling,a=this.style.cssText;if(Oi.appendChild(r),r.appendChild(this),this.style.display="block",e)try{i=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=t}catch(t){}else this._gsapBBox&&(i=this._gsapBBox());return n&&(s?n.insertBefore(this,s):n.appendChild(this)),Oi.removeChild(r),this.style.cssText=a,i},rr=function(t,e){for(var i=e.length;i--;)if(t.hasAttribute(e[i]))return t.getAttribute(e[i])},nr=function(t){var e;try{e=t.getBBox()}catch(i){e=ir.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===ir||(e=ir.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+rr(t,["x","cx","x1"])||0,y:+rr(t,["y","cy","y1"])||0,width:0,height:0}},sr=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!nr(t))},ar=function(t,e){if(e){var i=t.style;e in Ai&&e!==Ji&&(e=Hi),i.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),i.removeProperty(e.replace(Pi,"-$1").toLowerCase())):i.removeAttribute(e)}},or=function(t,e,i,r,n,s){var a=new gi(t._pt,e,i,0,1,s?Ui:Ni);return t._pt=a,a.b=r,a.e=n,t._props.push(i),a},ur={deg:1,rad:1,turn:1},hr=function t(e,i,r,n){var s,a,o,u,h=parseFloat(r)||0,l=(r+"").trim().substr((h+"").length)||"px",f=ki.style,c=Fi.test(i),p="svg"===e.tagName.toLowerCase(),d=(p?"client":"offset")+(c?"Width":"Height"),_=100,m="px"===n,g="%"===n;return n===l||!h||ur[n]||ur[l]?h:("px"!==l&&!m&&(h=t(e,i,r,"px")),u=e.getCTM&&sr(e),!g&&"%"!==l||!Ai[i]&&!~i.indexOf("adius")?(f[c?"width":"height"]=_+(m?l:n),a=~i.indexOf("adius")||"em"===n&&e.appendChild&&!p?e:e.parentNode,u&&(a=(e.ownerSVGElement||{}).parentNode),a&&a!==wi&&a.appendChild||(a=wi.body),(o=a._gsap)&&g&&o.width&&c&&o.time===Ie.time?kt(h/o.width*_):((g||"%"===l)&&(f.position=$i(e,"position")),a===e&&(f.position="static"),a.appendChild(ki),s=ki[d],a.removeChild(ki),f.position="absolute",c&&g&&((o=wt(a)).time=Ie.time,o.width=a[d]),kt(m?s*h/_:s&&h?_/s*h:0))):(s=u?e.getBBox()[c?"width":"height"]:e[d],kt(g?h/s*_:h/100*s)))},lr=function(t,e,i,r){var n;return Mi||er(),e in zi&&"transform"!==e&&~(e=zi[e]).indexOf(",")&&(e=e.split(",")[0]),Ai[e]&&"transform"!==e?(n=xr(t,r),n="transformOrigin"!==e?n[e]:n.svg?n.origin:Tr($i(t,Ji))+" "+n.zOrigin+"px"):(!(n=t.style[e])||"auto"===n||r||~(n+"").indexOf("calc("))&&(n=dr[e]&&dr[e](t,e,i)||$i(t,e)||Ot(t,e)||("opacity"===e?1:0)),i&&!~(n+"").trim().indexOf(" ")?hr(t,e,n,i)+i:n},fr=function(t,e,i,r){if(!i||"none"===i){var n=tr(e,t,1),s=n&&$i(t,n,1);s&&s!==i?(e=n,i=s):"borderColor"===e&&(i=$i(t,"borderTopColor"))}var a,o,u,h,l,f,c,p,d,_,m,g,v=new gi(this._pt,t.style,e,0,1,fi),y=0,b=0;if(v.b=i,v.e=r,i+="","auto"===(r+="")&&(t.style[e]=r,r=$i(t,e)||r,t.style[e]=i),Se(a=[i,r]),r=a[1],u=(i=a[0]).match(it)||[],(r.match(it)||[]).length){for(;o=it.exec(r);)c=o[0],d=r.substring(y,o.index),l?l=(l+1)%5:"rgba("!==d.substr(-5)&&"hsla("!==d.substr(-5)||(l=1),c!==(f=u[b++]||"")&&(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),_=c.substr((p+"").length),y=it.lastIndex-_.length,_||(_=_||z.units[e]||m,y===r.length&&(r+=_,v.e+=_)),m!==_&&(h=hr(t,e,f,_)||0),v._pt={_next:v._pt,p:d||1===b?d:",",s:h,c:g?g*p:p-h,m:l&&l<4||"zIndex"===e?Math.round:0});v.c=y-1;)i=o[n],Ai[i]&&(r=1,i="transformOrigin"===i?Ji:Hi),ar(s,i);r&&(ar(s,Hi),u&&(u.svg&&s.removeAttribute("transform"),xr(s,1),u.uncache=1))}},dr={clearProps:function(t,e,i,r,n){if("isFromStart"!==n.data){var s=t._pt=new gi(t._pt,e,i,0,0,pr);return s.u=r,s.pr=-10,s.tween=n,t._props.push(i),1}}},_r=[1,0,0,1,0,0],mr={},gr=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},vr=function(t){var e=$i(t,Hi);return gr(e)?_r:e.substr(7).match(et).map(kt)},yr=function(t,e){var i,r,n,s,a=t._gsap||wt(t),o=t.style,u=vr(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(",")?_r:u:(u!==_r||t.offsetParent||t===Oi||a.svg||(n=o.display,o.display="block",(i=t.parentNode)&&t.offsetParent||(s=1,r=t.nextSibling,Oi.appendChild(t)),u=vr(t),n?o.display=n:ar(t,"display"),s&&(r?i.insertBefore(t,r):i?i.appendChild(t):Oi.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},br=function(t,e,i,r,n,s){var a,o,u,h=t._gsap,l=n||yr(t,!0),f=h.xOrigin||0,c=h.yOrigin||0,p=h.xOffset||0,d=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],b=l[5],x=e.split(" "),T=parseFloat(x[0])||0,w=parseFloat(x[1])||0;i?l!==_r&&(o=_*v-m*g)&&(u=T*(-m/o)+w*(_/o)-(_*b-m*y)/o,T=T*(v/o)+w*(-g/o)+(g*b-v*y)/o,w=u):(T=(a=nr(t)).x+(~x[0].indexOf("%")?T/100*a.width:T),w=a.y+(~(x[1]||x[0]).indexOf("%")?w/100*a.height:w)),r||!1!==r&&h.smooth?(y=T-f,b=w-c,h.xOffset=p+(y*_+b*g)-y,h.yOffset=d+(y*m+b*v)-b):h.xOffset=h.yOffset=0,h.xOrigin=T,h.yOrigin=w,h.smooth=!!r,h.origin=e,h.originIsAbsolute=!!i,t.style[Ji]="0px 0px",s&&(or(s,h,"xOrigin",f,T),or(s,h,"yOrigin",c,w),or(s,h,"xOffset",p,h.xOffset),or(s,h,"yOffset",d,h.yOffset)),t.setAttribute("data-svg-origin",T+" "+w)},xr=function(t,e){var i=t._gsap||new Ve(t);if("x"in i&&!e&&!i.uncache)return i;var r,n,s,a,o,u,h,l,f,c,p,d,_,m,g,v,y,b,x,T,w,O,M,k,E,D,A,C,S,I,P,F,R=t.style,L=i.scaleX<0,B="px",q="deg",j=$i(t,Ji)||"0";return r=n=s=u=h=l=f=c=p=0,a=o=1,i.svg=!(!t.getCTM||!sr(t)),m=yr(t,i.svg),i.svg&&(k=(!i.uncache||"0px 0px"===j)&&!e&&t.getAttribute("data-svg-origin"),br(t,k||j,!!k||i.originIsAbsolute,!1!==i.smooth,m)),d=i.xOrigin||0,_=i.yOrigin||0,m!==_r&&(b=m[0],x=m[1],T=m[2],w=m[3],r=O=m[4],n=M=m[5],6===m.length?(a=Math.sqrt(b*b+x*x),o=Math.sqrt(w*w+T*T),u=b||x?Ii(x,b)*Ci:0,(f=T||w?Ii(T,w)*Ci+u:0)&&(o*=Math.abs(Math.cos(f*Si))),i.svg&&(r-=d-(d*b+_*T),n-=_-(d*x+_*w))):(F=m[6],I=m[7],A=m[8],C=m[9],S=m[10],P=m[11],r=m[12],n=m[13],s=m[14],h=(g=Ii(F,S))*Ci,g&&(k=O*(v=Math.cos(-g))+A*(y=Math.sin(-g)),E=M*v+C*y,D=F*v+S*y,A=O*-y+A*v,C=M*-y+C*v,S=F*-y+S*v,P=I*-y+P*v,O=k,M=E,F=D),l=(g=Ii(-T,S))*Ci,g&&(v=Math.cos(-g),P=w*(y=Math.sin(-g))+P*v,b=k=b*v-A*y,x=E=x*v-C*y,T=D=T*v-S*y),u=(g=Ii(x,b))*Ci,g&&(k=b*(v=Math.cos(g))+x*(y=Math.sin(g)),E=O*v+M*y,x=x*v-b*y,M=M*v-O*y,b=k,O=E),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),a=kt(Math.sqrt(b*b+x*x+T*T)),o=kt(Math.sqrt(M*M+F*F)),g=Ii(O,M),f=Math.abs(g)>2e-4?g*Ci:0,p=P?1/(P<0?-P:P):0),i.svg&&(k=t.getAttribute("transform"),i.forceCSS=t.setAttribute("transform","")||!gr($i(t,Hi)),k&&t.setAttribute("transform",k))),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)),i.x=r-((i.xPercent=r&&(i.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-r)?-50:0)))?t.offsetWidth*i.xPercent/100:0)+B,i.y=n-((i.yPercent=n&&(i.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-n)?-50:0)))?t.offsetHeight*i.yPercent/100:0)+B,i.z=s+B,i.scaleX=kt(a),i.scaleY=kt(o),i.rotation=kt(u)+q,i.rotationX=kt(h)+q,i.rotationY=kt(l)+q,i.skewX=f+q,i.skewY=c+q,i.transformPerspective=p+B,(i.zOrigin=parseFloat(j.split(" ")[2])||0)&&(R[Ji]=Tr(j)),i.xOffset=i.yOffset=0,i.force3D=z.force3D,i.renderTransform=i.svg?kr:Di?Mr:Or,i.uncache=0,i},Tr=function(t){return(t=t.split(" "))[0]+" "+t[1]},wr=function(t,e,i){var r=oe(e);return kt(parseFloat(e)+parseFloat(hr(t,"x",i+"px",r)))+r},Or=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,Mr(t,e)},Mr=function(t,e){var i=e||this,r=i.xPercent,n=i.yPercent,s=i.x,a=i.y,o=i.z,u=i.rotation,h=i.rotationY,l=i.rotationX,f=i.skewX,c=i.skewY,p=i.scaleX,d=i.scaleY,_=i.transformPerspective,m=i.force3D,g=i.target,v=i.zOrigin,y="",b="auto"===m&&t&&1!==t||!0===m;if(v&&("0deg"!==l||"0deg"!==h)){var x,T=parseFloat(h)*Si,w=Math.sin(T),O=Math.cos(T);T=parseFloat(l)*Si,x=Math.cos(T),s=wr(g,s,w*x*-v),a=wr(g,a,-Math.sin(T)*-v),o=wr(g,o,O*x*-v+v)}"0px"!==_&&(y+="perspective("+_+") "),(r||n)&&(y+="translate("+r+"%, "+n+"%) "),(b||"0px"!==s||"0px"!==a||"0px"!==o)&&(y+="0px"!==o||b?"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===d||(y+="scale("+p+", "+d+") "),g.style[Hi]=y||"translate(0, 0)"},kr=function(t,e){var i,r,n,s,a,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,f=o.y,c=o.rotation,p=o.skewX,d=o.skewY,_=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,b=o.xOffset,x=o.yOffset,T=o.forceCSS,w=parseFloat(l),O=parseFloat(f);c=parseFloat(c),p=parseFloat(p),(d=parseFloat(d))&&(p+=d=parseFloat(d),c+=d),c||p?(c*=Si,p*=Si,i=Math.cos(c)*_,r=Math.sin(c)*_,n=Math.sin(c-p)*-m,s=Math.cos(c-p)*m,p&&(d*=Si,a=Math.tan(p-d),n*=a=Math.sqrt(1+a*a),s*=a,d&&(a=Math.tan(d),i*=a=Math.sqrt(1+a*a),r*=a)),i=kt(i),r=kt(r),n=kt(n),s=kt(s)):(i=_,s=m,r=n=0),(w&&!~(l+"").indexOf("px")||O&&!~(f+"").indexOf("px"))&&(w=hr(g,"x",l,"px"),O=hr(g,"y",f,"px")),(v||y||b||x)&&(w=kt(w+v-(v*i+y*n)+b),O=kt(O+y-(v*r+y*s)+x)),(u||h)&&(a=g.getBBox(),w=kt(w+u/100*a.width),O=kt(O+h/100*a.height)),a="matrix("+i+","+r+","+n+","+s+","+w+","+O+")",g.setAttribute("transform",a),T&&(g.style[Hi]=a)},Er=function(t,e,i,r,n,s){var a,o,u=360,h=X(n),l=parseFloat(n)*(h&&~n.indexOf("rad")?Ci:1),f=s?l*s:l-r,c=r+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 gi(t._pt,e,i,r,f,Bi),o.e=c,o.u="deg",t._props.push(i),o},Dr=function(t,e){for(var i in e)t[i]=e[i];return t},Ar=function(t,e,i){var r,n,s,a,o,u,h,l=Dr({},i._gsap),f=i.style;for(n in l.svg?(s=i.getAttribute("transform"),i.setAttribute("transform",""),f[Hi]=e,r=xr(i,1),ar(i,Hi),i.setAttribute("transform",s)):(s=getComputedStyle(i)[Hi],f[Hi]=e,r=xr(i,1),f[Hi]=s),Ai)(s=l[n])!==(a=r[n])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(n)<0&&(o=oe(s)!==(h=oe(a))?hr(i,n,s,h):parseFloat(s),u=parseFloat(a),t._pt=new gi(t._pt,r,n,o,u-o,Li),t._pt.u=h||0,t._props.push(n));Dr(r,l)};Mt("padding,margin,Width,Radius",(function(t,e){var i="Top",r="Right",n="Bottom",s="Left",a=(e<3?[i,r,n,s]:[i+s,i+r,n+r,n+s]).map((function(i){return e<2?t+i:"border"+i+t}));dr[e>1?"border"+t:t]=function(t,e,i,r,n){var s,o;if(arguments.length<4)return s=a.map((function(e){return lr(t,e,i)})),5===(o=s.join(" ")).split(s[0]).length?s[0]:o;s=(r+"").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 Cr,Sr,Ir,Pr={name:"css",register:er,targetTest:function(t){return t.style&&t.nodeType},init:function(t,e,i,r,n){var s,a,o,u,h,l,f,c,p,d,_,m,g,v,y,b,x,T,w,O=this._props,M=t.style,k=i.vars.startAt;for(f in Mi||er(),e)if("autoRound"!==f&&(a=e[f],!gt[f]||!Ze(f,e,i,r,t,n)))if(h=typeof a,l=dr[f],"function"===h&&(h=typeof(a=a.call(i,r,t,n))),"string"===h&&~a.indexOf("random(")&&(a=ve(a)),l)l(this,t,f,a,i)&&(y=1);else if("--"===f.substr(0,2))s=(getComputedStyle(t).getPropertyValue(f)+"").trim(),a+="",Ae.lastIndex=0,Ae.test(s)||(c=oe(s),p=oe(a)),p?c!==p&&(s=hr(t,f,s,p)+p):c&&(a+=c),this.add(M,"setProperty",s,a,r,n,0,0,f),O.push(f);else if("undefined"!==h){if(k&&f in k?(s="function"==typeof k[f]?k[f].call(i,r,t,n):k[f],X(s)&&~s.indexOf("random(")&&(s=ve(s)),oe(s+"")||(s+=z.units[f]||oe(lr(t,f))||""),"="===(s+"").charAt(1)&&(s=lr(t,f))):s=lr(t,f),u=parseFloat(s),(d="string"===h&&"="===a.charAt(1)?+(a.charAt(0)+"1"):0)&&(a=a.substr(2)),o=parseFloat(a),f in zi&&("autoAlpha"===f&&(1===u&&"hidden"===lr(t,"visibility")&&o&&(u=0),or(this,M,"visibility",u?"inherit":"hidden",o?"inherit":"hidden",!o)),"scale"!==f&&"transform"!==f&&~(f=zi[f]).indexOf(",")&&(f=f.split(",")[0])),_=f in Ai)if(m||((g=t._gsap).renderTransform&&!e.parseTransform||xr(t,e.parseTransform),v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new gi(this._pt,M,Hi,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===f)this._pt=new gi(this._pt,g,"scaleY",g.scaleY,(d?d*o:o-g.scaleY)||0),O.push("scaleY",f),f+="X";else{if("transformOrigin"===f){x=void 0,T=void 0,w=void 0,x=(b=a).split(" "),T=x[0],w=x[1]||"50%","top"!==T&&"bottom"!==T&&"left"!==w&&"right"!==w||(b=T,T=w,w=b),x[0]=cr[T]||T,x[1]=cr[w]||w,a=x.join(" "),g.svg?br(t,a,0,v,0,this):((p=parseFloat(a.split(" ")[2])||0)!==g.zOrigin&&or(this,g,"zOrigin",g.zOrigin,p),or(this,M,f,Tr(s),Tr(a)));continue}if("svgOrigin"===f){br(t,a,1,v,0,this);continue}if(f in mr){Er(this,g,f,u,a,d);continue}if("smoothOrigin"===f){or(this,g,"smooth",g.smooth,a);continue}if("force3D"===f){g[f]=a;continue}if("transform"===f){Ar(this,a,t);continue}}else f in M||(f=tr(f)||f);if(_||(o||0===o)&&(u||0===u)&&!Ri.test(a)&&f in M)o||(o=0),(c=(s+"").substr((u+"").length))!==(p=oe(a)||(f in z.units?z.units[f]:c))&&(u=hr(t,f,s,p)),this._pt=new gi(this._pt,_?g:M,f,u,d?d*o:o-u,_||"px"!==p&&"zIndex"!==f||!1===e.autoRound?Li:ji),this._pt.u=p||0,c!==p&&"%"!==p&&(this._pt.b=s,this._pt.r=qi);else if(f in M)fr.call(this,t,f,s,a);else{if(!(f in t)){lt(f,a);continue}this.add(t,f,s||t[f],a,r,n)}O.push(f)}y&&mi(this)},get:lr,aliases:zi,getSetter:function(t,e,i){var r=zi[e];return r&&r.indexOf(",")<0&&(e=r),e in Ai&&e!==Ji&&(t._gsap.x||lr(t,"x"))?i&&Ei===i?"scale"===e?Wi:Vi:(Ei=i||{},"scale"===e?Qi:Gi):t.style&&!Q(t.style[e])?Yi:~e.indexOf("-")?Xi:ui(t,e)},core:{_removeProperty:ar,_getMatrix:yr}};xi.utils.checkPrefix=tr,Ir=Mt((Cr="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(Sr="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Ai[t]=1})),Mt(Sr,(function(t){z.units[t]="deg",mr[t]=1})),zi[Ir[13]]=Cr+","+Sr,Mt("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");zi[e[1]]=Ir[e[0]]})),Mt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){z.units[t]="px"})),xi.registerPlugin(Pr);var Fr=xi.registerPlugin(Pr)||xi;Fr.core.Tween;class Rr{createHoverTimeline(){const t=this.DOM.el.dataset.repetitionAnimate||"scale";let e={duration:this.DOM.el.dataset.repetitionDuration||.8,ease:this.DOM.el.dataset.repetitionEase||"power2.inOut",stagger:this.DOM.el.dataset.repetitionStagger||-.1},i={};e[t]=t=>+!t,i[t]=this.DOM.el.dataset.repetitionInitialScale||2,this.hoverTimeline=Fr.timeline({paused:!0}).set(this.DOM.innerElems[0],i).to([this.DOM.innerElems],e,0)}initEvents(){this.onMouseEnterFn=()=>this.mouseEnter(),this.onMouseLeaveFn=()=>this.mouseLeave(),this.DOM.el.addEventListener("mouseenter",this.onMouseEnterFn),this.DOM.el.addEventListener("mouseleave",this.onMouseLeaveFn)}mouseEnter(){this.hoverTimeline.play()}mouseLeave(){this.hoverTimeline.reverse()}constructor(t){s(this,"DOM",{el:null,innerElems:null}),s(this,"bgImage",void 0),s(this,"totalInnerElems",void 0),s(this,"hoverTimeline",void 0),this.DOM={el:t},this.bgImage=/(?:\(['"]?)(.*?)(?:['"]?\))/.exec(this.DOM.el.style.backgroundImage)[1],Fr.set(this.DOM.el,{backgroundImage:"none"}),this.totalInnerElems=+this.DOM.el.dataset.repetitionElems||4,this.totalInnerElems=this.totalInnerElems<=1?2:this.totalInnerElems;let e="";for(let t=0,i=this.totalInnerElems||1;t<=i-1;++t)e+=0===t?`
`:`
`;this.DOM.el.innerHTML=e,this.DOM.innerElems=this.DOM.el.querySelectorAll(".image__element"),Fr.set([this.DOM.el,this.DOM.innerElems[0]],{transformOrigin:this.DOM.el.dataset.repetitionOrigin||"50% 50%"}),this.createHoverTimeline(),this.initEvents()}}((t="img")=>new Promise((e=>{n(document.querySelectorAll(t),{background:!0},e)})))("[data-repetition]").then((()=>{document.body.classList.remove("loading"),[...document.querySelectorAll(".image")].forEach((t=>new Rr(t)))})); -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | Repetition Hover Effect | Codrops

Repetition Hover Effect

Mathilde Badeaux

Louise Le Sueur

Camille Vigneau

Marie Boutiette

Aurélie Campeau

-------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "repetitionhovereffect", 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 | "imagesloaded": "^4.1.4", 26 | "parcel": "latest" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /src/css/base.css: -------------------------------------------------------------------------------- 1 | *, 2 | *::after, 3 | *::before { 4 | box-sizing: border-box; 5 | } 6 | 7 | :root { 8 | font-size: 18px; 9 | } 10 | 11 | body { 12 | margin: 0; 13 | --color-text: #858898; 14 | --color-bg: #0F0F0F; 15 | --color-link: #fff; 16 | --color-link-hover: #858898; 17 | color: var(--color-text); 18 | background-color: var(--color-bg); 19 | font-family: quasimoda, sans-serif; 20 | font-weight: 500; 21 | -webkit-font-smoothing: antialiased; 22 | -moz-osx-font-smoothing: grayscale; 23 | } 24 | 25 | /* Page Loader */ 26 | .js .loading::before, 27 | .js .loading::after { 28 | content: ''; 29 | position: fixed; 30 | z-index: 1000; 31 | } 32 | 33 | .js .loading::before { 34 | top: 0; 35 | left: 0; 36 | width: 100%; 37 | height: 100%; 38 | background: var(--color-bg); 39 | } 40 | 41 | .js .loading::after { 42 | top: 50%; 43 | left: 50%; 44 | width: 60px; 45 | height: 60px; 46 | margin: -30px 0 0 -30px; 47 | border-radius: 50%; 48 | opacity: 0.4; 49 | background: var(--color-link); 50 | animation: loaderAnim 0.7s linear infinite alternate forwards; 51 | } 52 | 53 | @keyframes loaderAnim { 54 | to { 55 | opacity: 1; 56 | transform: scale3d(0.5,0.5,1); 57 | } 58 | } 59 | 60 | a { 61 | text-decoration: none; 62 | color: var(--color-link); 63 | outline: none; 64 | } 65 | 66 | a:hover { 67 | color: var(--color-link-hover); 68 | outline: none; 69 | } 70 | 71 | /* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ 72 | a:focus { 73 | /* Provide a fallback style for browsers 74 | that don't support :focus-visible */ 75 | outline: none; 76 | background: lightgrey; 77 | } 78 | 79 | a:focus:not(:focus-visible) { 80 | /* Remove the focus indicator on mouse-focus for browsers 81 | that do support :focus-visible */ 82 | background: transparent; 83 | } 84 | 85 | a:focus-visible { 86 | /* Draw a very noticeable focus style for 87 | keyboard-focus on browsers that do support 88 | :focus-visible */ 89 | outline: 2px solid red; 90 | background: transparent; 91 | } 92 | 93 | .unbutton { 94 | background: none; 95 | border: 0; 96 | padding: 0; 97 | margin: 0; 98 | font: inherit; 99 | } 100 | 101 | .unbutton:focus { 102 | outline: none; 103 | } 104 | 105 | .frame { 106 | padding: 1.5rem; 107 | text-align: center; 108 | position: relative; 109 | z-index: 1000; 110 | } 111 | 112 | .frame__title { 113 | font-size: 1rem; 114 | margin: 0 0 1rem; 115 | font-weight: 500; 116 | grid-area: title; 117 | justify-self: center; 118 | } 119 | 120 | .frame__links { 121 | display: inline; 122 | text-align: center; 123 | grid-area: links; 124 | justify-self: start; 125 | } 126 | 127 | .frame__links a:not(:last-child) { 128 | margin-right: 1rem; 129 | } 130 | 131 | .frame__demos { 132 | margin: 1rem 0; 133 | } 134 | 135 | .frame__demo--current, 136 | .frame__demo--current:hover { 137 | color: var(--color-text); 138 | } 139 | 140 | .content { 141 | margin: 10vh auto 40vh; 142 | max-width: 1200px; 143 | display: flex; 144 | flex-wrap: wrap; 145 | justify-items: center; 146 | text-align: center; 147 | justify-content: space-between; 148 | } 149 | 150 | .content__title { 151 | width: 100%; 152 | grid-column: 1 / span 3; 153 | font-size: 11vw; 154 | margin: 10vh 0 0; 155 | line-height: 0.65; 156 | } 157 | 158 | .content__title-first { 159 | display: block; 160 | text-transform: uppercase; 161 | font-family: forma-djr-deck, sans-serif; 162 | font-weight: 500; 163 | } 164 | 165 | .content__title-second { 166 | font-family: tenez, sans-serif; 167 | text-transform: uppercase; 168 | font-weight: 300; 169 | font-style: normal; 170 | } 171 | 172 | .image { 173 | max-width: 30vw; 174 | margin: 0 1vw; 175 | display: grid; 176 | cursor: pointer; 177 | position: relative; 178 | overflow: hidden; 179 | } 180 | 181 | .image--style-1 { 182 | width: 285px; 183 | height: 450px; 184 | border-radius: 145px; 185 | } 186 | 187 | .image--style-2 { 188 | width: 320px; 189 | height: 320px; 190 | border-radius: 50%; 191 | } 192 | 193 | .image--style-3 { 194 | width: 285px; 195 | height: 450px; 196 | border-radius: 5px; 197 | } 198 | 199 | .image--style-4 { 200 | width: 285px; 201 | height: 450px; 202 | border-radius: 145px 145px 0 0; 203 | } 204 | 205 | .image > .image__element, 206 | .image__wrap { 207 | transform-origin: inherit; 208 | position: relative; 209 | grid-area: 1 / 1 / 2 / 2; 210 | width: 100%; 211 | height: 100%; 212 | will-change: transform; 213 | border-radius: inherit; 214 | } 215 | 216 | .image__wrap { 217 | overflow: hidden; 218 | } 219 | 220 | .image__element { 221 | width: 100%; 222 | height: 100%; 223 | background-size: cover; 224 | background-position: 50% 50%; 225 | } 226 | 227 | @media screen and (min-width: 53em) { 228 | .frame { 229 | text-align: left; 230 | display: grid; 231 | grid-template-columns: 25% 50% 25%; 232 | grid-template-areas: 'links title sponsor'; 233 | justify-content: space-between; 234 | align-items: baseline; 235 | } 236 | } 237 | -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/favicon.ico -------------------------------------------------------------------------------- /src/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/1.jpg -------------------------------------------------------------------------------- /src/img/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/10.jpg -------------------------------------------------------------------------------- /src/img/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/11.jpg -------------------------------------------------------------------------------- /src/img/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/12.jpg -------------------------------------------------------------------------------- /src/img/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/13.jpg -------------------------------------------------------------------------------- /src/img/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/14.jpg -------------------------------------------------------------------------------- /src/img/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/15.jpg -------------------------------------------------------------------------------- /src/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/2.jpg -------------------------------------------------------------------------------- /src/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/3.jpg -------------------------------------------------------------------------------- /src/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/4.jpg -------------------------------------------------------------------------------- /src/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/5.jpg -------------------------------------------------------------------------------- /src/img/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/6.jpg -------------------------------------------------------------------------------- /src/img/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/7.jpg -------------------------------------------------------------------------------- /src/img/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/8.jpg -------------------------------------------------------------------------------- /src/img/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/RepetitionHoverEffect/27a7dd0959e46b094e87526510b5e360b41ba2a9/src/img/9.jpg -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Repetition Hover Effect | Codrops 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 |
33 |
34 |

Repetition Hover Effect

35 | 40 |
41 |
42 |
43 |
44 |
45 |

46 | Mathilde 47 | Badeaux 48 |

49 |
50 |
51 |
52 |
53 |
54 |

55 | Louise 56 | Le Sueur 57 |

58 |
59 |
60 |
61 |
62 |
63 |

64 | Camille 65 | Vigneau 66 |

67 |
68 |
69 |
70 |
71 |
72 |

73 | Marie 74 | Boutiette 75 |

76 |
77 |
78 |
79 |
80 |
81 |

82 | Aurélie 83 | Campeau 84 |

85 |
86 |
87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /src/js/imageHover.js: -------------------------------------------------------------------------------- 1 | import { gsap } from 'gsap'; 2 | 3 | /** 4 | * Class representing an image that has the repetitive hover effect 5 | */ 6 | export class ImageHover { 7 | // DOM elements 8 | DOM = { 9 | // main element (.image) 10 | el: null, 11 | // .image__element 12 | innerElems: null, 13 | } 14 | // Background image path 15 | bgImage; 16 | // Total inner image elments 17 | totalInnerElems; 18 | // Hover timeline 19 | hoverTimeline; 20 | 21 | /** 22 | * Constructor. 23 | * @param {Element} DOM_el - the .image element 24 | */ 25 | constructor(DOM_el) { 26 | this.DOM = {el: DOM_el}; 27 | 28 | // Get bg image url 29 | this.bgImage = /(?:\(['"]?)(.*?)(?:['"]?\))/.exec(this.DOM.el.style.backgroundImage)[1] 30 | 31 | // Remove bg image 32 | gsap.set(this.DOM.el, {backgroundImage: 'none'}); 33 | 34 | // Add the .image__element inner elements (data-repetition-elems times) 35 | // First inner element will have a wrapper with overflow hidden so it's image child can scale up or down 36 | this.totalInnerElems = +this.DOM.el.dataset.repetitionElems || 4; 37 | // Minimum of two inner elments 38 | this.totalInnerElems = this.totalInnerElems <= 1 ? 2 : this.totalInnerElems; 39 | 40 | let innerHTML = ''; 41 | for (let i = 0, len = this.totalInnerElems || 1; i <= len - 1; ++i) { 42 | innerHTML += i === 0 ? 43 | `
` : 44 | `
` 45 | } 46 | 47 | // Append 48 | this.DOM.el.innerHTML = innerHTML; 49 | 50 | // Get inner .image__element 51 | this.DOM.innerElems = this.DOM.el.querySelectorAll('.image__element'); 52 | 53 | // transform origin 54 | gsap.set([this.DOM.el, this.DOM.innerElems[0]], {transformOrigin: this.DOM.el.dataset.repetitionOrigin || '50% 50%'}); 55 | 56 | // Hover timeline 57 | this.createHoverTimeline(); 58 | 59 | this.initEvents(); 60 | } 61 | 62 | /** 63 | * Create the gsap timeline for the hover in/out animation 64 | */ 65 | createHoverTimeline() { 66 | const property = this.DOM.el.dataset.repetitionAnimate || 'scale'; 67 | let animationProperties = { 68 | duration: this.DOM.el.dataset.repetitionDuration || 0.8, 69 | ease: this.DOM.el.dataset.repetitionEase || 'power2.inOut', 70 | stagger: this.DOM.el.dataset.repetitionStagger || -0.1 71 | }, 72 | firstInnerElementProperties = {}; 73 | 74 | animationProperties[property] = i => +!i; 75 | // initial scale of first inner element 76 | firstInnerElementProperties[property] = this.DOM.el.dataset.repetitionInitialScale || 2; 77 | 78 | this.hoverTimeline = gsap.timeline({paused: true}) 79 | .set(this.DOM.innerElems[0], firstInnerElementProperties) 80 | .to([this.DOM.innerElems], animationProperties, 0) 81 | } 82 | 83 | /** 84 | * Initializes the events on the image elemment 85 | */ 86 | initEvents() { 87 | this.onMouseEnterFn = () => this.mouseEnter(); 88 | this.onMouseLeaveFn = () => this.mouseLeave(); 89 | this.DOM.el.addEventListener('mouseenter', this.onMouseEnterFn); 90 | this.DOM.el.addEventListener('mouseleave', this.onMouseLeaveFn); 91 | } 92 | 93 | /** 94 | * mouse enter 95 | */ 96 | mouseEnter() { 97 | this.hoverTimeline.play(); 98 | } 99 | 100 | /** 101 | * mouse leave 102 | */ 103 | mouseLeave() { 104 | this.hoverTimeline.reverse(); 105 | } 106 | } 107 | -------------------------------------------------------------------------------- /src/js/index.js: -------------------------------------------------------------------------------- 1 | import { preloadImages } from './utils'; 2 | import { ImageHover } from './imageHover'; 3 | 4 | preloadImages('[data-repetition]').then(() => { 5 | document.body.classList.remove('loading'); 6 | // Initialize the hover effect on the images 7 | [...document.querySelectorAll('.image')].forEach(el => new ImageHover(el)); 8 | }); -------------------------------------------------------------------------------- /src/js/utils.js: -------------------------------------------------------------------------------- 1 | const imagesLoaded = require('imagesloaded'); 2 | 3 | // Preload images 4 | const preloadImages = (selector = 'img') => { 5 | return new Promise((resolve) => { 6 | imagesLoaded(document.querySelectorAll(selector), {background: true}, resolve); 7 | }); 8 | }; 9 | 10 | export { 11 | preloadImages 12 | }; --------------------------------------------------------------------------------