├── .gitattributes ├── .gitignore ├── .htmlnanorc.uu ├── LICENSE ├── README.md ├── dist ├── 1.1770e3b3.jpg ├── 2.07ca36b5.jpg ├── 3.f6f48295.jpg ├── 4.516b9c03.jpg ├── 5.95d97ae8.jpg ├── favicon.a64e97b2.ico ├── index.b5e7c14d.js ├── index.d73f7ad5.css ├── index.e9a2d1b4.js └── index.html ├── package.json └── src ├── css └── base.css ├── favicon.ico ├── img ├── 1.jpg ├── 2.jpg ├── 3.jpg ├── 4.jpg └── 5.jpg ├── index.html └── js ├── cursor.js ├── index.js ├── slide.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 -------------------------------------------------------------------------------- /.htmlnanorc.uu: -------------------------------------------------------------------------------- 1 | { 2 | "minifySvg": false 3 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2009 - 2021 [Codrops](https://tympanus.net/codrops) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Fullscreen Scrolling Slideshow 2 | 3 | A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin. 4 | 5 | ![Fullscreen Scrolling Slideshow](https://tympanus.net/codrops/wp-content/uploads/2022/08/fullscreenscroll_feat.jpg) 6 | 7 | [Article on Codrops](https://tympanus.net/codrops/?p=64521) 8 | 9 | [Demo](http://tympanus.net/Development/FullscreenScroll/) 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.1770e3b3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/dist/1.1770e3b3.jpg -------------------------------------------------------------------------------- /dist/2.07ca36b5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/dist/2.07ca36b5.jpg -------------------------------------------------------------------------------- /dist/3.f6f48295.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/dist/3.f6f48295.jpg -------------------------------------------------------------------------------- /dist/4.516b9c03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/dist/4.516b9c03.jpg -------------------------------------------------------------------------------- /dist/5.95d97ae8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/dist/5.95d97ae8.jpg -------------------------------------------------------------------------------- /dist/favicon.a64e97b2.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/dist/favicon.a64e97b2.ico -------------------------------------------------------------------------------- /dist/index.b5e7c14d.js: -------------------------------------------------------------------------------- 1 | !function(){function t(t){return t&&t.__esModule?t.default:t}var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},r={},n={},i=e.parcelRequire1f3e;function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function o(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e} 2 | /*! 3 | * GSAP 3.10.4 4 | * https://greensock.com 5 | * 6 | * @license Copyright 2008-2022, GreenSock. All rights reserved. 7 | * Subject to the terms at https://greensock.com/standard-license or for 8 | * Club GreenSock members, the agreement issued with that membership. 9 | * @author: Jack Doyle, jack@greensock.com 10 | */null==i&&((i=function(t){if(t in r)return r[t].exports;if(t in n){var e=n[t];delete n[t];var i={id:t,exports:{}};return r[t]=i,e.call(i.exports,i,i.exports),i.exports}var s=new Error("Cannot find module '"+t+"'");throw s.code="MODULE_NOT_FOUND",s}).register=function(t,e){n[t]=e},e.parcelRequire1f3e=i),i.register("hobco",(function(t,e){!function(e,r){t.exports?t.exports=r():e.EvEmitter=r()}("undefined"!=typeof window?window:t.exports,(function(){function t(){}let e=t.prototype;return e.on=function(t,e){if(!t||!e)return this;let r=this._events=this._events||{},n=r[t]=r[t]||[];return n.includes(e)||n.push(e),this},e.once=function(t,e){if(!t||!e)return this;this.on(t,e);let r=this._onceEvents=this._onceEvents||{};return(r[t]=r[t]||{})[e]=!0,this},e.off=function(t,e){let r=this._events&&this._events[t];if(!r||!r.length)return this;let n=r.indexOf(e);return-1!=n&&r.splice(n,1),this},e.emitEvent=function(t,e){let r=this._events&&this._events[t];if(!r||!r.length)return this;r=r.slice(0),e=e||[];let n=this._onceEvents&&this._onceEvents[t];for(let i of r){n&&n[i]&&(this.off(t,i),delete n[i]),i.apply(this,e)}return this},e.allOff=function(){return delete this._events,delete this._onceEvents,this},t}))}));var a,u,h,l,c,f,d,p,_,m,g,v,y,b,x,w,T,O,M,D,k,C,E,A,S,P,I,L,R={autoSleep:120,force3D:"auto",nullTargetWarn:1,units:{lineHeight:""}},z={duration:.5,overwrite:!1,delay:0},F=1e8,Y=1e-8,B=2*Math.PI,q=B/4,X=0,N=Math.sqrt,j=Math.cos,U=Math.sin,V=function(t){return"string"==typeof t},W=function(t){return"function"==typeof t},G=function(t){return"number"==typeof t},H=function(t){return void 0===t},Q=function(t){return"object"==typeof t},$=function(t){return!1!==t},Z=function(){return"undefined"!=typeof window},J=function(t){return W(t)||V(t)},K="function"==typeof ArrayBuffer&&ArrayBuffer.isView||function(){},tt=Array.isArray,et=/(?:-?\.?\d|\.)+/gi,rt=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g,nt=/[-+=.]*\d+[.e-]*\d*[a-z%]*/g,it=/[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi,st=/[+-]=-?[.\d]+/,ot=/[^,'"\[\]\s]+/gi,at=/^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i,ut={},ht={},lt=function(t){return(ht=zt(t,ut))&&Mr},ct=function(t,e){return console.warn("Invalid property",t,"set to",e,"Missing plugin? gsap.registerPlugin()")},ft=function(t,e){return!e&&console.warn(t)},dt=function(t,e){return t&&(ut[t]=e)&&ht&&(ht[t]=e)||ut},pt=function(){return 0},_t={},mt=[],gt={},vt={},yt={},bt=30,xt=[],wt="",Tt=function(t){var e,r,n=t[0];if(Q(n)||W(n)||(t=[t]),!(e=(n._gsap||{}).harness)){for(r=xt.length;r--&&!xt[r].targetTest(n););e=xt[r]}for(r=t.length;r--;)t[r]&&(t[r]._gsap||(t[r]._gsap=new He(t[r],e)))||t.splice(r,1);return t},Ot=function(t){return t._gsap||Tt(de(t))[0]._gsap},Mt=function(t,e,r){return(r=t[e])&&W(r)?t[e]():H(r)&&t.getAttribute&&t.getAttribute(e)||r},Dt=function(t,e){return(t=t.split(",")).forEach(e)||t},kt=function(t){return Math.round(1e5*t)/1e5||0},Ct=function(t){return Math.round(1e7*t)/1e7||0},Et=function(t,e){var r=e.charAt(0),n=parseFloat(e.substr(2));return t=parseFloat(t),"+"===r?t+n:"-"===r?t-n:"*"===r?t*n:t/n},At=function(t,e){for(var r=e.length,n=0;t.indexOf(e[n])<0&&++ns;)o=o._prev;return o?(e._next=o._next,o._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[n]=e,e._prev=o,e.parent=e._dp=t,e},Xt=function(t,e,r,n){void 0===r&&(r="_first"),void 0===n&&(n="_last");var i=e._prev,s=e._next;i?i._next=s:t[r]===e&&(t[r]=s),s?s._prev=i:t[n]===e&&(t[n]=i),e._next=e._prev=e.parent=null},Nt=function(t,e){t.parent&&(!e||t.parent.autoRemoveChildren)&&t.parent.remove(t),t._act=0},jt=function(t,e){if(t&&(!e||e._end>t._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t},Ut=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},Vt=function t(e){return!e||e._ts&&t(e.parent)},Wt=function(t){return t._repeat?Gt(t._tTime,t=t.duration()+t._rDelay)*t:0},Gt=function(t,e){var r=Math.floor(t/=e);return t&&r===t?r-1:r},Ht=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},Qt=function(t){return t._end=Ct(t._start+(t._tDur/Math.abs(t._ts||t._rts||Y)||0))},$t=function(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=Ct(r._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Qt(t),r._dirty||jt(r,t)),t},Zt=function(t,e){var r;if((e._time||e._initted&&!e._dur)&&(r=Ht(t.rawTime(),e),(!e._dur||he(0,e.totalDuration(),r)-e._tTime>Y)&&e.render(r,!0)),jt(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}},Jt=function(t,e,r,n){return e.parent&&Nt(e),e._start=Ct((G(r)?r:r||t!==u?oe(t,r,e):t._time)+e._delay),e._end=Ct(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),qt(t,e,"_first","_last",t._sort?"_start":0),re(e)||(t._recent=e),n||Zt(t,e),t},Kt=function(t,e){return(ut.ScrollTrigger||ct("scrollTrigger",e))&&ut.ScrollTrigger.create(e,t)},te=function(t,e,r,n){return rr(t,e),t._initted?!r&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&d!==Re.frame?(mt.push(t),t._lazy=[e,n],1):void 0:1},ee=function t(e){var r=e.parent;return r&&r._ts&&r._initted&&!r._lock&&(r.rawTime()<0||t(r))},re=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},ne=function(t,e,r,n){var i=t._repeat,s=Ct(e)||0,o=t._tTime/t._tDur;return o&&!n&&(t._time*=s/t._dur),t._dur=s,t._tDur=i?i<0?1e10:Ct(s*(i+1)+t._rDelay*i):s,o>0&&!n?$t(t,t._tTime=t._tDur*o):t.parent&&Qt(t),r||jt(t.parent,t),t},ie=function(t){return t instanceof $e?jt(t):ne(t,t._dur)},se={_start:0,endTime:pt,totalDuration:pt},oe=function t(e,r,n){var i,s,o,a=e.labels,u=e._recent||se,h=e.duration()>=F?u.endTime(!1):e._dur;return V(r)&&(isNaN(r)||r in a)?(s=r.charAt(0),o="%"===r.substr(-1),i=r.indexOf("="),"<"===s||">"===s?(i>=0&&(r=r.replace(/=/,"")),("<"===s?u._start:u.endTime(u._repeat>=0))+(parseFloat(r.substr(1))||0)*(o?(i<0?u:n).totalDuration()/100:1)):i<0?(r in a||(a[r]=h),a[r]):(s=parseFloat(r.charAt(i-1)+r.substr(i+1)),o&&n&&(s=s/100*(tt(n)?n[0]:n).totalDuration()),i>1?t(e,r.substr(0,i-1),n)+s:h+s)):null==r?h:+r},ae=function(t,e,r){var n,i,s=G(e[1]),o=(s?2:1)+(t<2?0:1),a=e[o];if(s&&(a.duration=e[1]),a.parent=r,t){for(n=a,i=r;i&&!("immediateRender"in n);)n=i.vars.defaults||{},i=$(i.vars.inherit)&&i.parent;a.immediateRender=$(n.immediateRender),t<2?a.runBackwards=1:a.startAt=e[o-1]}return new ar(e[0],a,e[o+1])},ue=function(t,e){return t||0===t?e(t):e},he=function(t,e,r){return re?e:r},le=function(t,e){return V(t)&&(e=at.exec(t))?e[1]:""},ce=[].slice,fe=function(t,e){return t&&Q(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&Q(t[0]))&&!t.nodeType&&t!==h},de=function(t,e,r){return!V(t)||r||!l&&ze()?tt(t)?function(t,e,r){return void 0===r&&(r=[]),t.forEach((function(t){var n;return V(t)&&!e||fe(t,1)?(n=r).push.apply(n,de(t)):r.push(t)}))||r}(t,r):fe(t)?ce.call(t,0):t?[t]:[]:ce.call((e||c).querySelectorAll(t),0)},pe=function(t){return t.sort((function(){return.5-Math.random()}))},_e=function(t){if(W(t))return t;var e=Q(t)?t:{each:t},r=je(e.ease),n=e.from||0,i=parseFloat(e.base)||0,s={},o=n>0&&n<1,a=isNaN(n)||o,u=e.axis,h=n,l=n;return V(n)?h=l={center:.5,edges:.5,end:1}[n]||0:!o&&a&&(h=n[0],l=n[1]),function(t,o,c){var f,d,p,_,m,g,v,y,b,x=(c||e).length,w=s[x];if(!w){if(!(b="auto"===e.grid?0:(e.grid||[1,F])[1])){for(v=-1e8;v<(v=c[b++].getBoundingClientRect().left)&&bv&&(v=m),mx?x-1:u?"y"===u?x/b:b:Math.max(b,x/b))||0)*("edges"===n?-1:1),w.b=x<0?i-x:i,w.u=le(e.amount||e.each)||0,r=r&&x<0?Xe(r):r}return x=(w[t]-w.min)/w.max||0,Ct(w.b+(r?r(x):x)*w.v)+w.u}},me=function(t){var e=Math.pow(10,((t+"").split(".")[1]||"").length);return function(r){var n=Math.round(parseFloat(r)/t)*t*e;return(n-n%1)/e+(G(r)?0:le(r))}},ge=function(t,e){var r,n,i=tt(t);return!i&&Q(t)&&(r=i=t.radius||F,t.values?(t=de(t.values),(n=!G(t[0]))&&(r*=r)):t=me(t.increment)),ue(e,i?W(t)?function(e){return n=t(e),Math.abs(n-e)<=r?n:e}:function(e){for(var i,s,o=parseFloat(n?e.x:e),a=parseFloat(n?e.y:0),u=F,h=0,l=t.length;l--;)(i=n?(i=t[l].x-o)*i+(s=t[l].y-a)*s:Math.abs(t[l]-o))(i=Math.abs(i))&&(s=n,a=i);return s},Te=function(t,e,r){var n,i,s=t.vars,o=s[e];if(o)return n=s[e+"Params"],i=s.callbackScope||t,r&&mt.length&&St(),n?o.apply(i,n):o.call(i)},Oe=function(t){return Nt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&Te(t,"onInterrupt"),t},Me=function(t){var e=(t=!t.name&&t.default||t).name,r=W(t),n=e&&!r&&t.init?function(){this._props=[]}:t,i={init:pt,render:mr,add:tr,kill:vr,modifier:gr,rawVars:0},s={targetTest:0,get:0,getSetter:fr,aliases:{},register:0};if(ze(),t!==n){if(vt[e])return;Rt(n,Rt(Yt(t,i),s)),zt(n.prototype,zt(i,Yt(t,s))),vt[n.prop=e]=n,t.targetTest&&(xt.push(n),_t[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}dt(e,n),t.register&&t.register(Mr,n,xr)},De=255,ke={aqua:[0,De,De],lime:[0,De,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,De],navy:[0,0,128],white:[De,De,De],olive:[128,128,0],yellow:[De,De,0],orange:[De,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[De,0,0],pink:[De,192,203],cyan:[0,De,De],transparent:[De,De,De,0]},Ce=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)*De+.5|0},Ee=function(t,e,r){var n,i,s,o,a,u,h,l,c,f,d=t?G(t)?[t>>16,t>>8&De,t&De]:0:ke.black;if(!d){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),ke[t])d=ke[t];else if("#"===t.charAt(0)){if(t.length<6&&(n=t.charAt(1),i=t.charAt(2),s=t.charAt(3),t="#"+n+n+i+i+s+s+(5===t.length?t.charAt(4)+t.charAt(4):"")),9===t.length)return[(d=parseInt(t.substr(1,6),16))>>16,d>>8&De,d&De,parseInt(t.substr(7),16)/255];d=[(t=parseInt(t.substr(1),16))>>16,t>>8&De,t&De]}else if("hsl"===t.substr(0,3))if(d=f=t.match(et),e){if(~t.indexOf("="))return d=t.match(rt),r&&d.length<4&&(d[3]=1),d}else o=+d[0]%360/360,a=+d[1]/100,n=2*(u=+d[2]/100)-(i=u<=.5?u*(a+1):u+a-u*a),d.length>3&&(d[3]*=1),d[0]=Ce(o+1/3,n,i),d[1]=Ce(o,n,i),d[2]=Ce(o-1/3,n,i);else d=t.match(et)||ke.transparent;d=d.map(Number)}return e&&!f&&(n=d[0]/De,i=d[1]/De,s=d[2]/De,u=((h=Math.max(n,i,s))+(l=Math.min(n,i,s)))/2,h===l?o=a=0:(c=h-l,a=u>.5?c/(2-h-l):c/(h+l),o=h===n?(i-s)/c+(iT&&(M+=o-O),((r=(i=(D+=o)-M)-C)>0||a)&&(s=++y.frame,b=i-1e3*y.time,y.time=i/=1e3,C+=r+(r>=k?4:k-r),n=1),a||(m=g(t)),n)for(x=0;x=e&&x--},_listeners:E=[]}),ze=function(){return!_&&Re.wake()},Fe={},Ye=/^[\d.\-M][\d.\-,\s]/,Be=/["']/g,qe=function(t){for(var e,r,n,i={},s=t.substr(1,t.length-3).split(":"),o=s[0],a=1,u=s.length;a1&&o.config?o.config.apply(null,~t.indexOf("{")?[qe(s[1])]:(e=t,r=e.indexOf("(")+1,n=e.indexOf(")"),i=e.indexOf("(",r),e.substring(r,~i&&i=1?r:1,s=(n||(e?.3:.45))/(r<1?r:1),o=s/B*(Math.asin(1/i)||0),a=function(t){return 1===t?1:i*Math.pow(2,-10*t)*U((t-o)*s)+1},u="out"===e?a:"in"===e?function(t){return 1-a(1-t)}:Ve(a);return s=B/s,u.config=function(r,n){return t(e,r,n)},u},Ge=function t(e,r){void 0===r&&(r=1.70158);var n=function(t){return t?--t*t*((r+1)*t+r)+1:0},i="out"===e?n:"in"===e?function(t){return 1-n(1-t)}:Ve(n);return i.config=function(r){return t(e,r)},i};Dt("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var r=e<5?e+1:e;Ue(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}))})),Fe.Linear.easeNone=Fe.none=Fe.Linear.easeIn,Ue("Elastic",We("in"),We("out"),We()),S=7.5625,I=1/(P=2.75),Ue("Bounce",(function(t){return 1-L(1-t)}),L=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,ne(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(ze(),!arguments.length)return this._tTime;var r=this._dp;if(r&&r.smoothChildTiming&&this._ts){for($t(this,t),!r._dp||r.parent||Zt(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)&&Jt(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&Math.abs(this._zTime)===Y||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),Pt(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Wt(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)+Wt(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?Gt(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?Ht(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,this.totalTime(he(-this._delay,this._tDur,e),!0),Qt(this),Ut(this)},e.paused=function(t){return arguments.length?(this._ps!==t&&(this._ps=t,t?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(ze(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&Math.abs(this._zTime)!==Y&&(this._tTime-=Y)))),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)&&Jt(e,this,t-this._delay),this}return this._start},e.endTime=function(t){return this._start+($(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?Ht(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,ie(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,ie(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(oe(this,t),$(e))},e.restart=function(t,e){return this.play().totalTime(t?-this._delay:0,$(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?(n[t]=e,r&&(n[t+"Params"]=r),"onUpdate"===t&&(this._onUpdate=e)):delete n[t],this):n[t]},e.then=function(t){var e=this;return new Promise((function(r){var n=W(t)?t:Lt,i=function(){var t=e.then;e.then=null,W(n)&&(n=n(e))&&(n.then||n===e)&&(e.then=t),r(n),e.then=t};e._initted&&1===e.totalProgress()&&e._ts>=0||!e._tTime&&e._ts<0?i():e._prom=i}))},e.kill=function(){Oe(this)},t}();Rt(Qe.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 $e=function(t){function e(e,r){var n;return void 0===e&&(e={}),(n=t.call(this,e)||this).labels={},n.smoothChildTiming=!!e.smoothChildTiming,n.autoRemoveChildren=!!e.autoRemoveChildren,n._sort=$(e.sortChildren),u&&Jt(e.parent||u,s(n),r),e.reversed&&n.reverse(),e.paused&&n.paused(!0),e.scrollTrigger&&Kt(s(n),e.scrollTrigger),n}o(e,t);var r=e.prototype;return r.to=function(t,e,r){return ae(0,arguments,this),this},r.from=function(t,e,r){return ae(1,arguments,this),this},r.fromTo=function(t,e,r,n){return ae(2,arguments,this),this},r.set=function(t,e,r){return e.duration=0,e.parent=this,Bt(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new ar(t,e,oe(this,r),1),this},r.call=function(t,e,r){return Jt(this,ar.delayedCall(0,t,e),r)},r.staggerTo=function(t,e,r,n,i,s,o){return r.duration=e,r.stagger=r.stagger||n,r.onComplete=s,r.onCompleteParams=o,r.parent=this,new ar(t,r,oe(this,i)),this},r.staggerFrom=function(t,e,r,n,i,s,o){return r.runBackwards=1,Bt(r).immediateRender=$(r.immediateRender),this.staggerTo(t,e,r,n,i,s,o)},r.staggerFromTo=function(t,e,r,n,i,s,o,a){return n.startAt=r,Bt(n).immediateRender=$(n.immediateRender),this.staggerTo(t,e,n,i,s,o,a)},r.render=function(t,e,r){var n,i,s,o,a,h,l,c,f,d,p,_,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=t<=0?0:Ct(t),b=this._zTime<0!=t<0&&(this._initted||!v);if(this!==u&&y>g&&t>=0&&(y=g),y!==this._tTime||r||b){if(m!==this._time&&v&&(y+=this._time-m,t+=this._time-m),n=y,f=this._start,h=!(c=this._ts),b&&(v||(m=this._zTime),(t||!e)&&(this._zTime=t)),this._repeat){if(p=this._yoyo,a=v+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*a+t,e,r);if(n=Ct(y%a),y===g?(o=this._repeat,n=v):((o=~~(y/a))&&o===y/a&&(n=v,o--),n>v&&(n=v)),d=Gt(this._tTime,a),!m&&this._tTime&&d!==o&&(d=o),p&&1&o&&(n=v-n,_=1),o!==d&&!this._lock){var x=p&&1&d,w=x===(p&&1&o);if(oe)for(n=t._first;n&&n._start<=r;){if("isPause"===n.data&&n._start>e)return n;n=n._next}else for(n=t._last;n&&n._start>=r;){if("isPause"===n.data&&n._start=m&&t>=0)for(i=this._first;i;){if(s=i._next,(i._act||n>=i._start)&&i._ts&&l!==i){if(i.parent!==this)return this.render(t,e,r);if(i.render(i._ts>0?(n-i._start)*i._ts:(i._dirty?i.totalDuration():i._tDur)+(n-i._start)*i._ts,e,r),n!==this._time||!this._ts&&!h){l=0,s&&(y+=this._zTime=-1e-8);break}}i=s}else{i=this._last;for(var T=t<0?t:n;i;){if(s=i._prev,(i._act||T<=i._end)&&i._ts&&l!==i){if(i.parent!==this)return this.render(t,e,r);if(i.render(i._ts>0?(T-i._start)*i._ts:(i._dirty?i.totalDuration():i._tDur)+(T-i._start)*i._ts,e,r),n!==this._time||!this._ts&&!h){l=0,s&&(y+=this._zTime=T?-1e-8:Y);break}}i=s}}if(l&&!e&&(this.pause(),l.render(n>=m?0:-1e-8)._zTime=n>=m?1:-1,this._ts))return this._start=f,Qt(this),this.render(t,e,r);this._onUpdate&&!e&&Te(this,"onUpdate",!0),(y===g&&this._tTime>=this.totalDuration()||!y&&m)&&(f!==this._start&&Math.abs(c)===Math.abs(this._ts)||this._lock||((t||!v)&&(y===g&&this._ts>0||!y&&this._ts<0)&&Nt(this,1),e||t<0&&!m||!y&&!m&&g||(Te(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},r.add=function(t,e){var r=this;if(G(e)||(e=oe(this,e,t)),!(t instanceof Qe)){if(tt(t))return t.forEach((function(t){return r.add(t,e)})),this;if(V(t))return this.addLabel(t,e);if(!W(t))return this;t=ar.delayedCall(0,t)}return this!==t?Jt(this,t,e):this},r.getChildren=function(t,e,r,n){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===r&&(r=!0),void 0===n&&(n=-1e8);for(var i=[],s=this._first;s;)s._start>=n&&(s instanceof ar?e&&i.push(s):(r&&i.push(s),t&&i.push.apply(i,s.getChildren(!0,e,r)))),s=s._next;return i},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 V(t)?this.removeLabel(t):W(t)?this.killTweensOf(t):(Xt(this,t),t===this._recent&&(this._recent=this._last),jt(this))},r.totalTime=function(e,r){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=Ct(Re.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]=oe(this,e),this},r.removeLabel=function(t){return delete this.labels[t],this},r.addPause=function(t,e,r){var n=ar.delayedCall(0,e||pt,r);return n.data="isPause",this._hasPause=1,Jt(this,n,oe(this,t))},r.removePause=function(t){var e=this._first;for(t=oe(this,t);e;)e._start===t&&"isPause"===e.data&&Nt(e),e=e._next},r.killTweensOf=function(t,e,r){for(var n=this.getTweensOf(t,r),i=n.length;i--;)Ze!==n[i]&&n[i].kill(t,e);return this},r.getTweensOf=function(t,e){for(var r,n=[],i=de(t),s=this._first,o=G(e);s;)s instanceof ar?At(s._targets,i)&&(o?(!Ze||s._initted&&s._ts)&&s.globalTime(0)<=e&&s.globalTime(s.totalDuration())>e:!e||s.isActive())&&n.push(s):(r=s.getTweensOf(i,e)).length&&n.push.apply(n,r),s=s._next;return n},r.tweenTo=function(t,e){e=e||{};var r,n=this,i=oe(n,t),s=e,o=s.startAt,a=s.onStart,u=s.onStartParams,h=s.immediateRender,l=ar.to(n,Rt({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:i,overwrite:"auto",duration:e.duration||Math.abs((i-(o&&"time"in o?o.time:n._time))/n.timeScale())||Y,onStart:function(){if(n.pause(),!r){var t=e.duration||Math.abs((i-(o&&"time"in o?o.time:n._time))/n.timeScale());l._dur!==t&&ne(l,t,0,1).render(l._time,!0,!0),r=1}a&&a.apply(l,u||[])}},e));return h?l.render(0):l},r.tweenFromTo=function(t,e,r){return this.tweenTo(e,Rt({startAt:{time:oe(this,t)}},r))},r.recent=function(){return this._recent},r.nextLabel=function(t){return void 0===t&&(t=this._time),we(this,oe(this,t))},r.previousLabel=function(t){return void 0===t&&(t=this._time),we(this,oe(this,t),1)},r.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+Y)},r.shiftChildren=function(t,e,r){void 0===r&&(r=0);for(var n,i=this._first,s=this.labels;i;)i._start>=r&&(i._start+=t,i._end+=t),i=i._next;if(e)for(n in s)s[n]>=r&&(s[n]+=t);return jt(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={}),jt(this)},r.totalDuration=function(t){var e,r,n,i=0,s=this,o=s._last,a=F;if(arguments.length)return s.timeScale((s._repeat<0?s.duration():s.totalDuration())/(s.reversed()?-t:t));if(s._dirty){for(n=s.parent;o;)e=o._prev,o._dirty&&o.totalDuration(),(r=o._start)>a&&s._sort&&o._ts&&!s._lock?(s._lock=1,Jt(s,o,r-o._delay,1)._lock=0):a=r,r<0&&o._ts&&(i-=r,(!n&&!s._dp||n&&n.smoothChildTiming)&&(s._start+=r/s._ts,s._time-=r,s._tTime-=r),s.shiftChildren(-r,!1,-1/0),a=0),o._end>i&&o._ts&&(i=o._end),o=e;ne(s,s===u&&s._time>i?s._time:i,1,1),s._dirty=0}return s._tDur},e.updateRoot=function(t){if(u._ts&&(Pt(u,Ht(t,u)),d=Re.frame),Re.frame>=bt){bt+=R.autoSleep||120;var e=u._first;if((!e||!e._ts)&&R.autoSleep&&Re._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Re.sleep()}}},e}(Qe);Rt($e.prototype,{_lock:0,_hasPause:0,_forcing:0});var Ze,Je,Ke=function(t,e,r,n,i,s,o){var a,u,h,l,c,f,d,p,_=new xr(this._pt,t,e,0,1,_r,null,i),m=0,g=0;for(_.b=r,_.e=n,r+="",(d=~(n+="").indexOf("random("))&&(n=be(n)),s&&(s(p=[r,n],t,e),r=p[0],n=p[1]),u=r.match(it)||[];a=it.exec(n);)l=a[0],c=n.substring(m,a.index),h?h=(h+1)%5:"rgba("===c.substr(-5)&&(h=1),l!==u[g++]&&(f=parseFloat(u[g-1])||0,_._pt={_next:_._pt,p:c||1===g?c:",",s:f,c:"="===l.charAt(1)?Et(f,l)-f:parseFloat(l)-f,m:h&&h<4?Math.round:0},m=it.lastIndex);return _.c=m0&&!E&&(e._startAt=0),A&&r<=0)return void(r&&(e._zTime=r))}else!1===E&&(e._startAt=0);else if(D&&A)if(S)!E&&(e._startAt=0);else if(r&&(x=!1),s=Rt({overwrite:!1,data:"isFromStart",lazy:x&&$(w),immediateRender:x,stagger:0,parent:I},n),m&&(s[f.prop]=m),Nt(e._startAt=ar.set(P,s)),r<0&&e._startAt.render(-1,!0),e._zTime=r,x){if(!r)return}else t(e._startAt,Y);for(e._pt=e._ptCache=0,w=A&&$(w)||w&&!A,i=0;i")}));else{for(d in c={},T)"ease"===d||"easeEach"===d||nr(d,T[d],c,T.easeEach);for(d in c)for(E=c[d].sort((function(t,e){return t.t-e.t})),P=0,l=0;ld-Y&&t>=0?d:tp&&(n=p)),(u=this._yoyo&&1&s)&&(c=this._yEase,n=p-n),a=Gt(this._tTime,o),n===f&&!r&&this._initted)return this._tTime=_,this;s!==a&&(l&&this._yEase&&Ne(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=r=1,this.render(Ct(o*s),!0).invalidate()._lock=0))}if(!this._initted){if(te(this,t<0?t:n,r,e))return this._tTime=0,this;if(f!==this._time)return this;if(p!==this._dur)return this.render(t,e,r)}if(this._tTime=_,this._time=n,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(c||this._ease)(n/p),this._from&&(this.ratio=h=1-h),n&&!f&&!e&&(Te(this,"onStart"),this._tTime!==_))return this;for(i=this._pt;i;)i.r(h,i.d),i=i._next;l&&l.render(t<0?t:!n&&u?-1e-8:l._dur*l._ease(n/this._dur),e,r)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,r),Te(this,"onUpdate")),this._repeat&&s!==a&&this.vars.onRepeat&&!e&&this.parent&&Te(this,"onRepeat"),_!==this._tDur&&_||this._tTime!==_||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!p)&&(_===this._tDur&&this._ts>0||!_&&this._ts<0)&&Nt(this,1),e||t<0&&!f||!_&&!f||(Te(this,_===d?"onComplete":"onReverseComplete",!0),this._prom&&!(_0)&&this._prom()))}}else!function(t,e,r,n){var i,s,o,a=t.ratio,u=e<0||!e&&(!t._start&&ee(t)&&(t._initted||!re(t))||(t._ts<0||t._dp._ts<0)&&!re(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=he(0,t._tDur,e),s=Gt(l,h),t._yoyo&&1&s&&(u=1-u),s!==Gt(t._tTime,h)&&(a=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==a||n||t._zTime===Y||!e&&t._zTime){if(!t._initted&&te(t,e,n,r))return;for(o=t._zTime,t._zTime=e||(r?Y:0),r||(r=e&&!o),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,i=t._pt;i;)i.r(u,i.d),i=i._next;t._startAt&&e<0&&t._startAt.render(e,!0,!0),t._onUpdate&&!r&&Te(t,"onUpdate"),l&&t._repeat&&!r&&t.parent&&Te(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Nt(t,1),r||(Te(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.resetTo=function(t,e,r,n){_||Re.wake(),this._ts||this.play();var i=Math.min(this._dur,(this._dp._time-this._start)*this._ts);return this._initted||rr(this,i),function(t,e,r,n,i,s,o){var a,u,h,l=(t._pt&&t._ptCache||(t._ptCache={}))[e];if(!l)for(l=t._ptCache[e]=[],u=t._ptLookup,h=t._targets.length;h--;){if((a=u[h][e])&&a.d&&a.d._pt)for(a=a.d._pt;a&&a.p!==e;)a=a._next;if(!a)return Je=1,t.vars[e]="+=0",rr(t,o),Je=0,1;l.push(a)}for(h=l.length;h--;)(a=l[h]).s=!n&&0!==n||i?a.s+(n||0)+s*a.c:n,a.c=r-a.s,a.e&&(a.e=kt(r)+le(a.e)),a.b&&(a.b=a.s+le(a.b))}(this,t,e,r,n,this._ease(i/this._dur),i)?this.resetTo(t,e,r,n):($t(this,0),this.parent||qt(this._dp,this,"_first","_last",this._dp._sort?"_start":0),this.render(0))},r.kill=function(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?Oe(this):this;if(this.timeline){var r=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,Ze&&!0!==Ze.vars.overwrite)._first||Oe(this),this.parent&&r!==this.timeline.totalDuration()&&ne(this,this._dur*this.timeline._tDur/r,0,1),this}var n,i,s,o,a,u,h,l=this._targets,c=t?de(t):l,f=this._ptLookup,d=this._pt;if((!e||"all"===e)&&function(t,e){for(var r=t.length,n=r===e.length;n&&r--&&t[r]===e[r];);return r<0}(l,c))return"all"===e&&(this._pt=0),Oe(this);for(n=this._op=this._op||[],"all"!==e&&(V(e)&&(a={},Dt(e,(function(t){return a[t]=1})),e=a),e=function(t,e){var r,n,i,s,o=t[0]?Ot(t[0]).harness:0,a=o&&o.aliases;if(!a)return e;for(n in r=zt({},e),a)if(n in r)for(i=(s=a[n].split(",")).length;i--;)r[s[i]]=r[n];return r}(l,e)),h=l.length;h--;)if(~c.indexOf(l[h]))for(a in i=f[h],"all"===e?(n[h]=e,o=i,s={}):(s=n[h]=n[h]||{},o=e),o)(u=i&&i[a])&&("kill"in u.d&&!0!==u.d.kill(a)||Xt(this,u,"_pt"),delete i[a]),"all"!==s&&(s[a]=1);return this._initted&&!this._pt&&d&&Oe(this),this},e.to=function(t,r){return new e(t,r,arguments[2])},e.from=function(t,e){return ae(1,arguments)},e.delayedCall=function(t,r,n,i){return new e(r,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:r,onReverseComplete:r,onCompleteParams:n,onReverseCompleteParams:n,callbackScope:i})},e.fromTo=function(t,e,r){return ae(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 u.killTweensOf(t,e,r)},e}(Qe);Rt(ar.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),Dt("staggerTo,staggerFrom,staggerFromTo",(function(t){ar[t]=function(){var e=new $e,r=ce.call(arguments,0);return r.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,r)}}));var ur=function(t,e,r){return t[e]=r},hr=function(t,e,r){return t[e](r)},lr=function(t,e,r,n){return t[e](n.fp,r)},cr=function(t,e,r){return t.setAttribute(e,r)},fr=function(t,e){return W(t[e])?hr:H(t[e])&&t.setAttribute?cr:ur},dr=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},pr=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},_r=function(t,e){var r=e._pt,n="";if(!t&&e.b)n=e.b;else if(1===t&&e.e)n=e.e;else{for(;r;)n=r.p+(r.m?r.m(r.s+r.c*t):Math.round(1e4*(r.s+r.c*t))/1e4)+n,r=r._next;n+=e.c}e.set(e.t,e.p,n,e)},mr=function(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},gr=function(t,e,r,n){for(var i,s=this._pt;s;)i=s._next,s.p===n&&s.modifier(t,e,r),s=i},vr=function(t){for(var e,r,n=this._pt;n;)r=n._next,n.p===t&&!n.op||n.op===t?Xt(this,n,"_pt"):n.dep||(e=1),n=r;return!e},yr=function(t,e,r,n){n.mSet(t,e,n.m.call(n.tween,r,n.mt),n)},br=function(t){for(var e,r,n,i,s=t._pt;s;){for(e=s._next,r=n;r&&r.pr>s.pr;)r=r._next;(s._prev=r?r._prev:i)?s._prev._next=s:n=s,(s._next=r)?r._prev=s:i=s,s=e}t._pt=n},xr=function(){function t(t,e,r,n,i,s,o,a,u){this.t=e,this.s=n,this.c=i,this.p=r,this.r=s||dr,this.d=o||this,this.set=a||ur,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=yr,this.m=t,this.mt=r,this.tween=e},t}();Dt(wt+"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 _t[t]=1})),ut.TweenMax=ut.TweenLite=ar,ut.TimelineLite=ut.TimelineMax=$e,u=new $e({sortChildren:!1,defaults:z,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),R.stringFilter=Le;var wr={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),r=0;r1){var n=t.map((function(t){return Mr.quickSetter(t,e,r)})),i=n.length;return function(t){for(var e=i;e--;)n[e](t)}}t=t[0]||{};var s=vt[e],o=Ot(t),a=o.harness&&(o.harness.aliases||{})[e]||e,u=s?function(e){var n=new s;p._pt=0,n.init(t,r?e+r:e,p,0,[t]),n.render(1,n),p._pt&&mr(1,p)}:o.set(t,a);return s?u:function(e){return u(t,a,r?e+r:e,o,1)}},quickTo:function(t,e,r){var n,i=Mr.to(t,zt(((n={})[e]="+=0.1",n.paused=!0,n),r||{})),s=function(t,r,n){return i.resetTo(e,t,r,n)};return s.tween=i,s},isTweening:function(t){return u.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=je(t.ease,z.ease)),Ft(z,t||{})},config:function(t){return Ft(R,t||{})},registerEffect:function(t){var e=t.name,r=t.effect,n=t.plugins,i=t.defaults,s=t.extendTimeline;(n||"").split(",").forEach((function(t){return t&&!vt[t]&&!ut[t]&&ft(e+" effect requires "+t+" plugin.")})),yt[e]=function(t,e,n){return r(de(t),Rt(e||{},i),n)},s&&($e.prototype[e]=function(t,r,n){return this.add(yt[e](t,Q(r)?r:(n=r)&&{},this),n)})},registerEase:function(t,e){Fe[t]=je(e)},parseEase:function(t,e){return arguments.length?je(t,e):Fe},getById:function(t){return u.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var r,n,i=new $e(t);for(i.smoothChildTiming=$(t.smoothChildTiming),u.remove(i),i._dp=0,i._time=i._tTime=u._time,r=u._first;r;)n=r._next,!e&&!r._dur&&r instanceof ar&&r.vars.onComplete===r._targets[0]||Jt(i,r,r._start-r._delay),r=n;return Jt(u,i,0),i},utils:{wrap:function t(e,r,n){var i=r-e;return tt(e)?ye(e,t(0,e.length),r):ue(n,(function(t){return(i+(t-e)%i)%i+e}))},wrapYoyo:function t(e,r,n){var i=r-e,s=2*i;return tt(e)?ye(e,t(0,e.length-1),r):ue(n,(function(t){return e+((t=(s+(t-e)%s)%s||0)>i?s-t:t)}))},distribute:_e,random:ve,snap:ge,normalize:function(t,e,r){return xe(t,e,0,1,r)},getUnit:le,clamp:function(t,e,r){return ue(r,(function(r){return he(t,e,r)}))},splitColor:Ee,toArray:de,selector:function(t){return t=de(t)[0]||ft("Invalid scope")||{},function(e){var r=t.current||t.nativeElement||t;return de(e,r.querySelectorAll?r:r===t?ft("Invalid scope")||c.createElement("div"):t)}},mapRange:xe,pipe:function(){for(var t=arguments.length,e=new Array(t),r=0;r=0?nn[i]:"")+t},on=function(){"undefined"!=typeof window&&window.document&&(Dr=window,kr=Dr.document,Cr=kr.documentElement,Ar=en("div")||{style:{}},en("div"),Kr=sn(Kr),tn=Kr+"Origin",Ar.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Pr=!!sn("perspective"),Er=1)},an=function t(e){var r,n=en("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),i=this.parentNode,s=this.nextSibling,o=this.style.cssText;if(Cr.appendChild(n),n.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 i&&(s?i.insertBefore(this,s):i.appendChild(this)),Cr.removeChild(n),this.style.cssText=o,r},un=function(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])},hn=function(t){var e;try{e=t.getBBox()}catch(r){e=an.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===an||(e=an.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+un(t,["x","cx","x1"])||0,y:+un(t,["y","cy","y1"])||0,width:0,height:0}},ln=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!hn(t))},cn=function(t,e){if(e){var r=t.style;e in Ir&&e!==tn&&(e=Kr),r.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),r.removeProperty(e.replace(Fr,"-$1").toLowerCase())):r.removeAttribute(e)}},fn=function(t,e,r,n,i,s){var o=new xr(t._pt,e,r,0,1,s?Wr:Vr);return t._pt=o,o.b=n,o.e=i,t._props.push(r),o},dn={deg:1,rad:1,turn:1},pn=function t(e,r,n,i){var s,o,a,u,h=parseFloat(n)||0,l=(n+"").trim().substr((h+"").length)||"px",c=Ar.style,f=Yr.test(r),d="svg"===e.tagName.toLowerCase(),p=(d?"client":"offset")+(f?"Width":"Height"),_=100,m="px"===i,g="%"===i;return i===l||!h||dn[i]||dn[l]?h:("px"!==l&&!m&&(h=t(e,r,n,"px")),u=e.getCTM&&ln(e),!g&&"%"!==l||!Ir[r]&&!~r.indexOf("adius")?(c[f?"width":"height"]=_+(m?l:i),o=~r.indexOf("adius")||"em"===i&&e.appendChild&&!d?e:e.parentNode,u&&(o=(e.ownerSVGElement||{}).parentNode),o&&o!==kr&&o.appendChild||(o=kr.body),(a=o._gsap)&&g&&a.width&&f&&a.time===Re.time?kt(h/a.width*_):((g||"%"===l)&&(c.position=rn(e,"position")),o===e&&(c.position="static"),o.appendChild(Ar),s=Ar[p],o.removeChild(Ar),c.position="absolute",f&&g&&((a=Ot(o)).time=Re.time,a.width=o[p]),kt(m?s*h/_:s&&h?_/s*h:0))):(s=u?e.getBBox()[f?"width":"height"]:e[p],kt(g?h/s*_:h/100*s)))},_n=function(t,e,r,n){var i;return Er||on(),e in qr&&"transform"!==e&&~(e=qr[e]).indexOf(",")&&(e=e.split(",")[0]),Ir[e]&&"transform"!==e?(i=Dn(t,n),i="transformOrigin"!==e?i[e]:i.svg?i.origin:kn(rn(t,tn))+" "+i.zOrigin+"px"):(!(i=t.style[e])||"auto"===i||n||~(i+"").indexOf("calc("))&&(i=yn[e]&&yn[e](t,e,r)||rn(t,e)||Mt(t,e)||("opacity"===e?1:0)),r&&!~(i+"").trim().indexOf(" ")?pn(t,e,i,r)+r:i},mn=function(t,e,r,n){if(!r||"none"===r){var i=sn(e,t,1),s=i&&rn(t,i,1);s&&s!==r?(e=i,r=s):"borderColor"===e&&(r=rn(t,"borderTopColor"))}var o,a,u,h,l,c,f,d,p,_,m,g=new xr(this._pt,t.style,e,0,1,_r),v=0,y=0;if(g.b=r,g.e=n,r+="","auto"===(n+="")&&(t.style[e]=n,n=rn(t,e)||n,t.style[e]=r),Le(o=[r,n]),n=o[1],u=(r=o[0]).match(nt)||[],(n.match(nt)||[]).length){for(;a=nt.exec(n);)f=a[0],p=n.substring(v,a.index),l?l=(l+1)%5:"rgba("!==p.substr(-5)&&"hsla("!==p.substr(-5)||(l=1),f!==(c=u[y++]||"")&&(h=parseFloat(c)||0,m=c.substr((h+"").length),"="===f.charAt(1)&&(f=Et(h,f)+m),d=parseFloat(f),_=f.substr((d+"").length),v=nt.lastIndex-_.length,_||(_=_||R.units[e]||m,v===n.length&&(n+=_,g.e+=_)),m!==_&&(h=pn(t,e,c,_)||0),g._pt={_next:g._pt,p:p||1===y?p:",",s:h,c:d-h,m:l&&l<4||"zIndex"===e?Math.round:0});g.c=v-1;)r=a[i],Ir[r]&&(n=1,r="transformOrigin"===r?tn:Kr),cn(s,r);n&&(cn(s,Kr),u&&(u.svg&&s.removeAttribute("transform"),Dn(s,1),u.uncache=1))}},yn={clearProps:function(t,e,r,n,i){if("isFromStart"!==i.data){var s=t._pt=new xr(t._pt,e,r,0,0,vn);return s.u=n,s.pr=-10,s.tween=i,t._props.push(r),1}}},bn=[1,0,0,1,0,0],xn={},wn=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},Tn=function(t){var e=rn(t,Kr);return wn(e)?bn:e.substr(7).match(rt).map(kt)},On=function(t,e){var r,n,i,s,o=t._gsap||Ot(t),a=t.style,u=Tn(t);return o.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(i=t.transform.baseVal.consolidate().matrix).a,i.b,i.c,i.d,i.e,i.f]).join(",")?bn:u:(u!==bn||t.offsetParent||t===Cr||o.svg||(i=a.display,a.display="block",(r=t.parentNode)&&t.offsetParent||(s=1,n=t.nextSibling,Cr.appendChild(t)),u=Tn(t),i?a.display=i:cn(t,"display"),s&&(n?r.insertBefore(t,n):r?r.appendChild(t):Cr.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},Mn=function(t,e,r,n,i,s){var o,a,u,h=t._gsap,l=i||On(t,!0),c=h.xOrigin||0,f=h.yOrigin||0,d=h.xOffset||0,p=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],b=l[5],x=e.split(" "),w=parseFloat(x[0])||0,T=parseFloat(x[1])||0;r?l!==bn&&(a=_*v-m*g)&&(u=w*(-m/a)+T*(_/a)-(_*b-m*y)/a,w=w*(v/a)+T*(-g/a)+(g*b-v*y)/a,T=u):(w=(o=hn(t)).x+(~x[0].indexOf("%")?w/100*o.width:w),T=o.y+(~(x[1]||x[0]).indexOf("%")?T/100*o.height:T)),n||!1!==n&&h.smooth?(y=w-c,b=T-f,h.xOffset=d+(y*_+b*g)-y,h.yOffset=p+(y*m+b*v)-b):h.xOffset=h.yOffset=0,h.xOrigin=w,h.yOrigin=T,h.smooth=!!n,h.origin=e,h.originIsAbsolute=!!r,t.style[tn]="0px 0px",s&&(fn(s,h,"xOrigin",c,w),fn(s,h,"yOrigin",f,T),fn(s,h,"xOffset",d,h.xOffset),fn(s,h,"yOffset",p,h.yOffset)),t.setAttribute("data-svg-origin",w+" "+T)},Dn=function(t,e){var r=t._gsap||new He(t);if("x"in r&&!e&&!r.uncache)return r;var n,i,s,o,a,u,h,l,c,f,d,p,_,m,g,v,y,b,x,w,T,O,M,D,k,C,E,A,S,P,I,L,z=t.style,F=r.scaleX<0,Y="px",B="deg",q=rn(t,tn)||"0";return n=i=s=u=h=l=c=f=d=0,o=a=1,r.svg=!(!t.getCTM||!ln(t)),m=On(t,r.svg),r.svg&&(D=(!r.uncache||"0px 0px"===q)&&!e&&t.getAttribute("data-svg-origin"),Mn(t,D||q,!!D||r.originIsAbsolute,!1!==r.smooth,m)),p=r.xOrigin||0,_=r.yOrigin||0,m!==bn&&(b=m[0],x=m[1],w=m[2],T=m[3],n=O=m[4],i=M=m[5],6===m.length?(o=Math.sqrt(b*b+x*x),a=Math.sqrt(T*T+w*w),u=b||x?zr(x,b)*Lr:0,(c=w||T?zr(w,T)*Lr+u:0)&&(a*=Math.abs(Math.cos(c*Rr))),r.svg&&(n-=p-(p*b+_*w),i-=_-(p*x+_*T))):(L=m[6],P=m[7],E=m[8],A=m[9],S=m[10],I=m[11],n=m[12],i=m[13],s=m[14],h=(g=zr(L,S))*Lr,g&&(D=O*(v=Math.cos(-g))+E*(y=Math.sin(-g)),k=M*v+A*y,C=L*v+S*y,E=O*-y+E*v,A=M*-y+A*v,S=L*-y+S*v,I=P*-y+I*v,O=D,M=k,L=C),l=(g=zr(-w,S))*Lr,g&&(v=Math.cos(-g),I=T*(y=Math.sin(-g))+I*v,b=D=b*v-E*y,x=k=x*v-A*y,w=C=w*v-S*y),u=(g=zr(x,b))*Lr,g&&(D=b*(v=Math.cos(g))+x*(y=Math.sin(g)),k=O*v+M*y,x=x*v-b*y,M=M*v-O*y,b=D,O=k),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),o=kt(Math.sqrt(b*b+x*x+w*w)),a=kt(Math.sqrt(M*M+L*L)),g=zr(O,M),c=Math.abs(g)>2e-4?g*Lr:0,d=I?1/(I<0?-I:I):0),r.svg&&(D=t.getAttribute("transform"),r.forceCSS=t.setAttribute("transform","")||!wn(rn(t,Kr)),D&&t.setAttribute("transform",D))),Math.abs(c)>90&&Math.abs(c)<270&&(F?(o*=-1,c+=u<=0?180:-180,u+=u<=0?180:-180):(a*=-1,c+=c<=0?180:-180)),e=e||r.uncache,r.x=n-((r.xPercent=n&&(!e&&r.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-n)?-50:0)))?t.offsetWidth*r.xPercent/100:0)+Y,r.y=i-((r.yPercent=i&&(!e&&r.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-i)?-50:0)))?t.offsetHeight*r.yPercent/100:0)+Y,r.z=s+Y,r.scaleX=kt(o),r.scaleY=kt(a),r.rotation=kt(u)+B,r.rotationX=kt(h)+B,r.rotationY=kt(l)+B,r.skewX=c+B,r.skewY=f+B,r.transformPerspective=d+Y,(r.zOrigin=parseFloat(q.split(" ")[2])||0)&&(z[tn]=kn(q)),r.xOffset=r.yOffset=0,r.force3D=R.force3D,r.renderTransform=r.svg?Ln:Pr?In:En,r.uncache=0,r},kn=function(t){return(t=t.split(" "))[0]+" "+t[1]},Cn=function(t,e,r){var n=le(e);return kt(parseFloat(e)+parseFloat(pn(t,"x",r+"px",n)))+n},En=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,In(t,e)},An="0deg",Sn="0px",Pn=") ",In=function(t,e){var r=e||this,n=r.xPercent,i=r.yPercent,s=r.x,o=r.y,a=r.z,u=r.rotation,h=r.rotationY,l=r.rotationX,c=r.skewX,f=r.skewY,d=r.scaleX,p=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!==An||h!==An)){var x,w=parseFloat(h)*Rr,T=Math.sin(w),O=Math.cos(w);w=parseFloat(l)*Rr,x=Math.cos(w),s=Cn(g,s,T*x*-v),o=Cn(g,o,-Math.sin(w)*-v),a=Cn(g,a,O*x*-v+v)}_!==Sn&&(y+="perspective("+_+Pn),(n||i)&&(y+="translate("+n+"%, "+i+"%) "),(b||s!==Sn||o!==Sn||a!==Sn)&&(y+=a!==Sn||b?"translate3d("+s+", "+o+", "+a+") ":"translate("+s+", "+o+Pn),u!==An&&(y+="rotate("+u+Pn),h!==An&&(y+="rotateY("+h+Pn),l!==An&&(y+="rotateX("+l+Pn),c===An&&f===An||(y+="skew("+c+", "+f+Pn),1===d&&1===p||(y+="scale("+d+", "+p+Pn),g.style[Kr]=y||"translate(0, 0)"},Ln=function(t,e){var r,n,i,s,o,a=e||this,u=a.xPercent,h=a.yPercent,l=a.x,c=a.y,f=a.rotation,d=a.skewX,p=a.skewY,_=a.scaleX,m=a.scaleY,g=a.target,v=a.xOrigin,y=a.yOrigin,b=a.xOffset,x=a.yOffset,w=a.forceCSS,T=parseFloat(l),O=parseFloat(c);f=parseFloat(f),d=parseFloat(d),(p=parseFloat(p))&&(d+=p=parseFloat(p),f+=p),f||d?(f*=Rr,d*=Rr,r=Math.cos(f)*_,n=Math.sin(f)*_,i=Math.sin(f-d)*-m,s=Math.cos(f-d)*m,d&&(p*=Rr,o=Math.tan(d-p),i*=o=Math.sqrt(1+o*o),s*=o,p&&(o=Math.tan(p),r*=o=Math.sqrt(1+o*o),n*=o)),r=kt(r),n=kt(n),i=kt(i),s=kt(s)):(r=_,s=m,n=i=0),(T&&!~(l+"").indexOf("px")||O&&!~(c+"").indexOf("px"))&&(T=pn(g,"x",l,"px"),O=pn(g,"y",c,"px")),(v||y||b||x)&&(T=kt(T+v-(v*r+y*i)+b),O=kt(O+y-(v*n+y*s)+x)),(u||h)&&(o=g.getBBox(),T=kt(T+u/100*o.width),O=kt(O+h/100*o.height)),o="matrix("+r+","+n+","+i+","+s+","+T+","+O+")",g.setAttribute("transform",o),w&&(g.style[Kr]=o)},Rn=function(t,e,r,n,i){var s,o,a=360,u=V(i),h=parseFloat(i)*(u&&~i.indexOf("rad")?Lr:1)-n,l=n+h+"deg";return u&&("short"===(s=i.split("_")[1])&&(h%=a)!==h%180&&(h+=h<0?a:-360),"cw"===s&&h<0?h=(h+36e9)%a-~~(h/a)*a:"ccw"===s&&h>0&&(h=(h-36e9)%a-~~(h/a)*a)),t._pt=o=new xr(t._pt,e,r,n,h,Nr),o.e=l,o.u="deg",t._props.push(r),o},zn=function(t,e){for(var r in e)t[r]=e[r];return t},Fn=function(t,e,r){var n,i,s,o,a,u,h,l=zn({},r._gsap),c=r.style;for(i in l.svg?(s=r.getAttribute("transform"),r.setAttribute("transform",""),c[Kr]=e,n=Dn(r,1),cn(r,Kr),r.setAttribute("transform",s)):(s=getComputedStyle(r)[Kr],c[Kr]=e,n=Dn(r,1),c[Kr]=s),Ir)(s=l[i])!==(o=n[i])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(i)<0&&(a=le(s)!==(h=le(o))?pn(r,i,s,h):parseFloat(s),u=parseFloat(o),t._pt=new xr(t._pt,n,i,a,u-a,Xr),t._pt.u=h||0,t._props.push(i));zn(n,l)};Dt("padding,margin,Width,Radius",(function(t,e){var r="Top",n="Right",i="Bottom",s="Left",o=(e<3?[r,n,i,s]:[r+s,r+n,i+n,i+s]).map((function(r){return e<2?t+r:"border"+r+t}));yn[e>1?"border"+t:t]=function(t,e,r,n,i){var s,a;if(arguments.length<4)return s=o.map((function(e){return _n(t,e,r)})),5===(a=s.join(" ")).split(s[0]).length?s[0]:a;s=(n+"").split(" "),a={},o.forEach((function(t,e){return a[t]=s[e]=s[e]||s[(e-1)/2|0]})),t.init(e,a,i)}}));var Yn,Bn,qn,Xn={name:"css",register:on,targetTest:function(t){return t.style&&t.nodeType},init:function(t,e,r,n,i){var s,o,a,u,h,l,c,f,d,p,_,m,g,v,y,b,x,w,T,O=this._props,M=t.style,D=r.vars.startAt;for(c in Er||on(),e)if("autoRound"!==c&&(o=e[c],!vt[c]||!er(c,e,r,n,t,i)))if(h=typeof o,l=yn[c],"function"===h&&(h=typeof(o=o.call(r,n,t,i))),"string"===h&&~o.indexOf("random(")&&(o=be(o)),l)l(this,t,c,o,r)&&(y=1);else if("--"===c.substr(0,2))s=(getComputedStyle(t).getPropertyValue(c)+"").trim(),o+="",Pe.lastIndex=0,Pe.test(s)||(f=le(s),d=le(o)),d?f!==d&&(s=pn(t,c,s,d)+d):f&&(o+=f),this.add(M,"setProperty",s,o,n,i,0,0,c),O.push(c);else if("undefined"!==h){if(D&&c in D?(s="function"==typeof D[c]?D[c].call(r,n,t,i):D[c],V(s)&&~s.indexOf("random(")&&(s=be(s)),le(s+"")||(s+=R.units[c]||le(_n(t,c))||""),"="===(s+"").charAt(1)&&(s=_n(t,c))):s=_n(t,c),u=parseFloat(s),(p="string"===h&&"="===o.charAt(1)&&o.substr(0,2))&&(o=o.substr(2)),a=parseFloat(o),c in qr&&("autoAlpha"===c&&(1===u&&"hidden"===_n(t,"visibility")&&a&&(u=0),fn(this,M,"visibility",u?"inherit":"hidden",a?"inherit":"hidden",!a)),"scale"!==c&&"transform"!==c&&~(c=qr[c]).indexOf(",")&&(c=c.split(",")[0])),_=c in Ir)if(m||((g=t._gsap).renderTransform&&!e.parseTransform||Dn(t,e.parseTransform),v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new xr(this._pt,M,Kr,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===c)this._pt=new xr(this._pt,g,"scaleY",g.scaleY,(p?Et(g.scaleY,p+a):a)-g.scaleY||0),O.push("scaleY",c),c+="X";else{if("transformOrigin"===c){x=void 0,w=void 0,T=void 0,x=(b=o).split(" "),w=x[0],T=x[1]||"50%","top"!==w&&"bottom"!==w&&"left"!==T&&"right"!==T||(b=w,w=T,T=b),x[0]=gn[w]||w,x[1]=gn[T]||T,o=x.join(" "),g.svg?Mn(t,o,0,v,0,this):((d=parseFloat(o.split(" ")[2])||0)!==g.zOrigin&&fn(this,g,"zOrigin",g.zOrigin,d),fn(this,M,c,kn(s),kn(o)));continue}if("svgOrigin"===c){Mn(t,o,1,v,0,this);continue}if(c in xn){Rn(this,g,c,u,p?Et(u,p+o):o);continue}if("smoothOrigin"===c){fn(this,g,"smooth",g.smooth,o);continue}if("force3D"===c){g[c]=o;continue}if("transform"===c){Fn(this,o,t);continue}}else c in M||(c=sn(c)||c);if(_||(a||0===a)&&(u||0===u)&&!Br.test(o)&&c in M)a||(a=0),(f=(s+"").substr((u+"").length))!==(d=le(o)||(c in R.units?R.units[c]:f))&&(u=pn(t,c,s,d)),this._pt=new xr(this._pt,_?g:M,c,u,(p?Et(u,p+a):a)-u,_||"px"!==d&&"zIndex"!==c||!1===e.autoRound?Xr:Ur),this._pt.u=d||0,f!==d&&"%"!==d&&(this._pt.b=s,this._pt.r=jr);else if(c in M)mn.call(this,t,c,s,p?p+o:o);else{if(!(c in t)){ct(c,o);continue}this.add(t,c,s||t[c],p?p+o:o,n,i)}O.push(c)}y&&br(this)},get:_n,aliases:qr,getSetter:function(t,e,r){var n=qr[e];return n&&n.indexOf(",")<0&&(e=n),e in Ir&&e!==tn&&(t._gsap.x||_n(t,"x"))?r&&Sr===r?"scale"===e?$r:Qr:(Sr=r||{},"scale"===e?Zr:Jr):t.style&&!H(t.style[e])?Gr:~e.indexOf("-")?Hr:fr(t,e)},core:{_removeProperty:cn,_getMatrix:On}};Mr.utils.checkPrefix=sn,qn=Dt((Yn="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(Bn="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Ir[t]=1})),Dt(Bn,(function(t){R.units[t]="deg",xn[t]=1})),qr[qn[13]]=Yn+","+Bn,Dt("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");qr[e[1]]=qn[e[0]]})),Dt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){R.units[t]="px"})),Mr.registerPlugin(Xn);var Nn=Mr.registerPlugin(Xn)||Mr,jn=(Nn.core.Tween,{});jn=function(){"use strict";var t=document,e=t.createTextNode.bind(t);function r(t,e,r){t.style.setProperty(e,r)}function n(t,e){return t.appendChild(e)}function i(e,r,i,s){var o=t.createElement("span");return r&&(o.className=r),i&&(!s&&o.setAttribute("data-"+r,i),o.textContent=i),e&&n(e,o)||o}function s(t,e){return t.getAttribute("data-"+e)}function o(e,r){return e&&0!=e.length?e.nodeName?[e]:[].slice.call(e[0].nodeName?e:(r||t).querySelectorAll(e)):[]}function a(t){for(var e=[];t--;)e[t]=[];return e}function u(t,e){t&&t.some(e)}function h(t){return function(e){return t[e]}}function l(t,e,n){var i="--"+e,s=i+"-index";u(n,(function(t,e){Array.isArray(t)?u(t,(function(t){r(t,s,e)})):r(t,s,e)})),r(t,i+"-total",n.length)}var c={};function f(t,e,r){var n=r.indexOf(t);if(-1==n)r.unshift(t),u(c[t].depends,(function(e){f(e,t,r)}));else{var i=r.indexOf(e);r.splice(n,1),r.splice(i,0,t)}return r}function d(t,e,r,n){return{by:t,depends:e,key:r,split:n}}function p(t){return f(t,0,[]).map(h(c))}function _(t){c[t.by]=t}function m(t,r,s,a,h){t.normalize();var l=[],c=document.createDocumentFragment();a&&l.push(t.previousSibling);var f=[];return o(t.childNodes).some((function(t){if(!t.tagName||t.hasChildNodes()){if(t.childNodes&&t.childNodes.length)return f.push(t),void l.push.apply(l,m(t,r,s,a,h));var n=t.wholeText||"",o=n.trim();o.length&&(" "===n[0]&&f.push(e(" ")),u(o.split(s),(function(t,e){e&&h&&f.push(i(c,"whitespace"," ",h));var n=i(c,r,t);l.push(n),f.push(n)}))," "===n[n.length-1]&&f.push(e(" ")))}else f.push(t)})),u(f,(function(t){n(c,t)})),t.innerHTML="",n(t,c),l}var g=0;function v(t,e){for(var r in e)t[r]=e[r];return t}var y="words",b=d(y,g,"word",(function(t){return m(t,"word",/\s+/,0,1)})),x="chars",w=d(x,[y],"char",(function(t,e,r){var n=[];return u(r[y],(function(t,r){n.push.apply(n,m(t,"char","",e.whitespace&&r))})),n}));function T(t){var e=(t=t||{}).key;return o(t.target||"[data-splitting]").map((function(r){var n=r["🍌"];if(!t.force&&n)return n;n=r["🍌"]={el:r};var i=p(t.by||s(r,"splitting")||x),o=v({},t);return u(i,(function(t){if(t.split){var i=t.by,s=(e?"-"+e:"")+t.key,a=t.split(r,o,n);s&&l(r,s,a),n[i]=a,r.classList.add(i)}})),r.classList.add("splitting"),n}))}function O(t){var e=(t=t||{}).target=i();return e.innerHTML=t.content,T(t),e.outerHTML}function M(t,e,r){var n=o(e.matching||t.children,t),i={};return u(n,(function(t){var e=Math.round(t[r]);(i[e]||(i[e]=[])).push(t)})),Object.keys(i).map(Number).sort(D).map(h(i))}function D(t,e){return t-e}T.html=O,T.add=_;var k=d("lines",[y],"line",(function(t,e,r){return M(t,{matching:r[y]},"offsetTop")})),C=d("items",g,"item",(function(t,e){return o(e.matching||t.children,t)})),E=d("rows",g,"row",(function(t,e){return M(t,e,"offsetTop")})),A=d("cols",g,"col",(function(t,e){return M(t,e,"offsetLeft")})),S=d("grid",["rows","cols"]),P="layout",I=d(P,g,g,(function(t,e){var a=e.rows=+(e.rows||s(t,"rows")||1),u=e.columns=+(e.columns||s(t,"columns")||1);if(e.image=e.image||s(t,"image")||t.currentSrc||t.src,e.image){var h=o("img",t)[0];e.image=h&&(h.currentSrc||h.src)}e.image&&r(t,"background-image","url("+e.image+")");for(var l=a*u,c=[],f=i(g,"cell-grid");l--;){var d=i(f,"cell");i(d,"cell-inner"),c.push(d)}return n(t,f),c})),L=d("cellRows",[P],"row",(function(t,e,r){var n=e.rows,i=a(n);return u(r[P],(function(t,e,r){i[Math.floor(e/(r.length/n))].push(t)})),i})),R=d("cellColumns",[P],"col",(function(t,e,r){var n=e.columns,i=a(n);return u(r[P],(function(t,e){i[e%n].push(t)})),i})),z=d("cells",["cellRows","cellColumns"],"cell",(function(t,e,r){return r[P]}));return _(b),_(w),_(k),_(C),_(E),_(A),_(S),_(I),_(L),_(R),_(z),T}();var Un,Vn,Wn={}; 11 | /*! 12 | * imagesLoaded v5.0.0 13 | * JavaScript is all like "You images are done yet or what?" 14 | * MIT License 15 | */Un="undefined"!=typeof window?window:Wn,Vn=function(t,e){let r=t.jQuery,n=t.console;function i(t,e,s){if(!(this instanceof i))return new i(t,e,s);let o=t;var a;"string"==typeof t&&(o=document.querySelectorAll(t)),o?(this.elements=(a=o,Array.isArray(a)?a:"object"==typeof a&&"number"==typeof a.length?[...a]:[a]),this.options={},"function"==typeof e?s=e:Object.assign(this.options,e),s&&this.on("always",s),this.getImages(),r&&(this.jqDeferred=new r.Deferred),setTimeout(this.check.bind(this))):n.error(`Bad element for imagesLoaded ${o||t}`)}i.prototype=Object.create(e.prototype),i.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)};const s=[1,9,11];i.prototype.addElementImages=function(t){"IMG"===t.nodeName&&this.addImage(t),!0===this.options.background&&this.addElementBackgroundImages(t);let{nodeType:e}=t;if(!e||!s.includes(e))return;let r=t.querySelectorAll("img");for(let t of r)this.addImage(t);if("string"==typeof this.options.background){let e=t.querySelectorAll(this.options.background);for(let t of e)this.addElementBackgroundImages(t)}};const o=/url\((['"])?(.*?)\1\)/gi;function a(t){this.img=t}function u(t,e){this.url=t,this.element=e,this.img=new Image}return i.prototype.addElementBackgroundImages=function(t){let e=getComputedStyle(t);if(!e)return;let r=o.exec(e.backgroundImage);for(;null!==r;){let n=r&&r[2];n&&this.addBackground(n,t),r=o.exec(e.backgroundImage)}},i.prototype.addImage=function(t){let e=new a(t);this.images.push(e)},i.prototype.addBackground=function(t,e){let r=new u(t,e);this.images.push(r)},i.prototype.check=function(){if(this.progressedCount=0,this.hasAnyBroken=!1,!this.images.length)return void this.complete();let t=(t,e,r)=>{setTimeout((()=>{this.progress(t,e,r)}))};this.images.forEach((function(e){e.once("progress",t),e.check()}))},i.prototype.progress=function(t,e,r){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&n&&n.log(`progress: ${r}`,t,e)},i.prototype.complete=function(){let t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){let t=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[t](this)}},a.prototype=Object.create(e.prototype),a.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},a.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},a.prototype.confirm=function(t,e){this.isLoaded=t;let{parentNode:r}=this.img,n="PICTURE"===r.nodeName?r:this.img;this.emitEvent("progress",[this,n,e])},a.prototype.handleEvent=function(t){let e="on"+t.type;this[e]&&this[e](t)},a.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},a.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},a.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},u.prototype=Object.create(a.prototype),u.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},u.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},u.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},i.makeJQueryPlugin=function(e){(e=e||t.jQuery)&&(r=e,r.fn.imagesLoaded=function(t,e){return new i(this,t,e).jqDeferred.promise(r(this))})},i.makeJQueryPlugin(),i},Wn?Wn=Vn(Un,i("hobco")):Un.imagesLoaded=Vn(Un,Un.EvEmitter);const Gn=(t,e,r)=>(1-r)*t+r*e,Hn=t=>({x:t.clientX,y:t.clientY});function Qn(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}let $n={x:0,y:0};window.addEventListener("mousemove",(t=>$n=Hn(t)));class Zn{constructor(t){Qn(this,"DOM",{el:null,inner:null,img:null,imgInner:null,content:null,contentImg:null,contentTexts:null}),this.DOM.el=t,this.DOM.inner=this.DOM.el.querySelector(".slide__inner"),this.DOM.img=this.DOM.el.querySelector(".slide__img"),this.DOM.imgInner=this.DOM.el.querySelector(".slide__img-inner"),this.DOM.content=this.DOM.el.querySelector(".slide__content"),this.DOM.contentImg=this.DOM.content.querySelector(".slide__content-img"),this.DOM.contentTexts=[...this.DOM.content.children].filter((t=>t!=this.DOM.contentImg))}}function Jn(t,e){for(var r=0;ra?(i=n,n=t,o=s,s=u):r?n+=t:n=i+(t-i)/(u-o)*(s-o)};return{update:h,reset:function(){i=n=r?0:n,o=s=0},getVelocity:function(t){var e=o,a=i,l=mi();return(t||0===t)&&t!==n&&h(t),s===o||l-o>u?0:(n+(r?a:-a))/((r?l:s)-e)*1e3}}},Ei=function(t,e){return e&&!t._gsapAllow&&t.preventDefault(),t.changedTouches?t.changedTouches[0]:t},Ai=function(t){var e=Math.max.apply(Math,t),r=Math.min.apply(Math,t);return Math.abs(e)>=Math.abs(r)?e:r},Si=function(){var t,e,r,n;(ai=Kn.core.globals().ScrollTrigger)&&ai.core&&(t=ai.core,e=t.bridge||{},r=t._scrollers,n=t._proxies,r.push.apply(r,pi),n.push.apply(n,_i),pi=r,_i=n,gi=function(t,r){return e[t](r)})},Pi=function(t){return(Kn=t||ci())&&"undefined"!=typeof document&&document.body&&(ei=window,ri=document,ni=ri.documentElement,ii=ri.body,ui=[ei,ri,ni,ii],Kn.utils.clamp,oi="onpointerenter"in ii?"pointer":"mouse",si=Ii.isTouch=ei.matchMedia&&ei.matchMedia("(hover: none), (pointer: coarse)").matches?1:"ontouchstart"in ei||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0?2:0,li=Ii.eventTypes=("ontouchstart"in ni?"touchstart,touchmove,touchcancel,touchend":"onpointerdown"in ni?"pointerdown,pointermove,pointercancel,pointerup":"mousedown,mousemove,mouseup,mouseup").split(","),setTimeout((function(){return fi=0}),500),Si(),ti=1),ti};Mi.op=Di,pi.cache=0;var Ii=function(){function t(t){this.init(t)}var e,r,n;return t.prototype.init=function(t){ti||Pi(Kn)||console.warn("Please gsap.registerPlugin(Observer)"),ai||Si();var e,r=t.tolerance,n=t.dragMinimum,i=t.type,s=t.target,o=t.lineHeight,a=t.debounce,u=t.preventDefault,h=t.onStop,l=t.onStopDelay,c=t.ignore,f=t.wheelSpeed,d=t.event,p=t.onDragStart,_=t.onDragEnd,m=t.onDrag,g=t.onPress,v=t.onRelease,y=t.onRight,b=t.onLeft,x=t.onUp,w=t.onDown,T=t.onChangeX,O=t.onChangeY,M=t.onChange,D=t.onToggleX,k=t.onToggleY,C=t.onHover,E=t.onHoverEnd,A=t.onMove,S=t.ignoreCheck,P=t.isNormalizer,I=t.onGestureStart,L=t.onGestureEnd,R=t.onWheel,z=t.onEnable,F=t.onDisable,Y=t.onClick,B=t.scrollSpeed,q=t.capture,X=t.allowClicks,N=t.lockAxis,j=t.onLockAxis;this.target=(e=s,s=Kn.utils.toArray(e)[0]||("string"==typeof e&&!1!==Kn.config().nullTargetWarn?console.warn("Element not found:",e):null)||ni),this.vars=t,c&&(c=Kn.utils.toArray(c)),r=r||0,n=n||0,f=f||1,B=B||1,i=i||"wheel,touch,pointer",a=!1!==a,o||(o=parseFloat(ei.getComputedStyle(ii).lineHeight)||22);var U,V,W,G,H,Q,$,Z=this,J=0,K=0,tt=ki(s,Mi),et=ki(s,Di),rt=tt(),nt=et(),it=~i.indexOf("touch")&&!~i.indexOf("pointer")&&"pointerdown"===li[0],st=vi(s),ot=s.ownerDocument||ri,at=[0,0,0],ut=[0,0,0],ht=0,lt=function(){return ht=mi()},ct=function(t,e){return(Z.event=t)&&c&&~c.indexOf(t.target)||e&&it&&"touch"!==t.pointerType||S&&S(t,e)},ft=function(){var t=Z.deltaX=Ai(at),e=Z.deltaY=Ai(ut),n=Math.abs(t)>=r,i=Math.abs(e)>=r;M&&(n||i)&&M(Z,t,e,at,ut),n&&(y&&Z.deltaX>0&&y(Z),b&&Z.deltaX<0&&b(Z),T&&T(Z),D&&Z.deltaX<0!=J<0&&D(Z),J=Z.deltaX,at[0]=at[1]=at[2]=0),i&&(w&&Z.deltaY>0&&w(Z),x&&Z.deltaY<0&&x(Z),O&&O(Z),k&&Z.deltaY<0!=K<0&&k(Z),K=Z.deltaY,ut[0]=ut[1]=ut[2]=0),(G||W)&&(A&&A(Z),j&&Q&&j(Z),W&&(m(Z),W=!1),G=Q=!1),H&&(R(Z),H=!1),U=0},dt=function(t,e,r){at[r]+=t,ut[r]+=e,Z._vx.update(t),Z._vy.update(e),a?U||(U=requestAnimationFrame(ft)):ft()},pt=function(t,e){"y"!==$&&(at[2]+=t,Z._vx.update(t,!0)),"x"!==$&&(ut[2]+=e,Z._vy.update(e,!0)),N&&!$&&(Z.axis=$=Math.abs(t)>Math.abs(e)?"x":"y",Q=!0),a?U||(U=requestAnimationFrame(ft)):ft()},_t=function(t){if(!ct(t,1)){var e=(t=Ei(t,u)).clientX,r=t.clientY,i=e-Z.x,s=r-Z.y,o=Z.isDragging;Z.x=e,Z.y=r,(o||Math.abs(Z.startX-e)>=n||Math.abs(Z.startY-r)>=n)&&(m&&(W=!0),o||(Z.isDragging=!0),pt(i,s),o||p&&p(Z))}},mt=Z.onPress=function(t){ct(t,1)||(Z.axis=$=null,V.pause(),Z.isPressed=!0,t=Ei(t),J=K=0,Z.startX=Z.x=t.clientX,Z.startY=Z.y=t.clientY,Z._vx.reset(),Z._vy.reset(),yi(P?s:ot,li[1],_t,u,!0),Z.deltaX=Z.deltaY=0,g&&g(Z))},gt=function(t){if(!ct(t,1)){bi(P?s:ot,li[1],_t,!0);var e=Z.isDragging&&(Math.abs(Z.x-Z.startX)>3||Math.abs(Z.y-Z.startY)>3),r=Ei(t);e||(Z._vx.reset(),Z._vy.reset(),u&&X&&Kn.delayedCall(.08,(function(){if(mi()-ht>300&&!t.defaultPrevented)if(t.target.click)t.target.click();else if(ot.createEvent){var e=ot.createEvent("MouseEvents");e.initMouseEvent("click",!0,!0,ei,1,r.screenX,r.screenY,r.clientX,r.clientY,!1,!1,!1,!1,0,null),t.target.dispatchEvent(e)}}))),Z.isDragging=Z.isGesturing=Z.isPressed=!1,h&&!P&&V.restart(!0),_&&e&&_(Z),v&&v(Z,e)}},vt=function(t){return t.touches&&t.touches.length>1&&(Z.isGesturing=!0)&&I(t,Z.isDragging)},yt=function(){return Z.isGesturing=!1,L(Z)},bt=function(t){if(!ct(t)){var e=tt(),r=et();dt((e-rt)*B,(r-nt)*B,1),rt=e,nt=r,h&&V.restart(!0)}},xt=function(t){if(!ct(t)){t=Ei(t,u),R&&(H=!0);var e=(1===t.deltaMode?o:2===t.deltaMode?ei.innerHeight:1)*f;dt(t.deltaX*e,t.deltaY*e,0),h&&!P&&V.restart(!0)}},wt=function(t){if(!ct(t)){var e=t.clientX,r=t.clientY,n=e-Z.x,i=r-Z.y;Z.x=e,Z.y=r,G=!0,(n||i)&&pt(n,i)}},Tt=function(t){Z.event=t,C(Z)},Ot=function(t){Z.event=t,E(Z)},Mt=function(t){return ct(t)||Ei(t,u)&&Y(Z)};V=Z._dc=Kn.delayedCall(l||.25,(function(){Z._vx.reset(),Z._vy.reset(),V.pause(),h&&h(Z)})).pause(),Z.deltaX=Z.deltaY=0,Z._vx=Ci(0,50,!0),Z._vy=Ci(0,50,!0),Z.scrollX=tt,Z.scrollY=et,Z.isDragging=Z.isGesturing=Z.isPressed=!1,Z.enable=function(t){return Z.isEnabled||(yi(st?ot:s,"scroll",Ti),i.indexOf("scroll")>=0&&yi(st?ot:s,"scroll",bt,u,q),i.indexOf("wheel")>=0&&yi(s,"wheel",xt,u,q),(i.indexOf("touch")>=0&&si||i.indexOf("pointer")>=0)&&(yi(s,li[0],mt,u,q),yi(ot,li[2],gt),yi(ot,li[3],gt),X&&yi(s,"click",lt,!1,!0),Y&&yi(s,"click",Mt),I&&yi(ot,"gesturestart",vt),L&&yi(ot,"gestureend",yt),C&&yi(s,oi+"enter",Tt),E&&yi(s,oi+"leave",Ot),A&&yi(s,oi+"move",wt)),Z.isEnabled=!0,t&&t.type&&mt(t),z&&z(Z)),Z},Z.disable=function(){Z.isEnabled&&(di.filter((function(t){return t!==Z&&vi(t.target)})).length||bi(st?ot:s,"scroll",Ti),Z.isPressed&&(Z._vx.reset(),Z._vy.reset(),bi(P?s:ot,li[1],_t,!0)),bi(st?ot:s,"scroll",bt,q),bi(s,"wheel",xt,q),bi(s,li[0],mt,q),bi(ot,li[2],gt),bi(ot,li[3],gt),bi(s,"click",lt,!0),bi(s,"click",Mt),bi(ot,"gesturestart",vt),bi(ot,"gestureend",yt),bi(s,oi+"enter",Tt),bi(s,oi+"leave",Ot),bi(s,oi+"move",wt),Z.isEnabled=Z.isPressed=Z.isDragging=!1,F&&F(Z))},Z.kill=function(){Z.disable();var t=di.indexOf(Z);t>=0&&di.splice(t,1),hi===Z&&(hi=0)},di.push(Z),P&&vi(s)&&(hi=Z),Z.enable(d)},e=t,(r=[{key:"velocityX",get:function(){return this._vx.getVelocity()}},{key:"velocityY",get:function(){return this._vy.getVelocity()}}])&&Jn(e.prototype,r),n&&Jn(e,n),t}();Ii.version="3.10.4",Ii.create=function(t){return new Ii(t)},Ii.register=Pi,Ii.getAll=function(){return di.slice()},Ii.getById=function(t){return di.filter((function(e){return e.vars.id===t}))[0]},ci()&&Kn.registerPlugin(Ii),Nn.registerPlugin(Ii),t(jn)();const Li={slides:[...document.querySelectorAll(".slide")],cursor:document.querySelector(".cursor"),backCtrl:document.querySelector(".frame__back"),navigationItems:document.querySelectorAll(".frame__nav > .frame__nav-button")};Li.cursorChars=Li.cursor.querySelectorAll(".word > .char, .whitespace"),Li.backChars=Li.backCtrl.querySelectorAll(".word > .char, .whitespace");const Ri=Li.slides.length;let zi=[];Li.slides.forEach((t=>{zi.push(new Zn(t))}));let Fi=-1,Yi=!1;const Bi=t=>{Yi=!0,Li.navigationItems[Fi].classList.remove("frame__nav-button--current"),Li.navigationItems[t].classList.add("frame__nav-button--current");const e=Fi{r.DOM.el.classList.remove("slide--current"),r.isOpen&&Ni(r),Yi=!1}}).addLabel("start",0).set([r.DOM.imgInner,n.DOM.imgInner],{transformOrigin:"next"===e?"50% 0%":"50% 100%"},"start").set(n.DOM.el,{yPercent:"next"===e?100:-100},"start").set(n.DOM.inner,{yPercent:"next"===e?-100:100},"start").add((()=>{n.DOM.el.classList.add("slide--current")}),"start").add((()=>{r.isOpen&&qi()}),"start").to(r.DOM.el,{yPercent:"next"===e?-100:100},"start").to(r.DOM.imgInner,{scaleY:2},"start").to([n.DOM.el,n.DOM.inner],{yPercent:0},"start").to(n.DOM.imgInner,{ease:"power2.inOut",startAt:{scaleY:2},scaleY:1},"start")},qi=t=>Nn.timeline({onStart:()=>{Nn.set(Li.backChars,{opacity:t?0:1}),t&&Li.backCtrl.classList.add("frame__back--show")},onComplete:()=>{Li.backCtrl.classList[t?"add":"remove"]("frame__back--show"),t||Li.backCtrl.classList.remove("frame__back--show")}}).to(Li.cursorChars,{duration:.1,ease:"expo",opacity:t?0:1,stagger:{amount:.5,grid:"auto",from:"random"}}).to(Li.backChars,{duration:.1,ease:"expo",opacity:t?1:0,stagger:{amount:.5,grid:"auto",from:"random"}},0),Xi=t=>{if(Yi)return;Yi=!0;const e=zi[t];e.isOpen=!0,Nn.timeline({defaults:{duration:1.6,ease:"power3.inOut"},onStart:()=>{},onComplete:()=>{Yi=!1}}).addLabel("start",0).add((()=>{qi("content")}),"start").to(e.DOM.img,{yPercent:-100},"start").set(e.DOM.imgInner,{transformOrigin:"50% 100%"},"start").to(e.DOM.imgInner,{yPercent:100,scaleY:2},"start").to(e.DOM.contentImg,{startAt:{transformOrigin:"50% 0%",scaleY:1.5},scaleY:1},"start")},Ni=(t,e=!1)=>{Yi=!0;const r=()=>{t.isOpen=!1,Yi=!1};e?Nn.timeline({defaults:{duration:1.6,ease:"power3.inOut"},onComplete:r}).addLabel("start",0).to(t.DOM.img,{yPercent:0},"start").to(t.DOM.imgInner,{yPercent:0,scaleY:1},"start"):(Nn.set(t.DOM.img,{yPercent:0}),Nn.set(t.DOM.imgInner,{yPercent:0,scaleY:1}),r())};var ji;ji=0,-1!==Fi&&zi[Fi].DOM.el.classList.remove("slide--current"),Fi=ji,zi[Fi].DOM.el.classList.add("slide--current"),Li.navigationItems[Fi].classList.add("frame__nav-button--current"),new class{render(){this.renderedStyles.tx.current=$n.x+20,this.renderedStyles.ty.current=$n.y-this.bounds.height/2;for(const t in this.renderedStyles)this.renderedStyles[t].previous=Gn(this.renderedStyles[t].previous,this.renderedStyles[t].current,this.renderedStyles[t].amt);this.DOM.el.style.transform=`translateX(${this.renderedStyles.tx.previous}px) translateY(${this.renderedStyles.ty.previous}px)`,requestAnimationFrame((()=>this.render()))}constructor(t){Qn(this,"DOM",{el:null,text:null}),Qn(this,"renderedStyles",{tx:{previous:0,current:0,amt:.15},ty:{previous:0,current:0,amt:.15}}),Qn(this,"bounds",void 0),this.DOM.el=t,this.DOM.text=this.DOM.el.querySelector(".cursor__text"),this.DOM.el.style.opacity=0,this.bounds=this.DOM.el.getBoundingClientRect();for(const t in this.renderedStyles)this.renderedStyles[t].amt=this.DOM.el.dataset.amt||this.renderedStyles[t].amt;const e=()=>{this.renderedStyles.tx.previous=this.renderedStyles.tx.current=$n.x+20,this.renderedStyles.ty.previous=this.renderedStyles.ty.previous=$n.y-this.bounds.height/2,this.DOM.el.style.opacity=1,requestAnimationFrame((()=>this.render())),window.removeEventListener("mousemove",e)};window.addEventListener("mousemove",e)}}(Li.cursor),(()=>{[...Li.navigationItems].forEach(((t,e)=>{t.addEventListener("click",(()=>{Fi===e||Yi||Bi(e)}))})),Li.backCtrl.addEventListener("click",(()=>{Yi||(Yi=!0,qi(),Ni(zi[Fi],!0))})),Ii.create({type:"wheel,touch,pointer",onDown:()=>!Yi&&void Bi(Fi>0?Fi-1:Ri-1),onUp:()=>!Yi&&void Bi(Fi{Xi(t)}))})(),((t="img")=>new Promise((e=>{Wn(document.querySelectorAll(t),{background:!0},e)})))(".slide__img-inner").then((t=>{document.body.classList.remove("loading")}))}(); -------------------------------------------------------------------------------- /dist/index.d73f7ad5.css: -------------------------------------------------------------------------------- 1 | *,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-bg:#000;--color-link:#ffffff80;--color-link-hover:#f8c5dc;--color-bg-slide:#171719;font-size:13px}body{color:var(--color-text);background-color:var(--color-bg);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100vh;margin:0;font-family:obviously,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{width:100%;height:100%;background:var(--color-bg);top:0;left:0}.js .loading:after{width:60px;height:60px;opacity:.4;background:var(--color-link);border-radius:50%;margin:-30px 0 0 -30px;animation:loaderAnim .7s linear infinite alternate forwards;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}.unbutton{font:inherit;cursor:pointer;color:var(--color-link);background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.frame{width:100%;height:100vh;z-index:100;pointer-events:none;grid-gap:1rem;grid-template:"back sponsor""title title""info info""nav nav"1fr/auto auto;padding:2.5rem;display:grid;position:fixed}.frame a{pointer-events:auto}.frame__title{grid-area:title;place-self:end;align-items:start;display:flex}.frame__title-main{margin:0 0 0 1rem;font-size:1rem;font-weight:400}.frame__title-back{align-items:flex-end;margin-bottom:.15rem;display:flex;position:relative}.frame__title-back span{font-size:1.25rem;line-height:1;transform:rotate(-45deg)}.frame__title-back svg{fill:currentColor}.frame__info{grid-area:info;align-self:end}.frame__nav{grid-gap:.5rem;grid-area:nav;grid-auto-flow:row;align-content:end;place-items:start;display:grid}.frame__nav-button{text-transform:uppercase;pointer-events:auto;transition:color .3s;position:relative}.frame__nav-button:not(.frame__nav-button--current):hover{color:var(--color-link-hover)}.frame__nav-button--current{color:var(--color-text)}.frame__nav-button:before{content:"";width:2.5rem;height:1px;transform-origin:100%;background-color:currentColor;transition:transform .8s ease-in-out;position:absolute;top:50%;right:calc(100% + 4px);transform:scaleX(0)}.frame__nav-button--current:before{transform:scaleX(1)}.frame__back{opacity:0;pointer-events:none;text-transform:uppercase;grid-area:back;justify-self:start}.frame__back--show{opacity:1;pointer-events:auto}.slides{width:100%;height:100vh;grid-template-rows:100%;grid-template-columns:100%;place-items:center;display:grid;overflow:hidden}.slide{width:100%;height:104%;pointer-events:none;opacity:0;will-change:transform;grid-area:1/1/-1/-1;position:relative;overflow:hidden}.slide--current{pointer-events:auto;opacity:1}.slide__inner{width:100%;height:100%;will-change:transform;grid-template-rows:100%;grid-template-columns:100%;display:grid;position:relative;overflow:hidden}.slide__img{cursor:pointer;z-index:1;grid-area:1/1/-1/-1;position:relative;overflow:hidden}.slide__img-inner{width:100%;height:100%;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover}.slide__content{background:var(--color-bg-slide);grid-column-gap:2rem;grid-template:"img title""img text""img."/1fr 1fr;grid-area:1/1/-1/-1;place-content:center;padding:1rem;display:grid}.slide__content-img{height:300px;will-change:transform;background-position:50%;background-size:cover;grid-area:img}.slide__content h2{text-transform:none;grid-area:title;margin:0 0 3rem;font-size:max(3rem,min(2vw,3rem));font-weight:200;line-height:1}.slide__content p{max-width:260px;color:#ffffff80;grid-area:text;margin:0;line-height:1.5}.cursor{pointer-events:none;position:absolute;top:0;left:0}@media screen and (min-width:53em){.frame{grid-template:"back.sponsor""nav info title"/auto auto auto;align-content:space-between}.frame__info{justify-self:center}.slide__content{grid-column-gap:2rem;grid-template:"img title""img text""img."/220px 300px}}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);visibility:hidden;-webkit-user-select:none;user-select:none;transition:inherit;position:absolute;top:0;left:0}.splitting{--word-center:calc((var(--word-total) - 1)/2);--char-center:calc((var(--char-total) - 1)/2);--line-center:calc((var(--line-total) - 1)/2)}.splitting .word{--word-percent:calc(var(--word-index)/var(--word-total));--line-percent:calc(var(--line-index)/var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index)/var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc( (var(--char-offset)*var(--char-offset))/var(--char-center));--distance-sine:calc(var(--char-offset)/var(--char-center));--distance-percent:calc((var(--distance)/var(--char-center)))}.splitting.cells img{width:100%;display:block}@supports ( display: grid ){.splitting.cells{visibility:hidden;background-size:cover;position:relative;overflow:hidden}.splitting .cell-grid{background:inherit;width:100%;height:100%;grid-template:repeat( var(--row-total),1fr )/repeat( var(--col-total),1fr );display:grid;position:absolute;top:0;left:0}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;visibility:visible;width:calc(100%*var(--col-total));height:calc(100%*var(--row-total));left:calc(-100%*var(--col-index));top:calc(-100%*var(--row-index));position:absolute}.splitting .cell{--center-x:calc((var(--col-total) - 1)/2);--center-y:calc((var(--row-total) - 1)/2);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc( (var(--offset-x)*var(--offset-x))/var(--center-x));--distance-y:calc( (var(--offset-y)*var(--offset-y))/var(--center-y))}} -------------------------------------------------------------------------------- /dist/index.e9a2d1b4.js: -------------------------------------------------------------------------------- 1 | function t(t){return t&&t.__esModule?t.default:t}var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},r={},n={},i=e.parcelRequire1f3e;function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function o(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e} 2 | /*! 3 | * GSAP 3.10.4 4 | * https://greensock.com 5 | * 6 | * @license Copyright 2008-2022, GreenSock. All rights reserved. 7 | * Subject to the terms at https://greensock.com/standard-license or for 8 | * Club GreenSock members, the agreement issued with that membership. 9 | * @author: Jack Doyle, jack@greensock.com 10 | */null==i&&((i=function(t){if(t in r)return r[t].exports;if(t in n){var e=n[t];delete n[t];var i={id:t,exports:{}};return r[t]=i,e.call(i.exports,i,i.exports),i.exports}var s=new Error("Cannot find module '"+t+"'");throw s.code="MODULE_NOT_FOUND",s}).register=function(t,e){n[t]=e},e.parcelRequire1f3e=i),i.register("4hJWI",(function(t,e){!function(e,r){t.exports?t.exports=r():e.EvEmitter=r()}("undefined"!=typeof window?window:t.exports,(function(){function t(){}let e=t.prototype;return e.on=function(t,e){if(!t||!e)return this;let r=this._events=this._events||{},n=r[t]=r[t]||[];return n.includes(e)||n.push(e),this},e.once=function(t,e){if(!t||!e)return this;this.on(t,e);let r=this._onceEvents=this._onceEvents||{};return(r[t]=r[t]||{})[e]=!0,this},e.off=function(t,e){let r=this._events&&this._events[t];if(!r||!r.length)return this;let n=r.indexOf(e);return-1!=n&&r.splice(n,1),this},e.emitEvent=function(t,e){let r=this._events&&this._events[t];if(!r||!r.length)return this;r=r.slice(0),e=e||[];let n=this._onceEvents&&this._onceEvents[t];for(let i of r){n&&n[i]&&(this.off(t,i),delete n[i]),i.apply(this,e)}return this},e.allOff=function(){return delete this._events,delete this._onceEvents,this},t}))}));var a,u,h,l,c,f,d,p,_,m,g,v,y,x,b,w,T,O,M,D,k,C,E,A,S,P,I,L,R={autoSleep:120,force3D:"auto",nullTargetWarn:1,units:{lineHeight:""}},z={duration:.5,overwrite:!1,delay:0},F=2*Math.PI,Y=F/4,B=0,q=Math.sqrt,X=Math.cos,N=Math.sin,j=function(t){return"string"==typeof t},U=function(t){return"function"==typeof t},V=function(t){return"number"==typeof t},W=function(t){return void 0===t},G=function(t){return"object"==typeof t},H=function(t){return!1!==t},Q=function(){return"undefined"!=typeof window},$=function(t){return U(t)||j(t)},J="function"==typeof ArrayBuffer&&ArrayBuffer.isView||function(){},Z=Array.isArray,K=/(?:-?\.?\d|\.)+/gi,tt=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/g,et=/[-+=.]*\d+[.e-]*\d*[a-z%]*/g,rt=/[-+=.]*\d+\.?\d*(?:e-|e\+)?\d*/gi,nt=/[+-]=-?[.\d]+/,it=/[^,'"\[\]\s]+/gi,st=/^[+\-=e\s\d]*\d+[.\d]*([a-z]*|%)\s*$/i,ot={},at={},ut=function(t){return(at=Lt(t,ot))&&wr},ht=function(t,e){return console.warn("Invalid property",t,"set to",e,"Missing plugin? gsap.registerPlugin()")},lt=function(t,e){return!e&&console.warn(t)},ct=function(t,e){return t&&(ot[t]=e)&&at&&(at[t]=e)||ot},ft=function(){return 0},dt={},pt=[],_t={},mt={},gt={},vt=30,yt=[],xt="",bt=function(t){var e,r,n=t[0];if(G(n)||U(n)||(t=[t]),!(e=(n._gsap||{}).harness)){for(r=yt.length;r--&&!yt[r].targetTest(n););e=yt[r]}for(r=t.length;r--;)t[r]&&(t[r]._gsap||(t[r]._gsap=new Ve(t[r],e)))||t.splice(r,1);return t},wt=function(t){return t._gsap||bt(ce(t))[0]._gsap},Tt=function(t,e,r){return(r=t[e])&&U(r)?t[e]():W(r)&&t.getAttribute&&t.getAttribute(e)||r},Ot=function(t,e){return(t=t.split(",")).forEach(e)||t},Mt=function(t){return Math.round(1e5*t)/1e5||0},Dt=function(t){return Math.round(1e7*t)/1e7||0},kt=function(t,e){var r=e.charAt(0),n=parseFloat(e.substr(2));return t=parseFloat(t),"+"===r?t+n:"-"===r?t-n:"*"===r?t*n:t/n},Ct=function(t,e){for(var r=e.length,n=0;t.indexOf(e[n])<0&&++ns;)o=o._prev;return o?(e._next=o._next,o._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[n]=e,e._prev=o,e.parent=e._dp=t,e},Bt=function(t,e,r,n){void 0===r&&(r="_first"),void 0===n&&(n="_last");var i=e._prev,s=e._next;i?i._next=s:t[r]===e&&(t[r]=s),s?s._prev=i:t[n]===e&&(t[n]=i),e._next=e._prev=e.parent=null},qt=function(t,e){t.parent&&(!e||t.parent.autoRemoveChildren)&&t.parent.remove(t),t._act=0},Xt=function(t,e){if(t&&(!e||e._end>t._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t},Nt=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},jt=function t(e){return!e||e._ts&&t(e.parent)},Ut=function(t){return t._repeat?Vt(t._tTime,t=t.duration()+t._rDelay)*t:0},Vt=function(t,e){var r=Math.floor(t/=e);return t&&r===t?r-1:r},Wt=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},Gt=function(t){return t._end=Dt(t._start+(t._tDur/Math.abs(t._ts||t._rts||1e-8)||0))},Ht=function(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=Dt(r._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Gt(t),r._dirty||Xt(r,t)),t},Qt=function(t,e){var r;if((e._time||e._initted&&!e._dur)&&(r=Wt(t.rawTime(),e),(!e._dur||ae(0,e.totalDuration(),r)-e._tTime>1e-8)&&e.render(r,!0)),Xt(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}},$t=function(t,e,r,n){return e.parent&&qt(e),e._start=Dt((V(r)?r:r||t!==u?ie(t,r,e):t._time)+e._delay),e._end=Dt(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),Yt(t,e,"_first","_last",t._sort?"_start":0),te(e)||(t._recent=e),n||Qt(t,e),t},Jt=function(t,e){return(ot.ScrollTrigger||ht("scrollTrigger",e))&&ot.ScrollTrigger.create(e,t)},Zt=function(t,e,r,n){return Ke(t,e),t._initted?!r&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&d!==Pe.frame?(pt.push(t),t._lazy=[e,n],1):void 0:1},Kt=function t(e){var r=e.parent;return r&&r._ts&&r._initted&&!r._lock&&(r.rawTime()<0||t(r))},te=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},ee=function(t,e,r,n){var i=t._repeat,s=Dt(e)||0,o=t._tTime/t._tDur;return o&&!n&&(t._time*=s/t._dur),t._dur=s,t._tDur=i?i<0?1e10:Dt(s*(i+1)+t._rDelay*i):s,o>0&&!n?Ht(t,t._tTime=t._tDur*o):t.parent&&Gt(t),r||Xt(t.parent,t),t},re=function(t){return t instanceof Ge?Xt(t):ee(t,t._dur)},ne={_start:0,endTime:ft,totalDuration:ft},ie=function t(e,r,n){var i,s,o,a=e.labels,u=e._recent||ne,h=e.duration()>=1e8?u.endTime(!1):e._dur;return j(r)&&(isNaN(r)||r in a)?(s=r.charAt(0),o="%"===r.substr(-1),i=r.indexOf("="),"<"===s||">"===s?(i>=0&&(r=r.replace(/=/,"")),("<"===s?u._start:u.endTime(u._repeat>=0))+(parseFloat(r.substr(1))||0)*(o?(i<0?u:n).totalDuration()/100:1)):i<0?(r in a||(a[r]=h),a[r]):(s=parseFloat(r.charAt(i-1)+r.substr(i+1)),o&&n&&(s=s/100*(Z(n)?n[0]:n).totalDuration()),i>1?t(e,r.substr(0,i-1),n)+s:h+s)):null==r?h:+r},se=function(t,e,r){var n,i,s=V(e[1]),o=(s?2:1)+(t<2?0:1),a=e[o];if(s&&(a.duration=e[1]),a.parent=r,t){for(n=a,i=r;i&&!("immediateRender"in n);)n=i.vars.defaults||{},i=H(i.vars.inherit)&&i.parent;a.immediateRender=H(n.immediateRender),t<2?a.runBackwards=1:a.startAt=e[o-1]}return new ir(e[0],a,e[o+1])},oe=function(t,e){return t||0===t?e(t):e},ae=function(t,e,r){return re?e:r},ue=function(t,e){return j(t)&&(e=st.exec(t))?e[1]:""},he=[].slice,le=function(t,e){return t&&G(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&G(t[0]))&&!t.nodeType&&t!==h},ce=function(t,e,r){return!j(t)||r||!l&&Ie()?Z(t)?function(t,e,r){return void 0===r&&(r=[]),t.forEach((function(t){var n;return j(t)&&!e||le(t,1)?(n=r).push.apply(n,ce(t)):r.push(t)}))||r}(t,r):le(t)?he.call(t,0):t?[t]:[]:he.call((e||c).querySelectorAll(t),0)},fe=function(t){return t.sort((function(){return.5-Math.random()}))},de=function(t){if(U(t))return t;var e=G(t)?t:{each:t},r=qe(e.ease),n=e.from||0,i=parseFloat(e.base)||0,s={},o=n>0&&n<1,a=isNaN(n)||o,u=e.axis,h=n,l=n;return j(n)?h=l={center:.5,edges:.5,end:1}[n]||0:!o&&a&&(h=n[0],l=n[1]),function(t,o,c){var f,d,p,_,m,g,v,y,x,b=(c||e).length,w=s[b];if(!w){if(!(x="auto"===e.grid?0:(e.grid||[1,1e8])[1])){for(v=-1e8;v<(v=c[x++].getBoundingClientRect().left)&&xv&&(v=m),mb?b-1:u?"y"===u?b/x:x:Math.max(x,b/x))||0)*("edges"===n?-1:1),w.b=b<0?i-b:i,w.u=ue(e.amount||e.each)||0,r=r&&b<0?Ye(r):r}return b=(w[t]-w.min)/w.max||0,Dt(w.b+(r?r(b):b)*w.v)+w.u}},pe=function(t){var e=Math.pow(10,((t+"").split(".")[1]||"").length);return function(r){var n=Math.round(parseFloat(r)/t)*t*e;return(n-n%1)/e+(V(r)?0:ue(r))}},_e=function(t,e){var r,n,i=Z(t);return!i&&G(t)&&(r=i=t.radius||1e8,t.values?(t=ce(t.values),(n=!V(t[0]))&&(r*=r)):t=pe(t.increment)),oe(e,i?U(t)?function(e){return n=t(e),Math.abs(n-e)<=r?n:e}:function(e){for(var i,s,o=parseFloat(n?e.x:e),a=parseFloat(n?e.y:0),u=1e8,h=0,l=t.length;l--;)(i=n?(i=t[l].x-o)*i+(s=t[l].y-a)*s:Math.abs(t[l]-o))(i=Math.abs(i))&&(s=n,a=i);return s},be=function(t,e,r){var n,i,s=t.vars,o=s[e];if(o)return n=s[e+"Params"],i=s.callbackScope||t,r&&pt.length&&Et(),n?o.apply(i,n):o.call(i)},we=function(t){return qt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&be(t,"onInterrupt"),t},Te=function(t){var e=(t=!t.name&&t.default||t).name,r=U(t),n=e&&!r&&t.init?function(){this._props=[]}:t,i={init:ft,render:dr,add:Je,kill:_r,modifier:pr,rawVars:0},s={targetTest:0,get:0,getSetter:hr,aliases:{},register:0};if(Ie(),t!==n){if(mt[e])return;It(n,It(zt(t,i),s)),Lt(n.prototype,Lt(i,zt(t,s))),mt[n.prop=e]=n,t.targetTest&&(yt.push(n),dt[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}ct(e,n),t.register&&t.register(wr,n,vr)},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,r){return 255*(6*(t+=t<0?1:t>1?-1:0)<1?e+(r-e)*t*6:t<.5?r:3*t<2?e+(r-e)*(2/3-t)*6:e)+.5|0},De=function(t,e,r){var n,i,s,o,a,u,h,l,c,f,d=t?V(t)?[t>>16,t>>8&255,255&t]:0:Oe.black;if(!d){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),Oe[t])d=Oe[t];else if("#"===t.charAt(0)){if(t.length<6&&(n=t.charAt(1),i=t.charAt(2),s=t.charAt(3),t="#"+n+n+i+i+s+s+(5===t.length?t.charAt(4)+t.charAt(4):"")),9===t.length)return[(d=parseInt(t.substr(1,6),16))>>16,d>>8&255,255&d,parseInt(t.substr(7),16)/255];d=[(t=parseInt(t.substr(1),16))>>16,t>>8&255,255&t]}else if("hsl"===t.substr(0,3))if(d=f=t.match(K),e){if(~t.indexOf("="))return d=t.match(tt),r&&d.length<4&&(d[3]=1),d}else o=+d[0]%360/360,a=+d[1]/100,n=2*(u=+d[2]/100)-(i=u<=.5?u*(a+1):u+a-u*a),d.length>3&&(d[3]*=1),d[0]=Me(o+1/3,n,i),d[1]=Me(o,n,i),d[2]=Me(o-1/3,n,i);else d=t.match(K)||Oe.transparent;d=d.map(Number)}return e&&!f&&(n=d[0]/255,i=d[1]/255,s=d[2]/255,u=((h=Math.max(n,i,s))+(l=Math.min(n,i,s)))/2,h===l?o=a=0:(c=h-l,a=u>.5?c/(2-h-l):c/(h+l),o=h===n?(i-s)/c+(iT&&(M+=o-O),((r=(i=(D+=o)-M)-C)>0||a)&&(s=++y.frame,x=i-1e3*y.time,y.time=i/=1e3,C+=r+(r>=k?4:k-r),n=1),a||(m=g(t)),n)for(b=0;b=e&&b--},_listeners:E=[]}),Ie=function(){return!_&&Pe.wake()},Le={},Re=/^[\d.\-M][\d.\-,\s]/,ze=/["']/g,Fe=function(t){for(var e,r,n,i={},s=t.substr(1,t.length-3).split(":"),o=s[0],a=1,u=s.length;a1&&o.config?o.config.apply(null,~t.indexOf("{")?[Fe(s[1])]:(e=t,r=e.indexOf("(")+1,n=e.indexOf(")"),i=e.indexOf("(",r),e.substring(r,~i&&i=1?r:1,s=(n||(e?.3:.45))/(r<1?r:1),o=s/F*(Math.asin(1/i)||0),a=function(t){return 1===t?1:i*Math.pow(2,-10*t)*N((t-o)*s)+1},u="out"===e?a:"in"===e?function(t){return 1-a(1-t)}:Ne(a);return s=F/s,u.config=function(r,n){return t(e,r,n)},u},Ue=function t(e,r){void 0===r&&(r=1.70158);var n=function(t){return t?--t*t*((r+1)*t+r)+1:0},i="out"===e?n:"in"===e?function(t){return 1-n(1-t)}:Ne(n);return i.config=function(r){return t(e,r)},i};Ot("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var r=e<5?e+1:e;Xe(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}))})),Le.Linear.easeNone=Le.none=Le.Linear.easeIn,Xe("Elastic",je("in"),je("out"),je()),S=7.5625,I=1/(P=2.75),Xe("Bounce",(function(t){return 1-L(1-t)}),L=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,ee(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(Ie(),!arguments.length)return this._tTime;var r=this._dp;if(r&&r.smoothChildTiming&&this._ts){for(Ht(this,t),!r._dp||r.parent||Qt(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)&&$t(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),At(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Ut(this))%(this._dur+this._rDelay)||(t?this._dur:0),e):this._time},e.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):this.ratio},e.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+Ut(this),e):this.duration()?Math.min(1,this._time/this._dur):this.ratio},e.iteration=function(t,e){var r=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*r,e):this._repeat?Vt(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?Wt(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,this.totalTime(ae(-this._delay,this._tDur,e),!0),Gt(this),Nt(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):(Ie(),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)&&$t(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?Wt(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,re(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,re(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(ie(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,r=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=r&&t1?(e?(n[t]=e,r&&(n[t+"Params"]=r),"onUpdate"===t&&(this._onUpdate=e)):delete n[t],this):n[t]},e.then=function(t){var e=this;return new Promise((function(r){var n=U(t)?t:Pt,i=function(){var t=e.then;e.then=null,U(n)&&(n=n(e))&&(n.then||n===e)&&(e.then=t),r(n),e.then=t};e._initted&&1===e.totalProgress()&&e._ts>=0||!e._tTime&&e._ts<0?i():e._prom=i}))},e.kill=function(){we(this)},t}();It(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 Ge=function(t){function e(e,r){var n;return void 0===e&&(e={}),(n=t.call(this,e)||this).labels={},n.smoothChildTiming=!!e.smoothChildTiming,n.autoRemoveChildren=!!e.autoRemoveChildren,n._sort=H(e.sortChildren),u&&$t(e.parent||u,s(n),r),e.reversed&&n.reverse(),e.paused&&n.paused(!0),e.scrollTrigger&&Jt(s(n),e.scrollTrigger),n}o(e,t);var r=e.prototype;return r.to=function(t,e,r){return se(0,arguments,this),this},r.from=function(t,e,r){return se(1,arguments,this),this},r.fromTo=function(t,e,r,n){return se(2,arguments,this),this},r.set=function(t,e,r){return e.duration=0,e.parent=this,Ft(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new ir(t,e,ie(this,r),1),this},r.call=function(t,e,r){return $t(this,ir.delayedCall(0,t,e),r)},r.staggerTo=function(t,e,r,n,i,s,o){return r.duration=e,r.stagger=r.stagger||n,r.onComplete=s,r.onCompleteParams=o,r.parent=this,new ir(t,r,ie(this,i)),this},r.staggerFrom=function(t,e,r,n,i,s,o){return r.runBackwards=1,Ft(r).immediateRender=H(r.immediateRender),this.staggerTo(t,e,r,n,i,s,o)},r.staggerFromTo=function(t,e,r,n,i,s,o,a){return n.startAt=r,Ft(n).immediateRender=H(n.immediateRender),this.staggerTo(t,e,n,i,s,o,a)},r.render=function(t,e,r){var n,i,s,o,a,h,l,c,f,d,p,_,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=t<=0?0:Dt(t),x=this._zTime<0!=t<0&&(this._initted||!v);if(this!==u&&y>g&&t>=0&&(y=g),y!==this._tTime||r||x){if(m!==this._time&&v&&(y+=this._time-m,t+=this._time-m),n=y,f=this._start,h=!(c=this._ts),x&&(v||(m=this._zTime),(t||!e)&&(this._zTime=t)),this._repeat){if(p=this._yoyo,a=v+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*a+t,e,r);if(n=Dt(y%a),y===g?(o=this._repeat,n=v):((o=~~(y/a))&&o===y/a&&(n=v,o--),n>v&&(n=v)),d=Vt(this._tTime,a),!m&&this._tTime&&d!==o&&(d=o),p&&1&o&&(n=v-n,_=1),o!==d&&!this._lock){var b=p&&1&d,w=b===(p&&1&o);if(oe)for(n=t._first;n&&n._start<=r;){if("isPause"===n.data&&n._start>e)return n;n=n._next}else for(n=t._last;n&&n._start>=r;){if("isPause"===n.data&&n._start=m&&t>=0)for(i=this._first;i;){if(s=i._next,(i._act||n>=i._start)&&i._ts&&l!==i){if(i.parent!==this)return this.render(t,e,r);if(i.render(i._ts>0?(n-i._start)*i._ts:(i._dirty?i.totalDuration():i._tDur)+(n-i._start)*i._ts,e,r),n!==this._time||!this._ts&&!h){l=0,s&&(y+=this._zTime=-1e-8);break}}i=s}else{i=this._last;for(var T=t<0?t:n;i;){if(s=i._prev,(i._act||T<=i._end)&&i._ts&&l!==i){if(i.parent!==this)return this.render(t,e,r);if(i.render(i._ts>0?(T-i._start)*i._ts:(i._dirty?i.totalDuration():i._tDur)+(T-i._start)*i._ts,e,r),n!==this._time||!this._ts&&!h){l=0,s&&(y+=this._zTime=T?-1e-8:1e-8);break}}i=s}}if(l&&!e&&(this.pause(),l.render(n>=m?0:-1e-8)._zTime=n>=m?1:-1,this._ts))return this._start=f,Gt(this),this.render(t,e,r);this._onUpdate&&!e&&be(this,"onUpdate",!0),(y===g&&this._tTime>=this.totalDuration()||!y&&m)&&(f!==this._start&&Math.abs(c)===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||(be(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},r.add=function(t,e){var r=this;if(V(e)||(e=ie(this,e,t)),!(t instanceof We)){if(Z(t))return t.forEach((function(t){return r.add(t,e)})),this;if(j(t))return this.addLabel(t,e);if(!U(t))return this;t=ir.delayedCall(0,t)}return this!==t?$t(this,t,e):this},r.getChildren=function(t,e,r,n){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===r&&(r=!0),void 0===n&&(n=-1e8);for(var i=[],s=this._first;s;)s._start>=n&&(s instanceof ir?e&&i.push(s):(r&&i.push(s),t&&i.push.apply(i,s.getChildren(!0,e,r)))),s=s._next;return i},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 j(t)?this.removeLabel(t):U(t)?this.killTweensOf(t):(Bt(this,t),t===this._recent&&(this._recent=this._last),Xt(this))},r.totalTime=function(e,r){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=Dt(Pe.time-(this._ts>0?e/this._ts:(this.totalDuration()-e)/-this._ts))),t.prototype.totalTime.call(this,e,r),this._forcing=0,this):this._tTime},r.addLabel=function(t,e){return this.labels[t]=ie(this,e),this},r.removeLabel=function(t){return delete this.labels[t],this},r.addPause=function(t,e,r){var n=ir.delayedCall(0,e||ft,r);return n.data="isPause",this._hasPause=1,$t(this,n,ie(this,t))},r.removePause=function(t){var e=this._first;for(t=ie(this,t);e;)e._start===t&&"isPause"===e.data&&qt(e),e=e._next},r.killTweensOf=function(t,e,r){for(var n=this.getTweensOf(t,r),i=n.length;i--;)He!==n[i]&&n[i].kill(t,e);return this},r.getTweensOf=function(t,e){for(var r,n=[],i=ce(t),s=this._first,o=V(e);s;)s instanceof ir?Ct(s._targets,i)&&(o?(!He||s._initted&&s._ts)&&s.globalTime(0)<=e&&s.globalTime(s.totalDuration())>e:!e||s.isActive())&&n.push(s):(r=s.getTweensOf(i,e)).length&&n.push.apply(n,r),s=s._next;return n},r.tweenTo=function(t,e){e=e||{};var r,n=this,i=ie(n,t),s=e,o=s.startAt,a=s.onStart,u=s.onStartParams,h=s.immediateRender,l=ir.to(n,It({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:i,overwrite:"auto",duration:e.duration||Math.abs((i-(o&&"time"in o?o.time:n._time))/n.timeScale())||1e-8,onStart:function(){if(n.pause(),!r){var t=e.duration||Math.abs((i-(o&&"time"in o?o.time:n._time))/n.timeScale());l._dur!==t&&ee(l,t,0,1).render(l._time,!0,!0),r=1}a&&a.apply(l,u||[])}},e));return h?l.render(0):l},r.tweenFromTo=function(t,e,r){return this.tweenTo(e,It({startAt:{time:ie(this,t)}},r))},r.recent=function(){return this._recent},r.nextLabel=function(t){return void 0===t&&(t=this._time),xe(this,ie(this,t))},r.previousLabel=function(t){return void 0===t&&(t=this._time),xe(this,ie(this,t),1)},r.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+1e-8)},r.shiftChildren=function(t,e,r){void 0===r&&(r=0);for(var n,i=this._first,s=this.labels;i;)i._start>=r&&(i._start+=t,i._end+=t),i=i._next;if(e)for(n in s)s[n]>=r&&(s[n]+=t);return Xt(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={}),Xt(this)},r.totalDuration=function(t){var e,r,n,i=0,s=this,o=s._last,a=1e8;if(arguments.length)return s.timeScale((s._repeat<0?s.duration():s.totalDuration())/(s.reversed()?-t:t));if(s._dirty){for(n=s.parent;o;)e=o._prev,o._dirty&&o.totalDuration(),(r=o._start)>a&&s._sort&&o._ts&&!s._lock?(s._lock=1,$t(s,o,r-o._delay,1)._lock=0):a=r,r<0&&o._ts&&(i-=r,(!n&&!s._dp||n&&n.smoothChildTiming)&&(s._start+=r/s._ts,s._time-=r,s._tTime-=r),s.shiftChildren(-r,!1,-1/0),a=0),o._end>i&&o._ts&&(i=o._end),o=e;ee(s,s===u&&s._time>i?s._time:i,1,1),s._dirty=0}return s._tDur},e.updateRoot=function(t){if(u._ts&&(At(u,Wt(t,u)),d=Pe.frame),Pe.frame>=vt){vt+=R.autoSleep||120;var e=u._first;if((!e||!e._ts)&&R.autoSleep&&Pe._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Pe.sleep()}}},e}(We);It(Ge.prototype,{_lock:0,_hasPause:0,_forcing:0});var He,Qe,$e=function(t,e,r,n,i,s,o){var a,u,h,l,c,f,d,p,_=new vr(this._pt,t,e,0,1,fr,null,i),m=0,g=0;for(_.b=r,_.e=n,r+="",(d=~(n+="").indexOf("random("))&&(n=ve(n)),s&&(s(p=[r,n],t,e),r=p[0],n=p[1]),u=r.match(rt)||[];a=rt.exec(n);)l=a[0],c=n.substring(m,a.index),h?h=(h+1)%5:"rgba("===c.substr(-5)&&(h=1),l!==u[g++]&&(f=parseFloat(u[g-1])||0,_._pt={_next:_._pt,p:c||1===g?c:",",s:f,c:"="===l.charAt(1)?kt(f,l)-f:parseFloat(l)-f,m:h&&h<4?Math.round:0},m=rt.lastIndex);return _.c=m0&&!E&&(e._startAt=0),A&&r<=0)return void(r&&(e._zTime=r))}else!1===E&&(e._startAt=0);else if(D&&A)if(S)!E&&(e._startAt=0);else if(r&&(b=!1),s=It({overwrite:!1,data:"isFromStart",lazy:b&&H(w),immediateRender:b,stagger:0,parent:I},n),m&&(s[f.prop]=m),qt(e._startAt=ir.set(P,s)),r<0&&e._startAt.render(-1,!0),e._zTime=r,b){if(!r)return}else t(e._startAt,1e-8);for(e._pt=e._ptCache=0,w=A&&H(w)||w&&!A,i=0;i")}));else{for(d in c={},T)"ease"===d||"easeEach"===d||tr(d,T[d],c,T.easeEach);for(d in c)for(E=c[d].sort((function(t,e){return t.t-e.t})),P=0,l=0;ld-1e-8&&t>=0?d:t<1e-8?0:t;if(p){if(_!==this._tTime||!t||r||!this._initted&&this._tTime||this._startAt&&this._zTime<0!=t<0){if(n=_,l=this.timeline,this._repeat){if(o=p+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*o+t,e,r);if(n=Dt(_%o),_===d?(s=this._repeat,n=p):((s=~~(_/o))&&s===_/o&&(n=p,s--),n>p&&(n=p)),(u=this._yoyo&&1&s)&&(c=this._yEase,n=p-n),a=Vt(this._tTime,o),n===f&&!r&&this._initted)return this._tTime=_,this;s!==a&&(l&&this._yEase&&Be(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=r=1,this.render(Dt(o*s),!0).invalidate()._lock=0))}if(!this._initted){if(Zt(this,t<0?t:n,r,e))return this._tTime=0,this;if(f!==this._time)return this;if(p!==this._dur)return this.render(t,e,r)}if(this._tTime=_,this._time=n,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(c||this._ease)(n/p),this._from&&(this.ratio=h=1-h),n&&!f&&!e&&(be(this,"onStart"),this._tTime!==_))return this;for(i=this._pt;i;)i.r(h,i.d),i=i._next;l&&l.render(t<0?t:!n&&u?-1e-8:l._dur*l._ease(n/this._dur),e,r)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,r),be(this,"onUpdate")),this._repeat&&s!==a&&this.vars.onRepeat&&!e&&this.parent&&be(this,"onRepeat"),_!==this._tDur&&_||this._tTime!==_||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!p)&&(_===this._tDur&&this._ts>0||!_&&this._ts<0)&&qt(this,1),e||t<0&&!f||!_&&!f||(be(this,_===d?"onComplete":"onReverseComplete",!0),this._prom&&!(_0)&&this._prom()))}}else!function(t,e,r,n){var i,s,o,a=t.ratio,u=e<0||!e&&(!t._start&&Kt(t)&&(t._initted||!te(t))||(t._ts<0||t._dp._ts<0)&&!te(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=ae(0,t._tDur,e),s=Vt(l,h),t._yoyo&&1&s&&(u=1-u),s!==Vt(t._tTime,h)&&(a=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==a||n||1e-8===t._zTime||!e&&t._zTime){if(!t._initted&&Zt(t,e,n,r))return;for(o=t._zTime,t._zTime=e||(r?1e-8:0),r||(r=e&&!o),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,i=t._pt;i;)i.r(u,i.d),i=i._next;t._startAt&&e<0&&t._startAt.render(e,!0,!0),t._onUpdate&&!r&&be(t,"onUpdate"),l&&t._repeat&&!r&&t.parent&&be(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&qt(t,1),r||(be(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.resetTo=function(t,e,r,n){_||Pe.wake(),this._ts||this.play();var i=Math.min(this._dur,(this._dp._time-this._start)*this._ts);return this._initted||Ke(this,i),function(t,e,r,n,i,s,o){var a,u,h,l=(t._pt&&t._ptCache||(t._ptCache={}))[e];if(!l)for(l=t._ptCache[e]=[],u=t._ptLookup,h=t._targets.length;h--;){if((a=u[h][e])&&a.d&&a.d._pt)for(a=a.d._pt;a&&a.p!==e;)a=a._next;if(!a)return Qe=1,t.vars[e]="+=0",Ke(t,o),Qe=0,1;l.push(a)}for(h=l.length;h--;)(a=l[h]).s=!n&&0!==n||i?a.s+(n||0)+s*a.c:n,a.c=r-a.s,a.e&&(a.e=Mt(r)+ue(a.e)),a.b&&(a.b=a.s+ue(a.b))}(this,t,e,r,n,this._ease(i/this._dur),i)?this.resetTo(t,e,r,n):(Ht(this,0),this.parent||Yt(this._dp,this,"_first","_last",this._dp._sort?"_start":0),this.render(0))},r.kill=function(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?we(this):this;if(this.timeline){var r=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,He&&!0!==He.vars.overwrite)._first||we(this),this.parent&&r!==this.timeline.totalDuration()&&ee(this,this._dur*this.timeline._tDur/r,0,1),this}var n,i,s,o,a,u,h,l=this._targets,c=t?ce(t):l,f=this._ptLookup,d=this._pt;if((!e||"all"===e)&&function(t,e){for(var r=t.length,n=r===e.length;n&&r--&&t[r]===e[r];);return r<0}(l,c))return"all"===e&&(this._pt=0),we(this);for(n=this._op=this._op||[],"all"!==e&&(j(e)&&(a={},Ot(e,(function(t){return a[t]=1})),e=a),e=function(t,e){var r,n,i,s,o=t[0]?wt(t[0]).harness:0,a=o&&o.aliases;if(!a)return e;for(n in r=Lt({},e),a)if(n in r)for(i=(s=a[n].split(",")).length;i--;)r[s[i]]=r[n];return r}(l,e)),h=l.length;h--;)if(~c.indexOf(l[h]))for(a in i=f[h],"all"===e?(n[h]=e,o=i,s={}):(s=n[h]=n[h]||{},o=e),o)(u=i&&i[a])&&("kill"in u.d&&!0!==u.d.kill(a)||Bt(this,u,"_pt"),delete i[a]),"all"!==s&&(s[a]=1);return this._initted&&!this._pt&&d&&we(this),this},e.to=function(t,r){return new e(t,r,arguments[2])},e.from=function(t,e){return se(1,arguments)},e.delayedCall=function(t,r,n,i){return new e(r,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:r,onReverseComplete:r,onCompleteParams:n,onReverseCompleteParams:n,callbackScope:i})},e.fromTo=function(t,e,r){return se(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 u.killTweensOf(t,e,r)},e}(We);It(ir.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),Ot("staggerTo,staggerFrom,staggerFromTo",(function(t){ir[t]=function(){var e=new Ge,r=he.call(arguments,0);return r.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,r)}}));var sr=function(t,e,r){return t[e]=r},or=function(t,e,r){return t[e](r)},ar=function(t,e,r,n){return t[e](n.fp,r)},ur=function(t,e,r){return t.setAttribute(e,r)},hr=function(t,e){return U(t[e])?or:W(t[e])&&t.setAttribute?ur:sr},lr=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},cr=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},fr=function(t,e){var r=e._pt,n="";if(!t&&e.b)n=e.b;else if(1===t&&e.e)n=e.e;else{for(;r;)n=r.p+(r.m?r.m(r.s+r.c*t):Math.round(1e4*(r.s+r.c*t))/1e4)+n,r=r._next;n+=e.c}e.set(e.t,e.p,n,e)},dr=function(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},pr=function(t,e,r,n){for(var i,s=this._pt;s;)i=s._next,s.p===n&&s.modifier(t,e,r),s=i},_r=function(t){for(var e,r,n=this._pt;n;)r=n._next,n.p===t&&!n.op||n.op===t?Bt(this,n,"_pt"):n.dep||(e=1),n=r;return!e},mr=function(t,e,r,n){n.mSet(t,e,n.m.call(n.tween,r,n.mt),n)},gr=function(t){for(var e,r,n,i,s=t._pt;s;){for(e=s._next,r=n;r&&r.pr>s.pr;)r=r._next;(s._prev=r?r._prev:i)?s._prev._next=s:n=s,(s._next=r)?r._prev=s:i=s,s=e}t._pt=n},vr=function(){function t(t,e,r,n,i,s,o,a,u){this.t=e,this.s=n,this.c=i,this.p=r,this.r=s||lr,this.d=o||this,this.set=a||sr,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=mr,this.m=t,this.mt=r,this.tween=e},t}();Ot(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=ir,ot.TimelineLite=ot.TimelineMax=Ge,u=new Ge({sortChildren:!1,defaults:z,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),R.stringFilter=Se;var yr={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),r=0;r1){var n=t.map((function(t){return wr.quickSetter(t,e,r)})),i=n.length;return function(t){for(var e=i;e--;)n[e](t)}}t=t[0]||{};var s=mt[e],o=wt(t),a=o.harness&&(o.harness.aliases||{})[e]||e,u=s?function(e){var n=new s;p._pt=0,n.init(t,r?e+r:e,p,0,[t]),n.render(1,n),p._pt&&dr(1,p)}:o.set(t,a);return s?u:function(e){return u(t,a,r?e+r:e,o,1)}},quickTo:function(t,e,r){var n,i=wr.to(t,Lt(((n={})[e]="+=0.1",n.paused=!0,n),r||{})),s=function(t,r,n){return i.resetTo(e,t,r,n)};return s.tween=i,s},isTweening:function(t){return u.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=qe(t.ease,z.ease)),Rt(z,t||{})},config:function(t){return Rt(R,t||{})},registerEffect:function(t){var e=t.name,r=t.effect,n=t.plugins,i=t.defaults,s=t.extendTimeline;(n||"").split(",").forEach((function(t){return t&&!mt[t]&&!ot[t]&<(e+" effect requires "+t+" plugin.")})),gt[e]=function(t,e,n){return r(ce(t),It(e||{},i),n)},s&&(Ge.prototype[e]=function(t,r,n){return this.add(gt[e](t,G(r)?r:(n=r)&&{},this),n)})},registerEase:function(t,e){Le[t]=qe(e)},parseEase:function(t,e){return arguments.length?qe(t,e):Le},getById:function(t){return u.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var r,n,i=new Ge(t);for(i.smoothChildTiming=H(t.smoothChildTiming),u.remove(i),i._dp=0,i._time=i._tTime=u._time,r=u._first;r;)n=r._next,!e&&!r._dur&&r instanceof ir&&r.vars.onComplete===r._targets[0]||$t(i,r,r._start-r._delay),r=n;return $t(u,i,0),i},utils:{wrap:function t(e,r,n){var i=r-e;return Z(e)?ge(e,t(0,e.length),r):oe(n,(function(t){return(i+(t-e)%i)%i+e}))},wrapYoyo:function t(e,r,n){var i=r-e,s=2*i;return Z(e)?ge(e,t(0,e.length-1),r):oe(n,(function(t){return e+((t=(s+(t-e)%s)%s||0)>i?s-t:t)}))},distribute:de,random:me,snap:_e,normalize:function(t,e,r){return ye(t,e,0,1,r)},getUnit:ue,clamp:function(t,e,r){return oe(r,(function(r){return ae(t,e,r)}))},splitColor:De,toArray:ce,selector:function(t){return t=ce(t)[0]||lt("Invalid scope")||{},function(e){var r=t.current||t.nativeElement||t;return ce(e,r.querySelectorAll?r:r===t?lt("Invalid scope")||c.createElement("div"):t)}},mapRange:ye,pipe:function(){for(var t=arguments.length,e=new Array(t),r=0;r=0?tn[i]:"")+t},rn=function(){"undefined"!=typeof window&&window.document&&(Tr=window,Or=Tr.document,Mr=Or.documentElement,kr=Zr("div")||{style:{}},Zr("div"),$r=en($r),Jr=$r+"Origin",kr.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Er=!!en("perspective"),Dr=1)},nn=function t(e){var r,n=Zr("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),i=this.parentNode,s=this.nextSibling,o=this.style.cssText;if(Mr.appendChild(n),n.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 i&&(s?i.insertBefore(this,s):i.appendChild(this)),Mr.removeChild(n),this.style.cssText=o,r},sn=function(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])},on=function(t){var e;try{e=t.getBBox()}catch(r){e=nn.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===nn||(e=nn.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+sn(t,["x","cx","x1"])||0,y:+sn(t,["y","cy","y1"])||0,width:0,height:0}},an=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!on(t))},un=function(t,e){if(e){var r=t.style;e in Ar&&e!==Jr&&(e=$r),r.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),r.removeProperty(e.replace(Lr,"-$1").toLowerCase())):r.removeAttribute(e)}},hn=function(t,e,r,n,i,s){var o=new vr(t._pt,e,r,0,1,s?jr:Nr);return t._pt=o,o.b=n,o.e=i,t._props.push(r),o},ln={deg:1,rad:1,turn:1},cn=function t(e,r,n,i){var s,o,a,u,h=parseFloat(n)||0,l=(n+"").trim().substr((h+"").length)||"px",c=kr.style,f=Rr.test(r),d="svg"===e.tagName.toLowerCase(),p=(d?"client":"offset")+(f?"Width":"Height"),_=100,m="px"===i,g="%"===i;return i===l||!h||ln[i]||ln[l]?h:("px"!==l&&!m&&(h=t(e,r,n,"px")),u=e.getCTM&&an(e),!g&&"%"!==l||!Ar[r]&&!~r.indexOf("adius")?(c[f?"width":"height"]=_+(m?l:i),o=~r.indexOf("adius")||"em"===i&&e.appendChild&&!d?e:e.parentNode,u&&(o=(e.ownerSVGElement||{}).parentNode),o&&o!==Or&&o.appendChild||(o=Or.body),(a=o._gsap)&&g&&a.width&&f&&a.time===Pe.time?Mt(h/a.width*_):((g||"%"===l)&&(c.position=Kr(e,"position")),o===e&&(c.position="static"),o.appendChild(kr),s=kr[p],o.removeChild(kr),c.position="absolute",f&&g&&((a=wt(o)).time=Pe.time,a.width=o[p]),Mt(m?s*h/_:s&&h?_/s*h:0))):(s=u?e.getBBox()[f?"width":"height"]:e[p],Mt(g?h/s*_:h/100*s)))},fn=function(t,e,r,n){var i;return Dr||rn(),e in Fr&&"transform"!==e&&~(e=Fr[e]).indexOf(",")&&(e=e.split(",")[0]),Ar[e]&&"transform"!==e?(i=Tn(t,n),i="transformOrigin"!==e?i[e]:i.svg?i.origin:On(Kr(t,Jr))+" "+i.zOrigin+"px"):(!(i=t.style[e])||"auto"===i||n||~(i+"").indexOf("calc("))&&(i=mn[e]&&mn[e](t,e,r)||Kr(t,e)||Tt(t,e)||("opacity"===e?1:0)),r&&!~(i+"").trim().indexOf(" ")?cn(t,e,i,r)+r:i},dn=function(t,e,r,n){if(!r||"none"===r){var i=en(e,t,1),s=i&&Kr(t,i,1);s&&s!==r?(e=i,r=s):"borderColor"===e&&(r=Kr(t,"borderTopColor"))}var o,a,u,h,l,c,f,d,p,_,m,g=new vr(this._pt,t.style,e,0,1,fr),v=0,y=0;if(g.b=r,g.e=n,r+="","auto"===(n+="")&&(t.style[e]=n,n=Kr(t,e)||n,t.style[e]=r),Se(o=[r,n]),n=o[1],u=(r=o[0]).match(et)||[],(n.match(et)||[]).length){for(;a=et.exec(n);)f=a[0],p=n.substring(v,a.index),l?l=(l+1)%5:"rgba("!==p.substr(-5)&&"hsla("!==p.substr(-5)||(l=1),f!==(c=u[y++]||"")&&(h=parseFloat(c)||0,m=c.substr((h+"").length),"="===f.charAt(1)&&(f=kt(h,f)+m),d=parseFloat(f),_=f.substr((d+"").length),v=et.lastIndex-_.length,_||(_=_||R.units[e]||m,v===n.length&&(n+=_,g.e+=_)),m!==_&&(h=cn(t,e,c,_)||0),g._pt={_next:g._pt,p:p||1===y?p:",",s:h,c:d-h,m:l&&l<4||"zIndex"===e?Math.round:0});g.c=v-1;)r=a[i],Ar[r]&&(n=1,r="transformOrigin"===r?Jr:$r),un(s,r);n&&(un(s,$r),u&&(u.svg&&s.removeAttribute("transform"),Tn(s,1),u.uncache=1))}},mn={clearProps:function(t,e,r,n,i){if("isFromStart"!==i.data){var s=t._pt=new vr(t._pt,e,r,0,0,_n);return s.u=n,s.pr=-10,s.tween=i,t._props.push(r),1}}},gn=[1,0,0,1,0,0],vn={},yn=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},xn=function(t){var e=Kr(t,$r);return yn(e)?gn:e.substr(7).match(tt).map(Mt)},bn=function(t,e){var r,n,i,s,o=t._gsap||wt(t),a=t.style,u=xn(t);return o.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(i=t.transform.baseVal.consolidate().matrix).a,i.b,i.c,i.d,i.e,i.f]).join(",")?gn:u:(u!==gn||t.offsetParent||t===Mr||o.svg||(i=a.display,a.display="block",(r=t.parentNode)&&t.offsetParent||(s=1,n=t.nextSibling,Mr.appendChild(t)),u=xn(t),i?a.display=i:un(t,"display"),s&&(n?r.insertBefore(t,n):r?r.appendChild(t):Mr.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},wn=function(t,e,r,n,i,s){var o,a,u,h=t._gsap,l=i||bn(t,!0),c=h.xOrigin||0,f=h.yOrigin||0,d=h.xOffset||0,p=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],x=l[5],b=e.split(" "),w=parseFloat(b[0])||0,T=parseFloat(b[1])||0;r?l!==gn&&(a=_*v-m*g)&&(u=w*(-m/a)+T*(_/a)-(_*x-m*y)/a,w=w*(v/a)+T*(-g/a)+(g*x-v*y)/a,T=u):(w=(o=on(t)).x+(~b[0].indexOf("%")?w/100*o.width:w),T=o.y+(~(b[1]||b[0]).indexOf("%")?T/100*o.height:T)),n||!1!==n&&h.smooth?(y=w-c,x=T-f,h.xOffset=d+(y*_+x*g)-y,h.yOffset=p+(y*m+x*v)-x):h.xOffset=h.yOffset=0,h.xOrigin=w,h.yOrigin=T,h.smooth=!!n,h.origin=e,h.originIsAbsolute=!!r,t.style[Jr]="0px 0px",s&&(hn(s,h,"xOrigin",c,w),hn(s,h,"yOrigin",f,T),hn(s,h,"xOffset",d,h.xOffset),hn(s,h,"yOffset",p,h.yOffset)),t.setAttribute("data-svg-origin",w+" "+T)},Tn=function(t,e){var r=t._gsap||new Ve(t);if("x"in r&&!e&&!r.uncache)return r;var n,i,s,o,a,u,h,l,c,f,d,p,_,m,g,v,y,x,b,w,T,O,M,D,k,C,E,A,S,P,I,L,z=t.style,F=r.scaleX<0,Y="px",B="deg",q=Kr(t,Jr)||"0";return n=i=s=u=h=l=c=f=d=0,o=a=1,r.svg=!(!t.getCTM||!an(t)),m=bn(t,r.svg),r.svg&&(D=(!r.uncache||"0px 0px"===q)&&!e&&t.getAttribute("data-svg-origin"),wn(t,D||q,!!D||r.originIsAbsolute,!1!==r.smooth,m)),p=r.xOrigin||0,_=r.yOrigin||0,m!==gn&&(x=m[0],b=m[1],w=m[2],T=m[3],n=O=m[4],i=M=m[5],6===m.length?(o=Math.sqrt(x*x+b*b),a=Math.sqrt(T*T+w*w),u=x||b?Ir(b,x)*Sr:0,(c=w||T?Ir(w,T)*Sr+u:0)&&(a*=Math.abs(Math.cos(c*Pr))),r.svg&&(n-=p-(p*x+_*w),i-=_-(p*b+_*T))):(L=m[6],P=m[7],E=m[8],A=m[9],S=m[10],I=m[11],n=m[12],i=m[13],s=m[14],h=(g=Ir(L,S))*Sr,g&&(D=O*(v=Math.cos(-g))+E*(y=Math.sin(-g)),k=M*v+A*y,C=L*v+S*y,E=O*-y+E*v,A=M*-y+A*v,S=L*-y+S*v,I=P*-y+I*v,O=D,M=k,L=C),l=(g=Ir(-w,S))*Sr,g&&(v=Math.cos(-g),I=T*(y=Math.sin(-g))+I*v,x=D=x*v-E*y,b=k=b*v-A*y,w=C=w*v-S*y),u=(g=Ir(b,x))*Sr,g&&(D=x*(v=Math.cos(g))+b*(y=Math.sin(g)),k=O*v+M*y,b=b*v-x*y,M=M*v-O*y,x=D,O=k),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),o=Mt(Math.sqrt(x*x+b*b+w*w)),a=Mt(Math.sqrt(M*M+L*L)),g=Ir(O,M),c=Math.abs(g)>2e-4?g*Sr:0,d=I?1/(I<0?-I:I):0),r.svg&&(D=t.getAttribute("transform"),r.forceCSS=t.setAttribute("transform","")||!yn(Kr(t,$r)),D&&t.setAttribute("transform",D))),Math.abs(c)>90&&Math.abs(c)<270&&(F?(o*=-1,c+=u<=0?180:-180,u+=u<=0?180:-180):(a*=-1,c+=c<=0?180:-180)),e=e||r.uncache,r.x=n-((r.xPercent=n&&(!e&&r.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-n)?-50:0)))?t.offsetWidth*r.xPercent/100:0)+Y,r.y=i-((r.yPercent=i&&(!e&&r.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-i)?-50:0)))?t.offsetHeight*r.yPercent/100:0)+Y,r.z=s+Y,r.scaleX=Mt(o),r.scaleY=Mt(a),r.rotation=Mt(u)+B,r.rotationX=Mt(h)+B,r.rotationY=Mt(l)+B,r.skewX=c+B,r.skewY=f+B,r.transformPerspective=d+Y,(r.zOrigin=parseFloat(q.split(" ")[2])||0)&&(z[Jr]=On(q)),r.xOffset=r.yOffset=0,r.force3D=R.force3D,r.renderTransform=r.svg?Cn:Er?kn:Dn,r.uncache=0,r},On=function(t){return(t=t.split(" "))[0]+" "+t[1]},Mn=function(t,e,r){var n=ue(e);return Mt(parseFloat(e)+parseFloat(cn(t,"x",r+"px",n)))+n},Dn=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,kn(t,e)},kn=function(t,e){var r=e||this,n=r.xPercent,i=r.yPercent,s=r.x,o=r.y,a=r.z,u=r.rotation,h=r.rotationY,l=r.rotationX,c=r.skewX,f=r.skewY,d=r.scaleX,p=r.scaleY,_=r.transformPerspective,m=r.force3D,g=r.target,v=r.zOrigin,y="",x="auto"===m&&t&&1!==t||!0===m;if(v&&("0deg"!==l||"0deg"!==h)){var b,w=parseFloat(h)*Pr,T=Math.sin(w),O=Math.cos(w);w=parseFloat(l)*Pr,b=Math.cos(w),s=Mn(g,s,T*b*-v),o=Mn(g,o,-Math.sin(w)*-v),a=Mn(g,a,O*b*-v+v)}"0px"!==_&&(y+="perspective("+_+") "),(n||i)&&(y+="translate("+n+"%, "+i+"%) "),(x||"0px"!==s||"0px"!==o||"0px"!==a)&&(y+="0px"!==a||x?"translate3d("+s+", "+o+", "+a+") ":"translate("+s+", "+o+") "),"0deg"!==u&&(y+="rotate("+u+") "),"0deg"!==h&&(y+="rotateY("+h+") "),"0deg"!==l&&(y+="rotateX("+l+") "),"0deg"===c&&"0deg"===f||(y+="skew("+c+", "+f+") "),1===d&&1===p||(y+="scale("+d+", "+p+") "),g.style[$r]=y||"translate(0, 0)"},Cn=function(t,e){var r,n,i,s,o,a=e||this,u=a.xPercent,h=a.yPercent,l=a.x,c=a.y,f=a.rotation,d=a.skewX,p=a.skewY,_=a.scaleX,m=a.scaleY,g=a.target,v=a.xOrigin,y=a.yOrigin,x=a.xOffset,b=a.yOffset,w=a.forceCSS,T=parseFloat(l),O=parseFloat(c);f=parseFloat(f),d=parseFloat(d),(p=parseFloat(p))&&(d+=p=parseFloat(p),f+=p),f||d?(f*=Pr,d*=Pr,r=Math.cos(f)*_,n=Math.sin(f)*_,i=Math.sin(f-d)*-m,s=Math.cos(f-d)*m,d&&(p*=Pr,o=Math.tan(d-p),i*=o=Math.sqrt(1+o*o),s*=o,p&&(o=Math.tan(p),r*=o=Math.sqrt(1+o*o),n*=o)),r=Mt(r),n=Mt(n),i=Mt(i),s=Mt(s)):(r=_,s=m,n=i=0),(T&&!~(l+"").indexOf("px")||O&&!~(c+"").indexOf("px"))&&(T=cn(g,"x",l,"px"),O=cn(g,"y",c,"px")),(v||y||x||b)&&(T=Mt(T+v-(v*r+y*i)+x),O=Mt(O+y-(v*n+y*s)+b)),(u||h)&&(o=g.getBBox(),T=Mt(T+u/100*o.width),O=Mt(O+h/100*o.height)),o="matrix("+r+","+n+","+i+","+s+","+T+","+O+")",g.setAttribute("transform",o),w&&(g.style[$r]=o)},En=function(t,e,r,n,i){var s,o,a=360,u=j(i),h=parseFloat(i)*(u&&~i.indexOf("rad")?Sr:1)-n,l=n+h+"deg";return u&&("short"===(s=i.split("_")[1])&&(h%=a)!==h%180&&(h+=h<0?a:-360),"cw"===s&&h<0?h=(h+36e9)%a-~~(h/a)*a:"ccw"===s&&h>0&&(h=(h-36e9)%a-~~(h/a)*a)),t._pt=o=new vr(t._pt,e,r,n,h,Br),o.e=l,o.u="deg",t._props.push(r),o},An=function(t,e){for(var r in e)t[r]=e[r];return t},Sn=function(t,e,r){var n,i,s,o,a,u,h,l=An({},r._gsap),c=r.style;for(i in l.svg?(s=r.getAttribute("transform"),r.setAttribute("transform",""),c[$r]=e,n=Tn(r,1),un(r,$r),r.setAttribute("transform",s)):(s=getComputedStyle(r)[$r],c[$r]=e,n=Tn(r,1),c[$r]=s),Ar)(s=l[i])!==(o=n[i])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(i)<0&&(a=ue(s)!==(h=ue(o))?cn(r,i,s,h):parseFloat(s),u=parseFloat(o),t._pt=new vr(t._pt,n,i,a,u-a,Yr),t._pt.u=h||0,t._props.push(i));An(n,l)};Ot("padding,margin,Width,Radius",(function(t,e){var r="Top",n="Right",i="Bottom",s="Left",o=(e<3?[r,n,i,s]:[r+s,r+n,i+n,i+s]).map((function(r){return e<2?t+r:"border"+r+t}));mn[e>1?"border"+t:t]=function(t,e,r,n,i){var s,a;if(arguments.length<4)return s=o.map((function(e){return fn(t,e,r)})),5===(a=s.join(" ")).split(s[0]).length?s[0]:a;s=(n+"").split(" "),a={},o.forEach((function(t,e){return a[t]=s[e]=s[e]||s[(e-1)/2|0]})),t.init(e,a,i)}}));var Pn,In,Ln,Rn={name:"css",register:rn,targetTest:function(t){return t.style&&t.nodeType},init:function(t,e,r,n,i){var s,o,a,u,h,l,c,f,d,p,_,m,g,v,y,x,b,w,T,O=this._props,M=t.style,D=r.vars.startAt;for(c in Dr||rn(),e)if("autoRound"!==c&&(o=e[c],!mt[c]||!Ze(c,e,r,n,t,i)))if(h=typeof o,l=mn[c],"function"===h&&(h=typeof(o=o.call(r,n,t,i))),"string"===h&&~o.indexOf("random(")&&(o=ve(o)),l)l(this,t,c,o,r)&&(y=1);else if("--"===c.substr(0,2))s=(getComputedStyle(t).getPropertyValue(c)+"").trim(),o+="",Ee.lastIndex=0,Ee.test(s)||(f=ue(s),d=ue(o)),d?f!==d&&(s=cn(t,c,s,d)+d):f&&(o+=f),this.add(M,"setProperty",s,o,n,i,0,0,c),O.push(c);else if("undefined"!==h){if(D&&c in D?(s="function"==typeof D[c]?D[c].call(r,n,t,i):D[c],j(s)&&~s.indexOf("random(")&&(s=ve(s)),ue(s+"")||(s+=R.units[c]||ue(fn(t,c))||""),"="===(s+"").charAt(1)&&(s=fn(t,c))):s=fn(t,c),u=parseFloat(s),(p="string"===h&&"="===o.charAt(1)&&o.substr(0,2))&&(o=o.substr(2)),a=parseFloat(o),c in Fr&&("autoAlpha"===c&&(1===u&&"hidden"===fn(t,"visibility")&&a&&(u=0),hn(this,M,"visibility",u?"inherit":"hidden",a?"inherit":"hidden",!a)),"scale"!==c&&"transform"!==c&&~(c=Fr[c]).indexOf(",")&&(c=c.split(",")[0])),_=c in Ar)if(m||((g=t._gsap).renderTransform&&!e.parseTransform||Tn(t,e.parseTransform),v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new vr(this._pt,M,$r,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===c)this._pt=new vr(this._pt,g,"scaleY",g.scaleY,(p?kt(g.scaleY,p+a):a)-g.scaleY||0),O.push("scaleY",c),c+="X";else{if("transformOrigin"===c){b=void 0,w=void 0,T=void 0,b=(x=o).split(" "),w=b[0],T=b[1]||"50%","top"!==w&&"bottom"!==w&&"left"!==T&&"right"!==T||(x=w,w=T,T=x),b[0]=pn[w]||w,b[1]=pn[T]||T,o=b.join(" "),g.svg?wn(t,o,0,v,0,this):((d=parseFloat(o.split(" ")[2])||0)!==g.zOrigin&&hn(this,g,"zOrigin",g.zOrigin,d),hn(this,M,c,On(s),On(o)));continue}if("svgOrigin"===c){wn(t,o,1,v,0,this);continue}if(c in vn){En(this,g,c,u,p?kt(u,p+o):o);continue}if("smoothOrigin"===c){hn(this,g,"smooth",g.smooth,o);continue}if("force3D"===c){g[c]=o;continue}if("transform"===c){Sn(this,o,t);continue}}else c in M||(c=en(c)||c);if(_||(a||0===a)&&(u||0===u)&&!zr.test(o)&&c in M)a||(a=0),(f=(s+"").substr((u+"").length))!==(d=ue(o)||(c in R.units?R.units[c]:f))&&(u=cn(t,c,s,d)),this._pt=new vr(this._pt,_?g:M,c,u,(p?kt(u,p+a):a)-u,_||"px"!==d&&"zIndex"!==c||!1===e.autoRound?Yr:Xr),this._pt.u=d||0,f!==d&&"%"!==d&&(this._pt.b=s,this._pt.r=qr);else if(c in M)dn.call(this,t,c,s,p?p+o:o);else{if(!(c in t)){ht(c,o);continue}this.add(t,c,s||t[c],p?p+o:o,n,i)}O.push(c)}y&&gr(this)},get:fn,aliases:Fr,getSetter:function(t,e,r){var n=Fr[e];return n&&n.indexOf(",")<0&&(e=n),e in Ar&&e!==Jr&&(t._gsap.x||fn(t,"x"))?r&&Cr===r?"scale"===e?Gr:Wr:(Cr=r||{},"scale"===e?Hr:Qr):t.style&&!W(t.style[e])?Ur:~e.indexOf("-")?Vr:hr(t,e)},core:{_removeProperty:un,_getMatrix:bn}};wr.utils.checkPrefix=en,Ln=Ot((Pn="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(In="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Ar[t]=1})),Ot(In,(function(t){R.units[t]="deg",vn[t]=1})),Fr[Ln[13]]=Pn+","+In,Ot("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");Fr[e[1]]=Ln[e[0]]})),Ot("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){R.units[t]="px"})),wr.registerPlugin(Rn);var zn=wr.registerPlugin(Rn)||wr,Fn=(zn.core.Tween,{});Fn=function(){var t=document,e=t.createTextNode.bind(t);function r(t,e,r){t.style.setProperty(e,r)}function n(t,e){return t.appendChild(e)}function i(e,r,i,s){var o=t.createElement("span");return r&&(o.className=r),i&&(!s&&o.setAttribute("data-"+r,i),o.textContent=i),e&&n(e,o)||o}function s(t,e){return t.getAttribute("data-"+e)}function o(e,r){return e&&0!=e.length?e.nodeName?[e]:[].slice.call(e[0].nodeName?e:(r||t).querySelectorAll(e)):[]}function a(t){for(var e=[];t--;)e[t]=[];return e}function u(t,e){t&&t.some(e)}function h(t){return function(e){return t[e]}}function l(t,e,n){var i="--"+e,s=i+"-index";u(n,(function(t,e){Array.isArray(t)?u(t,(function(t){r(t,s,e)})):r(t,s,e)})),r(t,i+"-total",n.length)}var c={};function f(t,e,r){var n=r.indexOf(t);if(-1==n)r.unshift(t),u(c[t].depends,(function(e){f(e,t,r)}));else{var i=r.indexOf(e);r.splice(n,1),r.splice(i,0,t)}return r}function d(t,e,r,n){return{by:t,depends:e,key:r,split:n}}function p(t){return f(t,0,[]).map(h(c))}function _(t){c[t.by]=t}function m(t,r,s,a,h){t.normalize();var l=[],c=document.createDocumentFragment();a&&l.push(t.previousSibling);var f=[];return o(t.childNodes).some((function(t){if(!t.tagName||t.hasChildNodes()){if(t.childNodes&&t.childNodes.length)return f.push(t),void l.push.apply(l,m(t,r,s,a,h));var n=t.wholeText||"",o=n.trim();o.length&&(" "===n[0]&&f.push(e(" ")),u(o.split(s),(function(t,e){e&&h&&f.push(i(c,"whitespace"," ",h));var n=i(c,r,t);l.push(n),f.push(n)}))," "===n[n.length-1]&&f.push(e(" ")))}else f.push(t)})),u(f,(function(t){n(c,t)})),t.innerHTML="",n(t,c),l}var g=0;function v(t,e){for(var r in e)t[r]=e[r];return t}var y="words",x=d(y,g,"word",(function(t){return m(t,"word",/\s+/,0,1)})),b="chars",w=d(b,[y],"char",(function(t,e,r){var n=[];return u(r[y],(function(t,r){n.push.apply(n,m(t,"char","",e.whitespace&&r))})),n}));function T(t){var e=(t=t||{}).key;return o(t.target||"[data-splitting]").map((function(r){var n=r["🍌"];if(!t.force&&n)return n;n=r["🍌"]={el:r};var i=p(t.by||s(r,"splitting")||b),o=v({},t);return u(i,(function(t){if(t.split){var i=t.by,s=(e?"-"+e:"")+t.key,a=t.split(r,o,n);s&&l(r,s,a),n[i]=a,r.classList.add(i)}})),r.classList.add("splitting"),n}))}function O(t){var e=(t=t||{}).target=i();return e.innerHTML=t.content,T(t),e.outerHTML}function M(t,e,r){var n=o(e.matching||t.children,t),i={};return u(n,(function(t){var e=Math.round(t[r]);(i[e]||(i[e]=[])).push(t)})),Object.keys(i).map(Number).sort(D).map(h(i))}function D(t,e){return t-e}T.html=O,T.add=_;var k=d("lines",[y],"line",(function(t,e,r){return M(t,{matching:r[y]},"offsetTop")})),C=d("items",g,"item",(function(t,e){return o(e.matching||t.children,t)})),E=d("rows",g,"row",(function(t,e){return M(t,e,"offsetTop")})),A=d("cols",g,"col",(function(t,e){return M(t,e,"offsetLeft")})),S=d("grid",["rows","cols"]),P="layout",I=d(P,g,g,(function(t,e){var a=e.rows=+(e.rows||s(t,"rows")||1),u=e.columns=+(e.columns||s(t,"columns")||1);if(e.image=e.image||s(t,"image")||t.currentSrc||t.src,e.image){var h=o("img",t)[0];e.image=h&&(h.currentSrc||h.src)}e.image&&r(t,"background-image","url("+e.image+")");for(var l=a*u,c=[],f=i(g,"cell-grid");l--;){var d=i(f,"cell");i(d,"cell-inner"),c.push(d)}return n(t,f),c})),L=d("cellRows",[P],"row",(function(t,e,r){var n=e.rows,i=a(n);return u(r[P],(function(t,e,r){i[Math.floor(e/(r.length/n))].push(t)})),i})),R=d("cellColumns",[P],"col",(function(t,e,r){var n=e.columns,i=a(n);return u(r[P],(function(t,e){i[e%n].push(t)})),i})),z=d("cells",["cellRows","cellColumns"],"cell",(function(t,e,r){return r[P]}));return _(x),_(w),_(k),_(C),_(E),_(A),_(S),_(I),_(L),_(R),_(z),T}();var Yn,Bn,qn={}; 11 | /*! 12 | * imagesLoaded v5.0.0 13 | * JavaScript is all like "You images are done yet or what?" 14 | * MIT License 15 | */Yn="undefined"!=typeof window?window:qn,Bn=function(t,e){let r=t.jQuery,n=t.console;function i(t,e,s){if(!(this instanceof i))return new i(t,e,s);let o=t;var a;"string"==typeof t&&(o=document.querySelectorAll(t)),o?(this.elements=(a=o,Array.isArray(a)?a:"object"==typeof a&&"number"==typeof a.length?[...a]:[a]),this.options={},"function"==typeof e?s=e:Object.assign(this.options,e),s&&this.on("always",s),this.getImages(),r&&(this.jqDeferred=new r.Deferred),setTimeout(this.check.bind(this))):n.error(`Bad element for imagesLoaded ${o||t}`)}i.prototype=Object.create(e.prototype),i.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)};const s=[1,9,11];i.prototype.addElementImages=function(t){"IMG"===t.nodeName&&this.addImage(t),!0===this.options.background&&this.addElementBackgroundImages(t);let{nodeType:e}=t;if(!e||!s.includes(e))return;let r=t.querySelectorAll("img");for(let t of r)this.addImage(t);if("string"==typeof this.options.background){let e=t.querySelectorAll(this.options.background);for(let t of e)this.addElementBackgroundImages(t)}};const o=/url\((['"])?(.*?)\1\)/gi;function a(t){this.img=t}function u(t,e){this.url=t,this.element=e,this.img=new Image}return i.prototype.addElementBackgroundImages=function(t){let e=getComputedStyle(t);if(!e)return;let r=o.exec(e.backgroundImage);for(;null!==r;){let n=r&&r[2];n&&this.addBackground(n,t),r=o.exec(e.backgroundImage)}},i.prototype.addImage=function(t){let e=new a(t);this.images.push(e)},i.prototype.addBackground=function(t,e){let r=new u(t,e);this.images.push(r)},i.prototype.check=function(){if(this.progressedCount=0,this.hasAnyBroken=!1,!this.images.length)return void this.complete();let t=(t,e,r)=>{setTimeout((()=>{this.progress(t,e,r)}))};this.images.forEach((function(e){e.once("progress",t),e.check()}))},i.prototype.progress=function(t,e,r){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&n&&n.log(`progress: ${r}`,t,e)},i.prototype.complete=function(){let t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){let t=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[t](this)}},a.prototype=Object.create(e.prototype),a.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},a.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},a.prototype.confirm=function(t,e){this.isLoaded=t;let{parentNode:r}=this.img,n="PICTURE"===r.nodeName?r:this.img;this.emitEvent("progress",[this,n,e])},a.prototype.handleEvent=function(t){let e="on"+t.type;this[e]&&this[e](t)},a.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},a.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},a.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},u.prototype=Object.create(a.prototype),u.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},u.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},u.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},i.makeJQueryPlugin=function(e){(e=e||t.jQuery)&&(r=e,r.fn.imagesLoaded=function(t,e){return new i(this,t,e).jqDeferred.promise(r(this))})},i.makeJQueryPlugin(),i},qn?qn=Bn(Yn,i("4hJWI")):Yn.imagesLoaded=Bn(Yn,Yn.EvEmitter);const Xn=(t,e,r)=>(1-r)*t+r*e,Nn=t=>({x:t.clientX,y:t.clientY});function jn(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}let Un={x:0,y:0};window.addEventListener("mousemove",(t=>Un=Nn(t)));class Vn{constructor(t){jn(this,"DOM",{el:null,inner:null,img:null,imgInner:null,content:null,contentImg:null,contentTexts:null}),this.DOM.el=t,this.DOM.inner=this.DOM.el.querySelector(".slide__inner"),this.DOM.img=this.DOM.el.querySelector(".slide__img"),this.DOM.imgInner=this.DOM.el.querySelector(".slide__img-inner"),this.DOM.content=this.DOM.el.querySelector(".slide__content"),this.DOM.contentImg=this.DOM.content.querySelector(".slide__content-img"),this.DOM.contentTexts=[...this.DOM.content.children].filter((t=>t!=this.DOM.contentImg))}}function Wn(t,e){for(var r=0;ra?(i=n,n=t,o=s,s=u):r?n+=t:n=i+(t-i)/(u-o)*(s-o)};return{update:h,reset:function(){i=n=r?0:n,o=s=0},getVelocity:function(t){var e=o,a=i,l=li();return(t||0===t)&&t!==n&&h(t),s===o||l-o>u?0:(n+(r?a:-a))/((r?l:s)-e)*1e3}}},bi=function(t,e){return e&&!t._gsapAllow&&t.preventDefault(),t.changedTouches?t.changedTouches[0]:t},wi=function(t){var e=Math.max.apply(Math,t),r=Math.min.apply(Math,t);return Math.abs(e)>=Math.abs(r)?e:r},Ti=function(){var t,e,r,n;(ei=Gn.core.globals().ScrollTrigger)&&ei.core&&(t=ei.core,e=t.bridge||{},r=t._scrollers,n=t._proxies,r.push.apply(r,ui),n.push.apply(n,hi),ui=r,hi=n,ci=function(t,r){return e[t](r)})},Oi=function(t){return(Gn=t||si())&&"undefined"!=typeof document&&document.body&&(Qn=window,$n=document,Jn=$n.documentElement,Zn=$n.body,ri=[Qn,$n,Jn,Zn],Gn.utils.clamp,ti="onpointerenter"in Zn?"pointer":"mouse",Kn=Mi.isTouch=Qn.matchMedia&&Qn.matchMedia("(hover: none), (pointer: coarse)").matches?1:"ontouchstart"in Qn||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0?2:0,ii=Mi.eventTypes=("ontouchstart"in Jn?"touchstart,touchmove,touchcancel,touchend":"onpointerdown"in Jn?"pointerdown,pointermove,pointercancel,pointerup":"mousedown,mousemove,mouseup,mouseup").split(","),setTimeout((function(){return oi=0}),500),Ti(),Hn=1),Hn};gi.op=vi,ui.cache=0;var Mi=function(){function t(t){this.init(t)}var e,r,n;return t.prototype.init=function(t){Hn||Oi(Gn)||console.warn("Please gsap.registerPlugin(Observer)"),ei||Ti();var e,r=t.tolerance,n=t.dragMinimum,i=t.type,s=t.target,o=t.lineHeight,a=t.debounce,u=t.preventDefault,h=t.onStop,l=t.onStopDelay,c=t.ignore,f=t.wheelSpeed,d=t.event,p=t.onDragStart,_=t.onDragEnd,m=t.onDrag,g=t.onPress,v=t.onRelease,y=t.onRight,x=t.onLeft,b=t.onUp,w=t.onDown,T=t.onChangeX,O=t.onChangeY,M=t.onChange,D=t.onToggleX,k=t.onToggleY,C=t.onHover,E=t.onHoverEnd,A=t.onMove,S=t.ignoreCheck,P=t.isNormalizer,I=t.onGestureStart,L=t.onGestureEnd,R=t.onWheel,z=t.onEnable,F=t.onDisable,Y=t.onClick,B=t.scrollSpeed,q=t.capture,X=t.allowClicks,N=t.lockAxis,j=t.onLockAxis;this.target=(e=s,s=Gn.utils.toArray(e)[0]||("string"==typeof e&&!1!==Gn.config().nullTargetWarn?console.warn("Element not found:",e):null)||Jn),this.vars=t,c&&(c=Gn.utils.toArray(c)),r=r||0,n=n||0,f=f||1,B=B||1,i=i||"wheel,touch,pointer",a=!1!==a,o||(o=parseFloat(Qn.getComputedStyle(Zn).lineHeight)||22);var U,V,W,G,H,Q,$,J=this,Z=0,K=0,tt=yi(s,gi),et=yi(s,vi),rt=tt(),nt=et(),it=~i.indexOf("touch")&&!~i.indexOf("pointer")&&"pointerdown"===ii[0],st=fi(s),ot=s.ownerDocument||$n,at=[0,0,0],ut=[0,0,0],ht=0,lt=function(){return ht=li()},ct=function(t,e){return(J.event=t)&&c&&~c.indexOf(t.target)||e&&it&&"touch"!==t.pointerType||S&&S(t,e)},ft=function(){var t=J.deltaX=wi(at),e=J.deltaY=wi(ut),n=Math.abs(t)>=r,i=Math.abs(e)>=r;M&&(n||i)&&M(J,t,e,at,ut),n&&(y&&J.deltaX>0&&y(J),x&&J.deltaX<0&&x(J),T&&T(J),D&&J.deltaX<0!=Z<0&&D(J),Z=J.deltaX,at[0]=at[1]=at[2]=0),i&&(w&&J.deltaY>0&&w(J),b&&J.deltaY<0&&b(J),O&&O(J),k&&J.deltaY<0!=K<0&&k(J),K=J.deltaY,ut[0]=ut[1]=ut[2]=0),(G||W)&&(A&&A(J),j&&Q&&j(J),W&&(m(J),W=!1),G=Q=!1),H&&(R(J),H=!1),U=0},dt=function(t,e,r){at[r]+=t,ut[r]+=e,J._vx.update(t),J._vy.update(e),a?U||(U=requestAnimationFrame(ft)):ft()},pt=function(t,e){"y"!==$&&(at[2]+=t,J._vx.update(t,!0)),"x"!==$&&(ut[2]+=e,J._vy.update(e,!0)),N&&!$&&(J.axis=$=Math.abs(t)>Math.abs(e)?"x":"y",Q=!0),a?U||(U=requestAnimationFrame(ft)):ft()},_t=function(t){if(!ct(t,1)){var e=(t=bi(t,u)).clientX,r=t.clientY,i=e-J.x,s=r-J.y,o=J.isDragging;J.x=e,J.y=r,(o||Math.abs(J.startX-e)>=n||Math.abs(J.startY-r)>=n)&&(m&&(W=!0),o||(J.isDragging=!0),pt(i,s),o||p&&p(J))}},mt=J.onPress=function(t){ct(t,1)||(J.axis=$=null,V.pause(),J.isPressed=!0,t=bi(t),Z=K=0,J.startX=J.x=t.clientX,J.startY=J.y=t.clientY,J._vx.reset(),J._vy.reset(),di(P?s:ot,ii[1],_t,u,!0),J.deltaX=J.deltaY=0,g&&g(J))},gt=function(t){if(!ct(t,1)){pi(P?s:ot,ii[1],_t,!0);var e=J.isDragging&&(Math.abs(J.x-J.startX)>3||Math.abs(J.y-J.startY)>3),r=bi(t);e||(J._vx.reset(),J._vy.reset(),u&&X&&Gn.delayedCall(.08,(function(){if(li()-ht>300&&!t.defaultPrevented)if(t.target.click)t.target.click();else if(ot.createEvent){var e=ot.createEvent("MouseEvents");e.initMouseEvent("click",!0,!0,Qn,1,r.screenX,r.screenY,r.clientX,r.clientY,!1,!1,!1,!1,0,null),t.target.dispatchEvent(e)}}))),J.isDragging=J.isGesturing=J.isPressed=!1,h&&!P&&V.restart(!0),_&&e&&_(J),v&&v(J,e)}},vt=function(t){return t.touches&&t.touches.length>1&&(J.isGesturing=!0)&&I(t,J.isDragging)},yt=function(){return J.isGesturing=!1,L(J)},xt=function(t){if(!ct(t)){var e=tt(),r=et();dt((e-rt)*B,(r-nt)*B,1),rt=e,nt=r,h&&V.restart(!0)}},bt=function(t){if(!ct(t)){t=bi(t,u),R&&(H=!0);var e=(1===t.deltaMode?o:2===t.deltaMode?Qn.innerHeight:1)*f;dt(t.deltaX*e,t.deltaY*e,0),h&&!P&&V.restart(!0)}},wt=function(t){if(!ct(t)){var e=t.clientX,r=t.clientY,n=e-J.x,i=r-J.y;J.x=e,J.y=r,G=!0,(n||i)&&pt(n,i)}},Tt=function(t){J.event=t,C(J)},Ot=function(t){J.event=t,E(J)},Mt=function(t){return ct(t)||bi(t,u)&&Y(J)};V=J._dc=Gn.delayedCall(l||.25,(function(){J._vx.reset(),J._vy.reset(),V.pause(),h&&h(J)})).pause(),J.deltaX=J.deltaY=0,J._vx=xi(0,50,!0),J._vy=xi(0,50,!0),J.scrollX=tt,J.scrollY=et,J.isDragging=J.isGesturing=J.isPressed=!1,J.enable=function(t){return J.isEnabled||(di(st?ot:s,"scroll",_i),i.indexOf("scroll")>=0&&di(st?ot:s,"scroll",xt,u,q),i.indexOf("wheel")>=0&&di(s,"wheel",bt,u,q),(i.indexOf("touch")>=0&&Kn||i.indexOf("pointer")>=0)&&(di(s,ii[0],mt,u,q),di(ot,ii[2],gt),di(ot,ii[3],gt),X&&di(s,"click",lt,!1,!0),Y&&di(s,"click",Mt),I&&di(ot,"gesturestart",vt),L&&di(ot,"gestureend",yt),C&&di(s,ti+"enter",Tt),E&&di(s,ti+"leave",Ot),A&&di(s,ti+"move",wt)),J.isEnabled=!0,t&&t.type&&mt(t),z&&z(J)),J},J.disable=function(){J.isEnabled&&(ai.filter((function(t){return t!==J&&fi(t.target)})).length||pi(st?ot:s,"scroll",_i),J.isPressed&&(J._vx.reset(),J._vy.reset(),pi(P?s:ot,ii[1],_t,!0)),pi(st?ot:s,"scroll",xt,q),pi(s,"wheel",bt,q),pi(s,ii[0],mt,q),pi(ot,ii[2],gt),pi(ot,ii[3],gt),pi(s,"click",lt,!0),pi(s,"click",Mt),pi(ot,"gesturestart",vt),pi(ot,"gestureend",yt),pi(s,ti+"enter",Tt),pi(s,ti+"leave",Ot),pi(s,ti+"move",wt),J.isEnabled=J.isPressed=J.isDragging=!1,F&&F(J))},J.kill=function(){J.disable();var t=ai.indexOf(J);t>=0&&ai.splice(t,1),ni===J&&(ni=0)},ai.push(J),P&&fi(s)&&(ni=J),J.enable(d)},e=t,(r=[{key:"velocityX",get:function(){return this._vx.getVelocity()}},{key:"velocityY",get:function(){return this._vy.getVelocity()}}])&&Wn(e.prototype,r),n&&Wn(e,n),t}();Mi.version="3.10.4",Mi.create=function(t){return new Mi(t)},Mi.register=Oi,Mi.getAll=function(){return ai.slice()},Mi.getById=function(t){return ai.filter((function(e){return e.vars.id===t}))[0]},si()&&Gn.registerPlugin(Mi),zn.registerPlugin(Mi),t(Fn)();const Di={slides:[...document.querySelectorAll(".slide")],cursor:document.querySelector(".cursor"),backCtrl:document.querySelector(".frame__back"),navigationItems:document.querySelectorAll(".frame__nav > .frame__nav-button")};Di.cursorChars=Di.cursor.querySelectorAll(".word > .char, .whitespace"),Di.backChars=Di.backCtrl.querySelectorAll(".word > .char, .whitespace");const ki=Di.slides.length;let Ci=[];Di.slides.forEach((t=>{Ci.push(new Vn(t))}));let Ei=-1,Ai=!1;const Si=t=>{Ai=!0,Di.navigationItems[Ei].classList.remove("frame__nav-button--current"),Di.navigationItems[t].classList.add("frame__nav-button--current");const e=Ei{r.DOM.el.classList.remove("slide--current"),r.isOpen&&Li(r),Ai=!1}}).addLabel("start",0).set([r.DOM.imgInner,n.DOM.imgInner],{transformOrigin:"next"===e?"50% 0%":"50% 100%"},"start").set(n.DOM.el,{yPercent:"next"===e?100:-100},"start").set(n.DOM.inner,{yPercent:"next"===e?-100:100},"start").add((()=>{n.DOM.el.classList.add("slide--current")}),"start").add((()=>{r.isOpen&&Pi()}),"start").to(r.DOM.el,{yPercent:"next"===e?-100:100},"start").to(r.DOM.imgInner,{scaleY:2},"start").to([n.DOM.el,n.DOM.inner],{yPercent:0},"start").to(n.DOM.imgInner,{ease:"power2.inOut",startAt:{scaleY:2},scaleY:1},"start")},Pi=t=>zn.timeline({onStart:()=>{zn.set(Di.backChars,{opacity:t?0:1}),t&&Di.backCtrl.classList.add("frame__back--show")},onComplete:()=>{Di.backCtrl.classList[t?"add":"remove"]("frame__back--show"),t||Di.backCtrl.classList.remove("frame__back--show")}}).to(Di.cursorChars,{duration:.1,ease:"expo",opacity:t?0:1,stagger:{amount:.5,grid:"auto",from:"random"}}).to(Di.backChars,{duration:.1,ease:"expo",opacity:t?1:0,stagger:{amount:.5,grid:"auto",from:"random"}},0),Ii=t=>{if(Ai)return;Ai=!0;const e=Ci[t];e.isOpen=!0,zn.timeline({defaults:{duration:1.6,ease:"power3.inOut"},onStart:()=>{},onComplete:()=>{Ai=!1}}).addLabel("start",0).add((()=>{Pi("content")}),"start").to(e.DOM.img,{yPercent:-100},"start").set(e.DOM.imgInner,{transformOrigin:"50% 100%"},"start").to(e.DOM.imgInner,{yPercent:100,scaleY:2},"start").to(e.DOM.contentImg,{startAt:{transformOrigin:"50% 0%",scaleY:1.5},scaleY:1},"start")},Li=(t,e=!1)=>{Ai=!0;const r=()=>{t.isOpen=!1,Ai=!1};e?zn.timeline({defaults:{duration:1.6,ease:"power3.inOut"},onComplete:r}).addLabel("start",0).to(t.DOM.img,{yPercent:0},"start").to(t.DOM.imgInner,{yPercent:0,scaleY:1},"start"):(zn.set(t.DOM.img,{yPercent:0}),zn.set(t.DOM.imgInner,{yPercent:0,scaleY:1}),r())};var Ri;Ri=0,-1!==Ei&&Ci[Ei].DOM.el.classList.remove("slide--current"),Ei=Ri,Ci[Ei].DOM.el.classList.add("slide--current"),Di.navigationItems[Ei].classList.add("frame__nav-button--current"),new class{render(){this.renderedStyles.tx.current=Un.x+20,this.renderedStyles.ty.current=Un.y-this.bounds.height/2;for(const t in this.renderedStyles)this.renderedStyles[t].previous=Xn(this.renderedStyles[t].previous,this.renderedStyles[t].current,this.renderedStyles[t].amt);this.DOM.el.style.transform=`translateX(${this.renderedStyles.tx.previous}px) translateY(${this.renderedStyles.ty.previous}px)`,requestAnimationFrame((()=>this.render()))}constructor(t){jn(this,"DOM",{el:null,text:null}),jn(this,"renderedStyles",{tx:{previous:0,current:0,amt:.15},ty:{previous:0,current:0,amt:.15}}),jn(this,"bounds",void 0),this.DOM.el=t,this.DOM.text=this.DOM.el.querySelector(".cursor__text"),this.DOM.el.style.opacity=0,this.bounds=this.DOM.el.getBoundingClientRect();for(const t in this.renderedStyles)this.renderedStyles[t].amt=this.DOM.el.dataset.amt||this.renderedStyles[t].amt;const e=()=>{this.renderedStyles.tx.previous=this.renderedStyles.tx.current=Un.x+20,this.renderedStyles.ty.previous=this.renderedStyles.ty.previous=Un.y-this.bounds.height/2,this.DOM.el.style.opacity=1,requestAnimationFrame((()=>this.render())),window.removeEventListener("mousemove",e)};window.addEventListener("mousemove",e)}}(Di.cursor),(()=>{[...Di.navigationItems].forEach(((t,e)=>{t.addEventListener("click",(()=>{Ei===e||Ai||Si(e)}))})),Di.backCtrl.addEventListener("click",(()=>{Ai||(Ai=!0,Pi(),Li(Ci[Ei],!0))})),Mi.create({type:"wheel,touch,pointer",onDown:()=>!Ai&&void Si(Ei>0?Ei-1:ki-1),onUp:()=>!Ai&&void Si(Ei{Ii(t)}))})(),((t="img")=>new Promise((e=>{qn(document.querySelectorAll(t),{background:!0},e)})))(".slide__img-inner").then((t=>{document.body.classList.remove("loading")})); -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | Fullscreen Scrolling Slideshow | Codrops
Previous demo

Fullscreen Scrolling Slideshow

→
↓ Scroll or drag ↓

Stronger

You strung me along, I thought I was strong, but now you have pushed me under. I’ve opened my eyes, and counted the lies, now it is clearer to me. You are just a user, and an abuser, and I refuse to take it.

No choice

Fall into line, you will do as you’re told. No choice fatigue, your blood is running cold. We lose control, the world will fall apart.

Owned no longer

We need a transmutation. One we all conceive. We need a revolution. So long as we stay free.

Assert control

Cornered, I’m exhausted with fear. Our love and compassion dissolved. And demons, have materialised in me. Can’t fight them, they’re taking control.

Cold & detached

Fate has brought us here to face. Our hopes and dreams erased. Either kill or be killed.

+ Discover more
-------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "fullscreenscroll", 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 | "devDependencies": { 24 | "parcel": "^2.7.0" 25 | }, 26 | "dependencies": { 27 | "gsap": "^3.10.4", 28 | "imagesloaded": "^5.0.0", 29 | "splitting": "^1.0.6" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /src/css/base.css: -------------------------------------------------------------------------------- 1 | *, 2 | *::after, 3 | *::before { 4 | box-sizing: border-box; 5 | } 6 | 7 | :root { 8 | font-size: 13px; 9 | --color-text: #fff; 10 | --color-bg: #000; 11 | --color-link: rgba(255,255,255,0.5); 12 | --color-link-hover: #f8c5dc; 13 | --color-bg-slide: #171719; 14 | } 15 | 16 | body { 17 | margin: 0; 18 | color: var(--color-text); 19 | background-color: var(--color-bg); 20 | font-family: obviously, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; 21 | text-transform: uppercase; 22 | -webkit-font-smoothing: antialiased; 23 | -moz-osx-font-smoothing: grayscale; 24 | width: 100%; 25 | height: 100vh; 26 | overflow: hidden; 27 | } 28 | 29 | /* Page Loader */ 30 | .js .loading::before, 31 | .js .loading::after { 32 | content: ''; 33 | position: fixed; 34 | z-index: 1000; 35 | } 36 | 37 | .js .loading::before { 38 | top: 0; 39 | left: 0; 40 | width: 100%; 41 | height: 100%; 42 | background: var(--color-bg); 43 | } 44 | 45 | .js .loading::after { 46 | top: 50%; 47 | left: 50%; 48 | width: 60px; 49 | height: 60px; 50 | margin: -30px 0 0 -30px; 51 | border-radius: 50%; 52 | opacity: 0.4; 53 | background: var(--color-link); 54 | animation: loaderAnim 0.7s linear infinite alternate forwards; 55 | 56 | } 57 | 58 | @keyframes loaderAnim { 59 | to { 60 | opacity: 1; 61 | transform: scale3d(0.5,0.5,1); 62 | } 63 | } 64 | 65 | a { 66 | text-decoration: none; 67 | color: var(--color-link); 68 | outline: none; 69 | cursor: pointer; 70 | } 71 | 72 | a:hover { 73 | color: var(--color-link-hover); 74 | outline: none; 75 | } 76 | 77 | /* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ 78 | a:focus { 79 | /* Provide a fallback style for browsers 80 | that don't support :focus-visible */ 81 | outline: none; 82 | background: lightgrey; 83 | } 84 | 85 | a:focus:not(:focus-visible) { 86 | /* Remove the focus indicator on mouse-focus for browsers 87 | that do support :focus-visible */ 88 | background: transparent; 89 | } 90 | 91 | a:focus-visible { 92 | /* Draw a very noticeable focus style for 93 | keyboard-focus on browsers that do support 94 | :focus-visible */ 95 | outline: 2px solid red; 96 | background: transparent; 97 | } 98 | 99 | .unbutton { 100 | background: none; 101 | border: 0; 102 | padding: 0; 103 | margin: 0; 104 | font: inherit; 105 | cursor: pointer; 106 | color: var(--color-link); 107 | } 108 | 109 | .unbutton:focus { 110 | outline: none; 111 | } 112 | 113 | .frame { 114 | padding: 2.5rem; 115 | display: grid; 116 | position: fixed; 117 | width: 100%; 118 | height: 100vh; 119 | z-index: 100; 120 | pointer-events: none; 121 | grid-template-columns: auto auto; 122 | grid-template-rows: auto auto auto 1fr; 123 | grid-gap: 1rem; 124 | grid-template-areas: 'back sponsor' 'title title' 'info info' 'nav nav'; 125 | 126 | } 127 | 128 | .frame a { 129 | pointer-events: auto; 130 | } 131 | 132 | .frame__title { 133 | grid-area: title; 134 | align-self: end; 135 | justify-self: end; 136 | display: flex; 137 | align-items: start; 138 | } 139 | 140 | .frame__title-main { 141 | font-size: 1rem; 142 | margin: 0 0 0 1rem; 143 | font-weight: normal; 144 | } 145 | 146 | .frame__title-back { 147 | position: relative; 148 | display: flex; 149 | align-items: flex-end; 150 | margin-bottom: 0.15rem; 151 | } 152 | 153 | .frame__title-back span { 154 | transform: rotate(-45deg); 155 | font-size: 1.25rem; 156 | line-height: 1; 157 | } 158 | 159 | .frame__title-back svg { 160 | fill: currentColor; 161 | } 162 | 163 | .frame__info { 164 | grid-area: info; 165 | align-self: end; 166 | } 167 | 168 | .frame__nav { 169 | grid-area: nav; 170 | display: grid; 171 | grid-auto-flow: row; 172 | place-items: start; 173 | align-content: end; 174 | grid-gap: 0.5rem; 175 | } 176 | 177 | .frame__nav-button { 178 | text-transform: uppercase; 179 | position: relative; 180 | transition: color 0.3s; 181 | pointer-events: auto; 182 | } 183 | 184 | .frame__nav-button:not(.frame__nav-button--current):hover { 185 | color: var(--color-link-hover); 186 | } 187 | 188 | .frame__nav-button--current { 189 | color: var(--color-text); 190 | } 191 | 192 | .frame__nav-button::before { 193 | content: ''; 194 | width: 2.5rem; 195 | height: 1px; 196 | top: 50%; 197 | background-color: currentColor; 198 | position: absolute; 199 | right: calc(100% + 4px); 200 | transform-origin: 100% 50%; 201 | transform: scaleX(0); 202 | transition: transform 0.8s ease-in-out; 203 | } 204 | 205 | .frame__nav-button--current::before { 206 | transform: scaleX(1); 207 | } 208 | 209 | .frame__back { 210 | grid-area: back; 211 | justify-self: start; 212 | opacity: 0; 213 | pointer-events: none; 214 | text-transform: uppercase; 215 | } 216 | 217 | .frame__back--show { 218 | opacity: 1; 219 | pointer-events: auto; 220 | } 221 | 222 | .slides { 223 | width: 100%; 224 | height: 100vh; 225 | overflow: hidden; 226 | display: grid; 227 | grid-template-rows: 100%; 228 | grid-template-columns: 100%; 229 | place-items: center; 230 | } 231 | 232 | .slide { 233 | width: 100%; 234 | height: 104%; 235 | grid-area: 1 / 1 / -1 / -1; 236 | pointer-events: none; 237 | opacity: 0; 238 | overflow: hidden; 239 | position: relative; 240 | will-change: transform; 241 | } 242 | 243 | .slide--current { 244 | pointer-events: auto; 245 | opacity: 1; 246 | } 247 | 248 | .slide__inner { 249 | width: 100%; 250 | height: 100%; 251 | display: grid; 252 | grid-template-rows: 100%; 253 | grid-template-columns: 100%; 254 | position: relative; 255 | overflow: hidden; 256 | will-change: transform; 257 | } 258 | 259 | .slide__img { 260 | grid-area: 1 / 1 / -1 / -1; 261 | overflow: hidden; 262 | position: relative; 263 | cursor: pointer; 264 | z-index: 1; 265 | } 266 | 267 | .slide__img-inner { 268 | width: 100%; 269 | height: 100%; 270 | background-size: cover; 271 | background-position: 50% 50%; 272 | background-repeat: no-repeat; 273 | will-change: transform; 274 | } 275 | 276 | .slide__content { 277 | grid-area: 1 / 1 / -1 / -1; 278 | display: grid; 279 | background: var(--color-bg-slide); 280 | align-content: center; 281 | justify-content: center; 282 | display: grid; 283 | padding: 1rem; 284 | grid-template-rows: auto auto auto; 285 | grid-template-columns: 1fr 1fr; 286 | grid-column-gap: 2rem; 287 | grid-template-areas: 'img title' 'img text' 'img ...' ; 288 | } 289 | 290 | .slide__content-img { 291 | height: 300px; 292 | background-size: cover; 293 | background-position: 50% 50%; 294 | grid-area: img; 295 | will-change: transform; 296 | } 297 | 298 | .slide__content h2 { 299 | grid-area: title; 300 | font-weight: 200; 301 | font-size: clamp(3rem,2vw,3rem); 302 | text-transform: none; 303 | margin: 0 0 3rem 0; 304 | line-height: 1; 305 | } 306 | 307 | .slide__content p { 308 | grid-area: text; 309 | max-width: 260px; 310 | line-height: 1.5; 311 | margin: 0; 312 | color: rgba(255,255,255,0.5); 313 | } 314 | 315 | .cursor { 316 | position: absolute; 317 | top: 0; 318 | left: 0; 319 | pointer-events: none; 320 | } 321 | 322 | @media screen and (min-width: 53em) { 323 | .frame { 324 | grid-template-columns: auto auto auto; 325 | grid-template-rows: auto auto; 326 | grid-template-areas: 'back ... sponsor' 'nav info title'; 327 | align-content: space-between; 328 | } 329 | .frame__info { 330 | justify-self: center; 331 | } 332 | .slide__content { 333 | grid-template-rows: auto auto auto; 334 | grid-template-columns: 220px 300px; 335 | grid-column-gap: 2rem; 336 | grid-template-areas: 'img title' 'img text' 'img ...' ; 337 | } 338 | } 339 | -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/src/favicon.ico -------------------------------------------------------------------------------- /src/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/src/img/1.jpg -------------------------------------------------------------------------------- /src/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/src/img/2.jpg -------------------------------------------------------------------------------- /src/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/src/img/3.jpg -------------------------------------------------------------------------------- /src/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/src/img/4.jpg -------------------------------------------------------------------------------- /src/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/FullscreenScroll/797ae92855cde470624e3377ded58c64730384e2/src/img/5.jpg -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Fullscreen Scrolling Slideshow | Codrops 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |
19 |
20 | Previous demo 21 |

Fullscreen Scrolling Slideshow

22 | → 23 |
24 | 31 | 34 | ↓ Scroll or drag ↓ 35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |

Stronger

43 |

You strung me along, I thought I was strong, but now you have pushed me under. I’ve opened my eyes, and counted the lies, now it is clearer to me. You are just a user, and an abuser, and I refuse to take it.

44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |

No choice

52 |

Fall into line, you will do as you’re told. No choice fatigue, your blood is running cold. We lose control, the world will fall apart.

53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |

Owned no longer

62 |

We need a transmutation. One we all conceive. We need a revolution. So long as we stay free.

63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |

Assert control

72 |

Cornered, I’m exhausted with fear. Our love and compassion dissolved. And demons, have materialised in me. Can’t fight them, they’re taking control.

73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |

Cold & detached

82 |

Fate has brought us here to face. Our hopes and dreams erased. Either kill or be killed.

83 |
84 |
85 |
86 |
87 |
88 |
89 | + Discover more 90 |
91 |
92 | 93 | 94 | 95 | 96 | -------------------------------------------------------------------------------- /src/js/cursor.js: -------------------------------------------------------------------------------- 1 | import { lerp, getCursorPos } from './utils'; 2 | 3 | // Track the cursor position 4 | let cursor = {x: 0, y: 0}; 5 | window.addEventListener('mousemove', ev => cursor = getCursorPos(ev)); 6 | 7 | /** 8 | * Class representing a .cursor element 9 | */ 10 | export class CursorText { 11 | // DOM elements 12 | DOM = { 13 | // Main element (.cursor) 14 | el: null, 15 | // Inner element (.cursor__text) 16 | text: null, 17 | } 18 | // Element style properties 19 | renderedStyles = { 20 | // With interpolation, we can achieve a smooth animation effect when moving the cursor. 21 | // The "previous" and "current" values are the values that will interpolate. 22 | // The returned value will be one between these two (previous and current) at a specific increment. 23 | // The "amt" is the amount to interpolate. 24 | // As an example, the following formula calculates the x-axis translation value to apply to the cursor element: 25 | // this.renderedStyles.tx.previous = lerp(this.renderedStyles.tx.previous, this.renderedStyles.tx.current, this.renderedStyles.tx.amt); 26 | 27 | // translation values 28 | // The lower the amt, the slower the cursor "follows" the user gesture 29 | tx: {previous: 0, current: 0, amt: 0.15}, 30 | ty: {previous: 0, current: 0, amt: 0.15}, 31 | }; 32 | // Element size and position 33 | bounds; 34 | 35 | /** 36 | * Constructor. 37 | */ 38 | constructor(DOM_el) { 39 | this.DOM.el = DOM_el; 40 | this.DOM.text = this.DOM.el.querySelector('.cursor__text'); 41 | 42 | // Hide it initially 43 | this.DOM.el.style.opacity = 0; 44 | 45 | // Calculate size and position 46 | this.bounds = this.DOM.el.getBoundingClientRect(); 47 | 48 | for (const key in this.renderedStyles) { 49 | this.renderedStyles[key].amt = this.DOM.el.dataset.amt || this.renderedStyles[key].amt; 50 | } 51 | 52 | // Show the element and start tracking its position as soon as the user moves the cursor. 53 | const onMouseMoveEv = () => { 54 | // Set up the initial values to be the same 55 | this.renderedStyles.tx.previous = this.renderedStyles.tx.current = cursor.x + 20; 56 | this.renderedStyles.ty.previous = this.renderedStyles.ty.previous = cursor.y - this.bounds.height/2; 57 | // Show it 58 | this.DOM.el.style.opacity = 1; 59 | // Start rAF loop 60 | requestAnimationFrame(() => this.render()); 61 | // Remove the initial mousemove event 62 | window.removeEventListener('mousemove', onMouseMoveEv); 63 | }; 64 | window.addEventListener('mousemove', onMouseMoveEv); 65 | } 66 | 67 | /** 68 | * Loop / Interpolation 69 | */ 70 | render() { 71 | // New cursor positions 72 | this.renderedStyles['tx'].current = cursor.x + 20; 73 | this.renderedStyles['ty'].current = cursor.y - this.bounds.height/2; 74 | 75 | // Interpolation 76 | for (const key in this.renderedStyles ) { 77 | this.renderedStyles[key].previous = lerp(this.renderedStyles[key].previous, this.renderedStyles[key].current, this.renderedStyles[key].amt); 78 | } 79 | 80 | // Apply interpolated values (smooth effect) 81 | this.DOM.el.style.transform = `translateX(${(this.renderedStyles['tx'].previous)}px) translateY(${this.renderedStyles['ty'].previous}px)`; 82 | 83 | // loop... 84 | requestAnimationFrame(() => this.render()); 85 | } 86 | } -------------------------------------------------------------------------------- /src/js/index.js: -------------------------------------------------------------------------------- 1 | import { gsap } from 'gsap'; 2 | import "splitting/dist/splitting.css"; 3 | import "splitting/dist/splitting-cells.css"; 4 | import Splitting from "splitting"; 5 | import { preloadImages } from './utils'; 6 | import { CursorText } from './cursor'; 7 | import { Slide } from './slide'; 8 | import { Observer } from 'gsap/Observer.js'; 9 | gsap.registerPlugin(Observer); 10 | 11 | // Call the splittingjs to transform the data-splitting texts to spans of chars 12 | Splitting(); 13 | 14 | // Some DOM elements 15 | const DOM = { 16 | slides: [...document.querySelectorAll('.slide')], 17 | cursor: document.querySelector('.cursor'), 18 | backCtrl: document.querySelector('.frame__back'), 19 | navigationItems: document.querySelectorAll('.frame__nav > .frame__nav-button'), 20 | }; 21 | // cursor text chars 22 | DOM.cursorChars = DOM.cursor.querySelectorAll('.word > .char, .whitespace'); 23 | // backCtrl text chars 24 | DOM.backChars = DOM.backCtrl.querySelectorAll('.word > .char, .whitespace'); 25 | 26 | // total number of slides 27 | const totalSlides = DOM.slides.length; 28 | 29 | let slidesArr = []; 30 | DOM.slides.forEach(slide => { 31 | slidesArr.push(new Slide(slide)); 32 | }); 33 | 34 | // current slide position 35 | let current = -1; 36 | // check if animation is in progress 37 | let isAnimating = false; 38 | 39 | 40 | const setCurrentSlide = position => { 41 | if ( current !== -1 ) { 42 | slidesArr[current].DOM.el.classList.remove('slide--current'); 43 | } 44 | 45 | current = position; 46 | slidesArr[current].DOM.el.classList.add('slide--current'); 47 | 48 | DOM.navigationItems[current].classList.add('frame__nav-button--current'); 49 | }; 50 | 51 | const next = () => { 52 | const newPosition = current < totalSlides - 1 ? current + 1 : 0; 53 | navigate(newPosition); 54 | }; 55 | 56 | const prev = () => { 57 | const newPosition = current > 0 ? current - 1 : totalSlides - 1; 58 | navigate(newPosition); 59 | }; 60 | 61 | const navigate = newPosition => { 62 | isAnimating = true; 63 | 64 | // change navigation current class 65 | DOM.navigationItems[current].classList.remove('frame__nav-button--current'); 66 | DOM.navigationItems[newPosition].classList.add('frame__nav-button--current'); 67 | 68 | // navigation direction 69 | const direction = current < newPosition ? current === 0 && newPosition === totalSlides - 1 ? 'prev' : 'next' : current === totalSlides - 1 && newPosition === 0 ? 'next' : 'prev'; 70 | 71 | const currentSlide = slidesArr[current]; 72 | current = newPosition; 73 | const upcomingSlide = slidesArr[current]; 74 | 75 | gsap.timeline({ 76 | defaults: { 77 | duration: 1.6, 78 | ease: 'power3.inOut' 79 | }, 80 | onComplete: () => { 81 | currentSlide.DOM.el.classList.remove('slide--current'); 82 | // Close the current slide if it was open 83 | if ( currentSlide.isOpen ) { 84 | hideContent(currentSlide); 85 | } 86 | 87 | isAnimating = false; 88 | } 89 | }) 90 | .addLabel('start', 0) 91 | 92 | .set([currentSlide.DOM.imgInner, upcomingSlide.DOM.imgInner], { 93 | transformOrigin: direction === 'next' ? '50% 0%' : '50% 100%' 94 | }, 'start') 95 | 96 | // Place coming slide either above (translate -100%) or below (translate 100%) and the slide__inner to the opposite translate. 97 | .set(upcomingSlide.DOM.el, { 98 | yPercent: direction === 'next' ? 100 : -100 99 | }, 'start') 100 | .set(upcomingSlide.DOM.inner, { 101 | yPercent: direction === 'next' ? -100 : 100 102 | }, 'start') 103 | 104 | // Add current class 105 | .add(() => { 106 | upcomingSlide.DOM.el.classList.add('slide--current'); 107 | }, 'start') 108 | 109 | // hide the back button and show back the cursor text if the current slide was open 110 | .add(() => { 111 | if ( currentSlide.isOpen ) { 112 | toggleCursorBackTexts(); 113 | } 114 | }, 'start') 115 | 116 | // Current slide moves either up or down (translate 100% or -100%) 117 | .to(currentSlide.DOM.el, { 118 | yPercent: direction === 'next' ? -100 : 100 119 | }, 'start') 120 | .to(currentSlide.DOM.imgInner, { 121 | scaleY: 2 122 | }, 'start') 123 | // Upcoming slide translates to 0 124 | .to([upcomingSlide.DOM.el, upcomingSlide.DOM.inner], { 125 | yPercent: 0 126 | }, 'start') 127 | .to(upcomingSlide.DOM.imgInner, { 128 | ease: 'power2.inOut', 129 | startAt: {scaleY: 2}, 130 | scaleY: 1 131 | }, 'start') 132 | }; 133 | 134 | const toggleCursorBackTexts = isContent => { 135 | return gsap.timeline({ 136 | onStart: () => { 137 | gsap.set(DOM.backChars, {opacity: isContent ? 0 : 1}); 138 | if ( isContent ) { 139 | DOM.backCtrl.classList.add('frame__back--show'); 140 | } 141 | }, 142 | onComplete: () => { 143 | DOM.backCtrl.classList[isContent ? 'add' : 'remove']('frame__back--show'); 144 | if ( !isContent ) { 145 | DOM.backCtrl.classList.remove('frame__back--show'); 146 | } 147 | } 148 | }) 149 | .to(DOM.cursorChars, { 150 | duration: 0.1, 151 | ease: 'expo', 152 | opacity: isContent ? 0 : 1, 153 | stagger: { 154 | amount: 0.5, 155 | grid: 'auto', 156 | from: 'random' 157 | } 158 | }) 159 | .to(DOM.backChars, { 160 | duration: 0.1, 161 | ease: 'expo', 162 | opacity: isContent ? 1 : 0, 163 | stagger: { 164 | amount: 0.5, 165 | grid: 'auto', 166 | from: 'random' 167 | } 168 | }, 0); 169 | }; 170 | 171 | const showContent = position => { 172 | if ( isAnimating ) return; 173 | isAnimating = true; 174 | 175 | const slide = slidesArr[position]; 176 | 177 | slide.isOpen = true; 178 | 179 | gsap.timeline({ 180 | defaults: { 181 | duration: 1.6, 182 | ease: 'power3.inOut' 183 | }, 184 | onStart: () => { 185 | 186 | }, 187 | onComplete: () => { 188 | isAnimating = false; 189 | } 190 | }) 191 | .addLabel('start', 0) 192 | .add(() => { 193 | toggleCursorBackTexts('content'); 194 | }, 'start') 195 | .to(slide.DOM.img, { 196 | yPercent: -100 197 | }, 'start') 198 | .set(slide.DOM.imgInner, { 199 | transformOrigin: '50% 100%' 200 | }, 'start') 201 | .to(slide.DOM.imgInner, { 202 | yPercent: 100, 203 | scaleY: 2 204 | }, 'start') 205 | .to(slide.DOM.contentImg, { 206 | startAt: { 207 | transformOrigin: '50% 0%', 208 | scaleY: 1.5 209 | }, 210 | scaleY: 1 211 | }, 'start') 212 | }; 213 | 214 | const hideContent = (slide, animate = false) => { 215 | // reset values 216 | isAnimating = true; 217 | 218 | const complete = () => { 219 | slide.isOpen = false; 220 | isAnimating = false; 221 | }; 222 | 223 | if ( animate ) { 224 | gsap.timeline({ 225 | defaults: { 226 | duration: 1.6, 227 | ease: 'power3.inOut' 228 | }, 229 | onComplete: complete 230 | }) 231 | .addLabel('start', 0) 232 | .to(slide.DOM.img, { 233 | yPercent: 0 234 | }, 'start') 235 | .to(slide.DOM.imgInner, { 236 | yPercent: 0, 237 | scaleY: 1 238 | }, 'start'); 239 | } 240 | else { 241 | gsap.set(slide.DOM.img, { 242 | yPercent: 0 243 | }); 244 | gsap.set(slide.DOM.imgInner, { 245 | yPercent: 0, 246 | scaleY: 1 247 | }); 248 | complete(); 249 | } 250 | }; 251 | 252 | const initEvents = () => { 253 | // Links navigation 254 | [...DOM.navigationItems].forEach((item, position) => { 255 | item.addEventListener('click', () => { 256 | if ( current === position || isAnimating ) return; 257 | navigate(position); 258 | }); 259 | }); 260 | 261 | // Back click 262 | DOM.backCtrl.addEventListener('click', () => { 263 | if ( isAnimating ) return; 264 | isAnimating = true; 265 | toggleCursorBackTexts(); 266 | hideContent(slidesArr[current], true); 267 | }); 268 | 269 | // Initialize the GSAP Observer plugin 270 | Observer.create({ 271 | type: 'wheel,touch,pointer', 272 | onDown: () => !isAnimating && prev(), 273 | onUp: () => !isAnimating && next(), 274 | // invert the mouse wheel delta 275 | wheelSpeed: -1, 276 | tolerance: 10 277 | }); 278 | 279 | for (const [position, slide] of slidesArr.entries()) { 280 | slide.DOM.img.addEventListener('click', () => { 281 | showContent(position); 282 | }); 283 | } 284 | }; 285 | 286 | // Set current slide 287 | setCurrentSlide(0); 288 | 289 | // Initialize custom cursor 290 | new CursorText(DOM.cursor); 291 | 292 | // Initialize the events 293 | initEvents(); 294 | 295 | // Preload images and initialize scrolling animations 296 | preloadImages('.slide__img-inner').then( _ => { 297 | document.body.classList.remove('loading'); 298 | }); -------------------------------------------------------------------------------- /src/js/slide.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Class representing a Slide element (.slide) 3 | */ 4 | export class Slide { 5 | // DOM elements 6 | DOM = { 7 | // main element (.slide) 8 | el: null, 9 | // slide inner element (.slide__inner) 10 | inner: null, 11 | // slide image element (.slide__img) 12 | img: null, 13 | // slide image inner element (.slide__img-inner) 14 | imgInner: null, 15 | // slide content element (.slide__content) 16 | content: null, 17 | // slide content image (slide__content-img) 18 | contentImg: null, 19 | // other content elements besides the image 20 | contentTexts: null, 21 | }; 22 | 23 | /** 24 | * Constructor. 25 | * @param {Element} DOM_el - main element (.slide) 26 | */ 27 | constructor(DOM_el) { 28 | this.DOM.el = DOM_el; 29 | this.DOM.inner = this.DOM.el.querySelector('.slide__inner'); 30 | this.DOM.img = this.DOM.el.querySelector('.slide__img'); 31 | this.DOM.imgInner = this.DOM.el.querySelector('.slide__img-inner'); 32 | this.DOM.content = this.DOM.el.querySelector('.slide__content'); 33 | this.DOM.contentImg = this.DOM.content.querySelector('.slide__content-img'); 34 | this.DOM.contentTexts = [...this.DOM.content.children].filter(item => item != this.DOM.contentImg); 35 | } 36 | } -------------------------------------------------------------------------------- /src/js/utils.js: -------------------------------------------------------------------------------- 1 | const imagesLoaded = require('imagesloaded'); 2 | 3 | /** 4 | * Preload images 5 | * @param {String} selector - Selector/scope from where images need to be preloaded. Default is 'img' 6 | */ 7 | const preloadImages = (selector = 'img') => { 8 | return new Promise((resolve) => { 9 | imagesLoaded(document.querySelectorAll(selector), {background: true}, resolve); 10 | }); 11 | }; 12 | 13 | /** 14 | * Linear interpolation 15 | * @param {Number} a - first value to interpolate 16 | * @param {Number} b - second value to interpolate 17 | * @param {Number} n - amount to interpolate 18 | */ 19 | const lerp = (a, b, n) => (1 - n) * a + n * b; 20 | 21 | /** 22 | * Gets the cursor position 23 | * @param {Event} ev - mousemove event 24 | */ 25 | const getCursorPos = ev => { 26 | return { 27 | x : ev.clientX, 28 | y : ev.clientY 29 | }; 30 | }; 31 | 32 | export { 33 | preloadImages, 34 | lerp, 35 | getCursorPos, 36 | }; --------------------------------------------------------------------------------