UNPKG

gsap-trial

Version:

*** IMPORTANT *** This package is deprecated in favor of the standard 'gsap' package which now includes all bonus plugins. *** DO NOT DEPLOY THESE FILES *** They only work locally or on domains like codepen.io, codesandbox.io, stackblitz.com and jsfiddle.

gsap.com

13 lines (12 loc) • 63.6 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
/*! * GSDevTools 3.13.0 * https://gsap.com * * @license Copyright 2025, GreenSock. All rights reserved. * *** DO NOT DEPLOY THIS FILE *** * This is a trial version that only works locally and on domains like codepen.io and codesandbox.io. * Loading it on an unauthorized domain violates the license and will cause a redirect. * Get the unrestricted file by joining Club GSAP at https://gsap.com/pricing * @author: Jack Doyle, jack@greensock.com */ let e,t,o,i,n,l,r,s,a,d="transform",p=d+"Origin",c=n=>{let l=n.ownerDocument||n;!(d in n.style)&&"msTransform"in n.style&&(d="msTransform",p=d+"Origin");for(;l.parentNode&&(l=l.parentNode););if(t=window,r=new y,l){e=l,o=l.documentElement,i=l.body,s=e.createElementNS("http://www.w3.org/2000/svg","g"),s.style.transform="none";let t=l.createElement("div"),n=l.createElement("div"),r=l&&(l.body||l.firstElementChild);r&&r.appendChild&&(r.appendChild(t),t.appendChild(n),t.setAttribute("style","position:static;transform:translate3d(0,0,1px)"),a=n.offsetParent!==t,r.removeChild(t))}return l},g=[],h=[],u=e=>e.ownerSVGElement||("svg"===(e.tagName+"").toLowerCase()?e:null),m=e=>"fixed"===t.getComputedStyle(e).position||((e=e.parentNode)&&1===e.nodeType?m(e):void 0),f=(t,o)=>{if(t.parentNode&&(e||c(t))){let i=u(t),r=i?i.getAttribute("xmlns")||"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",s=i?o?"rect":"g":"div",a=2!==o?0:100,d=3===o?100:0,p="position:absolute;display:block;pointer-events:none;margin:0;padding:0;",c=e.createElementNS?e.createElementNS(r.replace(/^https/,"http"),s):e.createElement(s);return o&&(i?(l||(l=f(t)),c.setAttribute("width",.01),c.setAttribute("height",.01),c.setAttribute("transform","translate("+a+","+d+")"),l.appendChild(c)):(n||(n=f(t),n.style.cssText=p),c.style.cssText=p+"width:0.1px;height:0.1px;top:"+d+"px;left:"+a+"px",n.appendChild(c))),c}throw"Need document and parent."},x=(e,o)=>{let i,c,m,x,v,w,b=u(e),T=e===b,_=b?g:h,k=e.parentNode,S=k&&!b&&k.shadowRoot&&k.shadowRoot.appendChild?k.shadowRoot:k;if(e===t)return e;if(_.length||_.push(f(e,1),f(e,2),f(e,3)),i=b?l:n,b)T?(m=(e=>{let t,o=e.getCTM();return o||(t=e.style[d],e.style[d]="none",e.appendChild(s),o=s.getCTM(),e.removeChild(s),t?e.style[d]=t:e.style.removeProperty(d.replace(/([A-Z])/g,"-$1").toLowerCase())),o||r.clone()})(e),x=-m.e/m.a,v=-m.f/m.d,c=r):e.getBBox?(m=e.getBBox(),c=e.transform?e.transform.baseVal:{},c=c.numberOfItems?c.numberOfItems>1?(e=>{let t=new y,o=0;for(;o<e.numberOfItems;o++)t.multiply(e.getItem(o).matrix);return t})(c):c.getItem(0).matrix:r,x=c.a*m.x+c.c*m.y,v=c.b*m.x+c.d*m.y):(c=new y,x=v=0),o&&"g"===e.tagName.toLowerCase()&&(x=v=0),(T?b:k).appendChild(i),i.setAttribute("transform","matrix("+c.a+","+c.b+","+c.c+","+c.d+","+(c.e+x)+","+(c.f+v)+")");else{if(x=v=0,a)for(c=e.offsetParent,m=e;m&&(m=m.parentNode)&&m!==c&&m.parentNode;)(t.getComputedStyle(m)[d]+"").length>4&&(x=m.offsetLeft,v=m.offsetTop,m=0);if(w=t.getComputedStyle(e),"absolute"!==w.position&&"fixed"!==w.position)for(c=e.offsetParent;k&&k!==c;)x+=k.scrollLeft||0,v+=k.scrollTop||0,k=k.parentNode;m=i.style,m.top=e.offsetTop-v+"px",m.left=e.offsetLeft-x+"px",m[d]=w[d],m[p]=w[p],m.position="fixed"===w.position?"fixed":"absolute",S.appendChild(i)}return i},v=(e,t,o,i,n,l,r)=>(e.a=t,e.b=o,e.c=i,e.d=n,e.e=l,e.f=r,e);class y{constructor(e=1,t=0,o=0,i=1,n=0,l=0){v(this,e,t,o,i,n,l)}inverse(){let{a:e,b:t,c:o,d:i,e:n,f:l}=this,r=e*i-t*o||1e-10;return v(this,i/r,-t/r,-o/r,e/r,(o*l-i*n)/r,-(e*l-t*n)/r)}multiply(e){let{a:t,b:o,c:i,d:n,e:l,f:r}=this,s=e.a,a=e.c,d=e.b,p=e.d,c=e.e,g=e.f;return v(this,s*t+d*i,s*o+d*n,a*t+p*i,a*o+p*n,l+c*t+g*i,r+c*o+g*n)}clone(){return new y(this.a,this.b,this.c,this.d,this.e,this.f)}equals(e){let{a:t,b:o,c:i,d:n,e:l,f:r}=this;return t===e.a&&o===e.b&&i===e.c&&n===e.d&&l===e.e&&r===e.f}apply(e,t={}){let{x:o,y:i}=e,{a:n,b:l,c:r,d:s,e:a,f:d}=this;return t.x=o*n+i*r+a||0,t.y=o*l+i*s+d||0,t}}function w(n,l,r,s){if(!n||!n.parentNode||(e||c(n)).documentElement===n)return new y;let a=(e=>{let t,o;for(;e&&e!==i;)o=e._gsap,o&&o.uncache&&o.get(e,"x"),o&&!o.scaleX&&!o.scaleY&&o.renderTransform&&(o.scaleX=o.scaleY=1e-4,o.renderTransform(1,o),t?t.push(o):t=[o]),e=e.parentNode;return t})(n),d=u(n)?g:h,p=x(n,r),f=d[0].getBoundingClientRect(),v=d[1].getBoundingClientRect(),w=d[2].getBoundingClientRect(),b=p.parentNode,T=!s&&m(n),_=new y((v.left-f.left)/100,(v.top-f.top)/100,(w.left-f.left)/100,(w.top-f.top)/100,f.left+(T?0:t.pageXOffset||e.scrollLeft||o.scrollLeft||i.scrollLeft||0),f.top+(T?0:t.pageYOffset||e.scrollTop||o.scrollTop||i.scrollTop||0));if(b.removeChild(p),a)for(f=a.length;f--;)v=a[f],v.scaleX=v.scaleY=0,v.renderTransform(1,v);return l?_.inverse():_}let b,T,_,k,S,C,M,D,E,P,L,X,N,Y,R,B,H,I,O,A,F,W,z=0,G=()=>"undefined"!=typeof window,V=()=>b||G()&&(b=window.gsap)&&b.registerPlugin&&b,Z=e=>"function"==typeof e,q=e=>"object"==typeof e,j=e=>void 0===e,K=()=>!1,U="transform",$="transformOrigin",J=e=>Math.round(1e4*e)/1e4,Q=Array.isArray,ee=(e,t)=>{let o=_.createElementNS?_.createElementNS((t||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),e):_.createElement(e);return o.style?o:_.createElement(e)},te=180/Math.PI,oe=1e20,ie=new y,ne=Date.now||(()=>(new Date).getTime()),le=[],re={},se=0,ae=/^(?:a|input|textarea|button|select)$/i,de=0,pe={},ce={},ge=(e,t)=>{let o,i={};for(o in e)i[o]=t?e[o]*t:e[o];return i},he=(e,t)=>{let o,i=e.length;for(;i--;)t?e[i].style.touchAction=t:e[i].style.removeProperty("touch-action"),o=e[i].children,o&&o.length&&he(o,t)},ue=()=>le.forEach(e=>e()),me=()=>!le.length&&b.ticker.remove(ue),fe=e=>{let t=le.length;for(;t--;)le[t]===e&&le.splice(t,1);b.to(me,{overwrite:!0,delay:15,duration:0,onComplete:me,data:"_draggable"})},xe=(e,t,o,i)=>{if(e.addEventListener){let n=N[t];i=i||(L?{passive:!1}:null),e.addEventListener(n||t,o,i),n&&t!==n&&e.addEventListener(t,o,i)}},ve=(e,t,o,i)=>{if(e.removeEventListener){let n=N[t];e.removeEventListener(n||t,o,i),n&&t!==n&&e.removeEventListener(t,o,i)}},ye=e=>{e.preventDefault&&e.preventDefault(),e.preventManipulation&&e.preventManipulation()},we=e=>{Y=e.touches&&z<e.touches.length,ve(e.target,"touchend",we)},be=e=>{Y=e.touches&&z<e.touches.length,xe(e.target,"touchend",we)},Te=e=>T.pageYOffset||e.scrollTop||e.documentElement.scrollTop||e.body.scrollTop||0,_e=e=>T.pageXOffset||e.scrollLeft||e.documentElement.scrollLeft||e.body.scrollLeft||0,ke=(e,t)=>{xe(e,"scroll",t),Ce(e.parentNode)||ke(e.parentNode,t)},Se=(e,t)=>{ve(e,"scroll",t),Ce(e.parentNode)||Se(e.parentNode,t)},Ce=e=>!(e&&e!==k&&9!==e.nodeType&&e!==_.body&&e!==T&&e.nodeType&&e.parentNode),Me=(e,t)=>{let o="x"===t?"Width":"Height",i="scroll"+o,n="client"+o;return Math.max(0,Ce(e)?Math.max(k[i],S[i])-(T["inner"+o]||k[n]||S[n]):e[i]-e[n])},De=(e,t)=>{let o=Me(e,"x"),i=Me(e,"y");Ce(e)?e=ce:De(e.parentNode,t),e._gsMaxScrollX=o,e._gsMaxScrollY=i,t||(e._gsScrollX=e.scrollLeft||0,e._gsScrollY=e.scrollTop||0)},Ee=(e,t,o)=>{let i=e.style;i&&(j(i[t])&&(t=E(t,e)||t),null==o?i.removeProperty&&i.removeProperty(t.replace(/([A-Z])/g,"-$1").toLowerCase()):i[t]=o)},Pe=e=>T.getComputedStyle(e instanceof Element?e:e.host||(e.parentNode||{}).host||e),Le={},Xe=e=>{if(e===T)return Le.left=Le.top=0,Le.width=Le.right=k.clientWidth||e.innerWidth||S.clientWidth||0,Le.height=Le.bottom=(e.innerHeight||0)-20<k.clientHeight?k.clientHeight:e.innerHeight||S.clientHeight||0,Le;let t=e.ownerDocument||_,o=j(e.pageX)?e.nodeType||j(e.left)||j(e.top)?P(e)[0].getBoundingClientRect():e:{left:e.pageX-_e(t),top:e.pageY-Te(t),right:e.pageX-_e(t)+1,bottom:e.pageY-Te(t)+1};return j(o.right)&&!j(o.width)?(o.right=o.left+o.width,o.bottom=o.top+o.height):j(o.width)&&(o={width:o.right-o.left,height:o.bottom-o.top,right:o.right,left:o.left,bottom:o.bottom,top:o.top}),o},Ne=(e,t,o)=>{let i,n=e.vars,l=n[o],r=e._listeners[t];return Z(l)&&(i=l.apply(n.callbackScope||e,n[o+"Params"]||[e.pointerEvent])),r&&!1===e.dispatchEvent(t)&&(i=!1),i},Ye=(e,t)=>{let o,i,n,l=P(e)[0];return l.nodeType||l===T?Be(l,t):j(e.left)?(i=e.min||e.minX||e.minRotation||0,o=e.min||e.minY||0,{left:i,top:o,width:(e.max||e.maxX||e.maxRotation||0)-i,height:(e.max||e.maxY||0)-o}):(n={x:0,y:0},{left:e.left-n.x,top:e.top-n.y,width:e.width,height:e.height})},Re={},Be=(e,t)=>{t=P(t)[0];let o,i,n,l,r,s,a,d,p,c,g,h,u,m=e.getBBox&&e.ownerSVGElement,f=e.ownerDocument||_;if(e===T)n=Te(f),o=_e(f),i=o+(f.documentElement.clientWidth||e.innerWidth||f.body.clientWidth||0),l=n+((e.innerHeight||0)-20<f.documentElement.clientHeight?f.documentElement.clientHeight:e.innerHeight||f.body.clientHeight||0);else{if(t===T||j(t))return e.getBoundingClientRect();o=n=0,m?(c=e.getBBox(),g=c.width,h=c.height):(e.viewBox&&(c=e.viewBox.baseVal)&&(o=c.x||0,n=c.y||0,g=c.width,h=c.height),g||(u=Pe(e),c="border-box"===u.boxSizing,g=(parseFloat(u.width)||e.clientWidth||0)+(c?0:parseFloat(u.borderLeftWidth)+parseFloat(u.borderRightWidth)),h=(parseFloat(u.height)||e.clientHeight||0)+(c?0:parseFloat(u.borderTopWidth)+parseFloat(u.borderBottomWidth)))),i=g,l=h}return e===t?{left:o,top:n,width:i-o,height:l-n}:(r=w(t,!0).multiply(w(e)),s=r.apply({x:o,y:n}),a=r.apply({x:i,y:n}),d=r.apply({x:i,y:l}),p=r.apply({x:o,y:l}),o=Math.min(s.x,a.x,d.x,p.x),n=Math.min(s.y,a.y,d.y,p.y),{left:o,top:n,width:Math.max(s.x,a.x,d.x,p.x)-o,height:Math.max(s.y,a.y,d.y,p.y)-n})},He=(e,t,o,i,n,l)=>{let r,s,a,d={};if(t)if(1!==n&&t instanceof Array){if(d.end=r=[],a=t.length,q(t[0]))for(s=0;s<a;s++)r[s]=ge(t[s],n);else for(s=0;s<a;s++)r[s]=t[s]*n;o+=1.1,i-=1.1}else Z(t)?d.end=o=>{let i,l,r=t.call(e,o);if(1!==n)if(q(r)){for(l in i={},r)i[l]=r[l]*n;r=i}else r*=n;return r}:d.end=t;return(o||0===o)&&(d.max=o),(i||0===i)&&(d.min=i),l&&(d.velocity=0),d},Ie=e=>{let t;return!(!e||!e.getAttribute||e===S)&&(!("true"!==(t=e.getAttribute("data-clickable"))&&("false"===t||!ae.test(e.nodeName+"")&&"true"!==e.getAttribute("contentEditable")))||Ie(e.parentNode))},Oe=(e,t)=>{let o,i=e.length;for(;i--;)o=e[i],o.ondragstart=o.onselectstart=t?null:K,b.set(o,{lazy:!0,userSelect:t?"text":"none"})},Ae=e=>"fixed"===Pe(e).position||((e=e.parentNode)&&1===e.nodeType?Ae(e):void 0),Fe=function(e,t){e=b.utils.toArray(e)[0],t=t||{};let o,i,n,l,r,s,a=document.createElement("div"),d=a.style,p=e.firstChild,c=0,g=0,h=e.scrollTop,u=e.scrollLeft,m=e.scrollWidth,f=e.scrollHeight,x=0,v=0,y=0;F&&!1!==t.force3D?(r="translate3d(",s="px,0px)"):U&&(r="translate(",s="px)"),this.scrollTop=function(e,t){if(!arguments.length)return-this.top();this.top(-e,t)},this.scrollLeft=function(e,t){if(!arguments.length)return-this.left();this.left(-e,t)},this.left=function(o,i){if(!arguments.length)return-(e.scrollLeft+g);let n=e.scrollLeft-u,l=g;if((n>2||n<-2)&&!i)return u=e.scrollLeft,b.killTweensOf(this,{left:1,scrollLeft:1}),this.left(-u),void(t.onKill&&t.onKill());(o=-o)<0?(g=o-.5|0,o=0):o>v?(g=o-v|0,o=v):g=0,(g||l)&&(this._skip||(d[U]=r+-g+"px,"+-c+s),g+x>=0&&(d.paddingRight=g+x+"px")),e.scrollLeft=0|o,u=e.scrollLeft},this.top=function(o,i){if(!arguments.length)return-(e.scrollTop+c);let n=e.scrollTop-h,l=c;if((n>2||n<-2)&&!i)return h=e.scrollTop,b.killTweensOf(this,{top:1,scrollTop:1}),this.top(-h),void(t.onKill&&t.onKill());(o=-o)<0?(c=o-.5|0,o=0):o>y?(c=o-y|0,o=y):c=0,(c||l)&&(this._skip||(d[U]=r+-g+"px,"+-c+s)),e.scrollTop=0|o,h=e.scrollTop},this.maxScrollTop=()=>y,this.maxScrollLeft=()=>v,this.disable=function(){for(p=a.firstChild;p;)l=p.nextSibling,e.appendChild(p),p=l;e===a.parentNode&&e.removeChild(a)},this.enable=function(){if(p=e.firstChild,p!==a){for(;p;)l=p.nextSibling,a.appendChild(p),p=l;e.appendChild(a),this.calibrate()}},this.calibrate=function(t){let l,r,s,p=e.clientWidth===o;h=e.scrollTop,u=e.scrollLeft,p&&e.clientHeight===i&&a.offsetHeight===n&&m===e.scrollWidth&&f===e.scrollHeight&&!t||((c||g)&&(r=this.left(),s=this.top(),this.left(-e.scrollLeft),this.top(-e.scrollTop)),l=Pe(e),p&&!t||(d.display="block",d.width="auto",d.paddingRight="0px",x=Math.max(0,e.scrollWidth-e.clientWidth),x&&(x+=parseFloat(l.paddingLeft)+(W?parseFloat(l.paddingRight):0))),d.display="inline-block",d.position="relative",d.overflow="visible",d.verticalAlign="top",d.boxSizing="content-box",d.width="100%",d.paddingRight=x+"px",W&&(d.paddingBottom=l.paddingBottom),o=e.clientWidth,i=e.clientHeight,m=e.scrollWidth,f=e.scrollHeight,v=e.scrollWidth-o,y=e.scrollHeight-i,n=a.offsetHeight,d.display="block",(r||s)&&(this.left(r),this.top(s)))},this.content=a,this.element=e,this._skip=!1,this.enable()},We=e=>{if(G()&&document.body){let e=window&&window.navigator;T=window,_=document,k=_.documentElement,S=_.body,C=ee("div"),I=!!window.PointerEvent,M=ee("div"),M.style.cssText="visibility:hidden;height:1px;top:-1px;pointer-events:none;position:relative;clear:both;cursor:grab",H="grab"===M.style.cursor?"grab":"move",R=e&&-1!==e.userAgent.toLowerCase().indexOf("android"),X="ontouchstart"in k&&"orientation"in T||e&&(e.MaxTouchPoints>0||e.msMaxTouchPoints>0),W=function(){let e,t=ee("div"),o=ee("div"),i=o.style,n=S;return i.display="inline-block",i.position="relative",t.style.cssText="width:90px;height:40px;padding:10px;overflow:auto;visibility:hidden",t.appendChild(o),n.appendChild(t),e=o.offsetHeight+18>t.scrollHeight,n.removeChild(t),e}(),N=function(e){let t=e.split(","),o=("onpointerdown"in C?"pointerdown,pointermove,pointerup,pointercancel":"onmspointerdown"in C?"MSPointerDown,MSPointerMove,MSPointerUp,MSPointerCancel":e).split(","),i={},n=4;for(;--n>-1;)i[t[n]]=o[n],i[o[n]]=t[n];try{k.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){L=1}}))}catch(e){}return i}("touchstart,touchmove,touchend,touchcancel"),xe(_,"touchcancel",K),xe(T,"touchmove",K),S&&S.addEventListener("touchstart",K),xe(_,"contextmenu",(function(){for(let e in re)re[e].isPressed&&re[e].endDrag()})),b=D=V()}b?(B=b.plugins.inertia,O=b.core.context||function(){},E=b.utils.checkPrefix,U=E(U),$=E($),P=b.utils.toArray,A=b.core.getStyleSaver,F=!!E("perspective")):e&&console.warn("Please gsap.registerPlugin(Draggable)")};class ze extends class{constructor(e){this._listeners={},this.target=e||this}addEventListener(e,t){let o=this._listeners[e]||(this._listeners[e]=[]);~o.indexOf(t)||o.push(t)}removeEventListener(e,t){let o=this._listeners[e],i=o&&o.indexOf(t);i>=0&&o.splice(i,1)}dispatchEvent(e){let t;return(this._listeners[e]||[]).forEach(o=>!1===o.call(this,{type:e,target:this.target})&&(t=!1)),t}}{constructor(e,t){super(),D||We(1),e=P(e)[0],this.styles=A&&A(e,"transform,left,top"),B||(B=b.plugins.inertia),this.vars=t=ge(t||{}),this.target=e,this.x=this.y=this.rotation=0,this.dragResistance=parseFloat(t.dragResistance)||0,this.edgeResistance=isNaN(t.edgeResistance)?1:parseFloat(t.edgeResistance)||0,this.lockAxis=t.lockAxis,this.autoScroll=t.autoScroll||0,this.lockedAxis=null,this.allowEventDefault=!!t.allowEventDefault,b.getProperty(e,"x");let o,i,n,l,r,s,a,d,p,c,g,h,u,m,f,x,v,S,C,E,L,F,W,G,V,K,U,ee,ae,me,we,Me,Le,Be=(t.type||"x,y").toLowerCase(),Ge=~Be.indexOf("x")||~Be.indexOf("y"),Ve=-1!==Be.indexOf("rotation"),Ze=Ve?"rotation":Ge?"x":"left",qe=Ge?"y":"top",je=!(!~Be.indexOf("x")&&!~Be.indexOf("left")&&"scroll"!==Be),Ke=!(!~Be.indexOf("y")&&!~Be.indexOf("top")&&"scroll"!==Be),Ue=t.minimumMovement||2,$e=this,Je=P(t.trigger||t.handle||e),Qe={},et=0,tt=!1,ot=t.autoScrollMarginTop||40,it=t.autoScrollMarginRight||40,nt=t.autoScrollMarginBottom||40,lt=t.autoScrollMarginLeft||40,rt=t.clickableTest||Ie,st=0,at=e._gsap||b.core.getCache(e),dt=Ae(e),pt=(t,o)=>parseFloat(at.get(e,t,o)),ct=e.ownerDocument||_,gt=e=>(ye(e),e.stopImmediatePropagation&&e.stopImmediatePropagation(),!1),ht=t=>{if($e.autoScroll&&$e.isDragging&&(tt||v)){let t,o,i,n,l,r,s,a,d=e,p=15*$e.autoScroll;for(tt=!1,ce.scrollTop=null!=T.pageYOffset?T.pageYOffset:null!=ct.documentElement.scrollTop?ct.documentElement.scrollTop:ct.body.scrollTop,ce.scrollLeft=null!=T.pageXOffset?T.pageXOffset:null!=ct.documentElement.scrollLeft?ct.documentElement.scrollLeft:ct.body.scrollLeft,n=$e.pointerX-ce.scrollLeft,l=$e.pointerY-ce.scrollTop;d&&!o;)o=Ce(d.parentNode),t=o?ce:d.parentNode,i=o?{bottom:Math.max(k.clientHeight,T.innerHeight||0),right:Math.max(k.clientWidth,T.innerWidth||0),left:0,top:0}:t.getBoundingClientRect(),r=s=0,Ke&&(a=t._gsMaxScrollY-t.scrollTop,a<0?s=a:l>i.bottom-nt&&a?(tt=!0,s=Math.min(a,p*(1-Math.max(0,i.bottom-l)/nt)|0)):l<i.top+ot&&t.scrollTop&&(tt=!0,s=-Math.min(t.scrollTop,p*(1-Math.max(0,l-i.top)/ot)|0)),s&&(t.scrollTop+=s)),je&&(a=t._gsMaxScrollX-t.scrollLeft,a<0?r=a:n>i.right-it&&a?(tt=!0,r=Math.min(a,p*(1-Math.max(0,i.right-n)/it)|0)):n<i.left+lt&&t.scrollLeft&&(tt=!0,r=-Math.min(t.scrollLeft,p*(1-Math.max(0,n-i.left)/lt)|0)),r&&(t.scrollLeft+=r)),o&&(r||s)&&(T.scrollTo(t.scrollLeft,t.scrollTop),Ct($e.pointerX+r,$e.pointerY+s)),d=t}if(v){let{x:o,y:n}=$e;Ve?($e.deltaX=o-parseFloat(at.rotation),$e.rotation=o,at.rotation=o+"deg",at.renderTransform(1,at)):i?(Ke&&($e.deltaY=n-i.top(),i.top(n)),je&&($e.deltaX=o-i.left(),i.left(o))):Ge?(Ke&&($e.deltaY=n-parseFloat(at.y),at.y=n+"px"),je&&($e.deltaX=o-parseFloat(at.x),at.x=o+"px"),at.renderTransform(1,at)):(Ke&&($e.deltaY=n-parseFloat(e.style.top||0),e.style.top=n+"px"),je&&($e.deltaX=o-parseFloat(e.style.left||0),e.style.left=o+"px")),!d||t||ee||(ee=!0,!1===Ne($e,"drag","onDrag")&&(je&&($e.x-=$e.deltaX),Ke&&($e.y-=$e.deltaY),ht(!0)),ee=!1)}v=!1},ut=(t,o)=>{let n,l,{x:r,y:s}=$e;e._gsap||(at=b.core.getCache(e)),at.uncache&&b.getProperty(e,"x"),Ge?($e.x=parseFloat(at.x),$e.y=parseFloat(at.y)):Ve?$e.x=$e.rotation=parseFloat(at.rotation):i?($e.y=i.top(),$e.x=i.left()):($e.y=parseFloat(e.style.top||(l=Pe(e))&&l.top)||0,$e.x=parseFloat(e.style.left||(l||{}).left)||0),(C||E||L)&&!o&&($e.isDragging||$e.isThrowing)&&(L&&(pe.x=$e.x,pe.y=$e.y,n=L(pe),n.x!==$e.x&&($e.x=n.x,v=!0),n.y!==$e.y&&($e.y=n.y,v=!0)),C&&(n=C($e.x),n!==$e.x&&($e.x=n,Ve&&($e.rotation=n),v=!0)),E&&(n=E($e.y),n!==$e.y&&($e.y=n),v=!0)),v&&ht(!0),t||($e.deltaX=$e.x-r,$e.deltaY=$e.y-s,Ne($e,"throwupdate","onThrowUpdate"))},mt=(e,t,o,i)=>(null==t&&(t=-oe),null==o&&(o=oe),Z(e)?n=>{let l=$e.isPressed?1-$e.edgeResistance:1;return e.call($e,(n>o?o+(n-o)*l:n<t?t+(n-t)*l:n)*i)*i}:Q(e)?i=>{let n,l,r=e.length,s=0,a=oe;for(;--r>-1;)n=e[r],l=n-i,l<0&&(l=-l),l<a&&n>=t&&n<=o&&(s=r,a=l);return e[s]}:isNaN(e)?e=>e:()=>e*i),ft=()=>{let o,n,l,r;a=!1,i?(i.calibrate(),$e.minX=g=-i.maxScrollLeft(),$e.minY=u=-i.maxScrollTop(),$e.maxX=c=$e.maxY=h=0,a=!0):t.bounds&&(o=Ye(t.bounds,e.parentNode),Ve?($e.minX=g=o.left,$e.maxX=c=o.left+o.width,$e.minY=u=$e.maxY=h=0):j(t.bounds.maxX)&&j(t.bounds.maxY)?(n=Ye(e,e.parentNode),$e.minX=g=Math.round(pt(Ze,"px")+o.left-n.left),$e.minY=u=Math.round(pt(qe,"px")+o.top-n.top),$e.maxX=c=Math.round(g+(o.width-n.width)),$e.maxY=h=Math.round(u+(o.height-n.height))):(o=t.bounds,$e.minX=g=o.minX,$e.minY=u=o.minY,$e.maxX=c=o.maxX,$e.maxY=h=o.maxY),g>c&&($e.minX=c,$e.maxX=c=g,g=$e.minX),u>h&&($e.minY=h,$e.maxY=h=u,u=$e.minY),Ve&&($e.minRotation=g,$e.maxRotation=c),a=!0),t.liveSnap&&(l=!0===t.liveSnap?t.snap||{}:t.liveSnap,r=Q(l)||Z(l),Ve?(C=mt(r?l:l.rotation,g,c,1),E=null):l.points?L=((e,t,o,i,n,l,r)=>(l=l&&l<oe?l*l:oe,Z(e)?s=>{let a,d,p,c=$e.isPressed?1-$e.edgeResistance:1,g=s.x,h=s.y;return s.x=g=g>o?o+(g-o)*c:g<t?t+(g-t)*c:g,s.y=h=h>n?n+(h-n)*c:h<i?i+(h-i)*c:h,a=e.call($e,s),a!==s&&(s.x=a.x,s.y=a.y),1!==r&&(s.x*=r,s.y*=r),l<oe&&(d=s.x-g,p=s.y-h,d*d+p*p>l&&(s.x=g,s.y=h)),s}:Q(e)?t=>{let o,i,n,r,s=e.length,a=0,d=oe;for(;--s>-1;)n=e[s],o=n.x-t.x,i=n.y-t.y,r=o*o+i*i,r<d&&(a=s,d=r);return d<=l?e[a]:t}:e=>e))(r?l:l.points,g,c,u,h,l.radius,i?-1:1):(je&&(C=mt(r?l:l.x||l.left||l.scrollLeft,g,c,i?-1:1)),Ke&&(E=mt(r?l:l.y||l.top||l.scrollTop,u,h,i?-1:1))))},xt=()=>{$e.isThrowing=!1,Ne($e,"throwcomplete","onThrowComplete")},vt=()=>{$e.isThrowing=!1},yt=(o,n)=>{let l,r,s,d;o&&B?(!0===o&&(l=t.snap||t.liveSnap||{},r=Q(l)||Z(l),o={resistance:(t.throwResistance||t.resistance||1e3)/(Ve?10:1)},Ve?o.rotation=He($e,r?l:l.rotation,c,g,1,n):(je&&(o[Ze]=He($e,r?l:l.points||l.x||l.left,c,g,i?-1:1,n||"x"===$e.lockedAxis)),Ke&&(o[qe]=He($e,r?l:l.points||l.y||l.top,h,u,i?-1:1,n||"y"===$e.lockedAxis)),(l.points||Q(l)&&q(l[0]))&&(o.linkedProps=Ze+","+qe,o.radius=l.radius))),$e.isThrowing=!0,d=isNaN(t.overshootTolerance)?1===t.edgeResistance?0:1-$e.edgeResistance+.2:t.overshootTolerance,o.duration||(o.duration={max:Math.max(t.minDuration||0,"maxDuration"in t?t.maxDuration:2),min:isNaN(t.minDuration)?0===d||q(o)&&o.resistance>1e3?0:.5:t.minDuration,overshoot:d}),$e.tween=s=b.to(i||e,{inertia:o,data:"_draggable",inherit:!1,onComplete:xt,onInterrupt:vt,onUpdate:t.fastMode?Ne:ut,onUpdateParams:t.fastMode?[$e,"onthrowupdate","onThrowUpdate"]:l&&l.radius?[!1,!0]:[]}),t.fastMode||(i&&(i._skip=!0),s.render(1e9,!0,!0),ut(!0,!0),$e.endX=$e.x,$e.endY=$e.y,Ve&&($e.endRotation=$e.x),s.play(0),ut(!0,!0),i&&(i._skip=!1))):a&&$e.applyBounds()},wt=t=>{let o,i=G;G=w(e.parentNode,!0),t&&$e.isPressed&&!G.equals(i||new y)&&(o=i.inverse().apply({x:n,y:l}),G.apply(o,o),n=o.x,l=o.y),G.equals(ie)&&(G=null)},bt=()=>{let t,o,d,p=1-$e.edgeResistance,m=dt?_e(ct):0,f=dt?Te(ct):0;Ge&&(at.x=pt(Ze,"px")+"px",at.y=pt(qe,"px")+"px",at.renderTransform()),wt(!1),Re.x=$e.pointerX-m,Re.y=$e.pointerY-f,G&&G.apply(Re,Re),n=Re.x,l=Re.y,v&&(Ct($e.pointerX,$e.pointerY),ht(!0)),Me=w(e),i?(ft(),s=i.top(),r=i.left()):(Tt()?(ut(!0,!0),ft()):$e.applyBounds(),Ve?(t=e.ownerSVGElement?[at.xOrigin-e.getBBox().x,at.yOrigin-e.getBBox().y]:(Pe(e)[$]||"0 0").split(" "),x=$e.rotationOrigin=w(e).apply({x:parseFloat(t[0])||0,y:parseFloat(t[1])||0}),ut(!0,!0),o=$e.pointerX-x.x-m,d=x.y-$e.pointerY+f,r=$e.x,s=$e.y=Math.atan2(d,o)*te):(s=pt(qe,"px"),r=pt(Ze,"px"))),a&&p&&(r>c?r=c+(r-c)/p:r<g&&(r=g-(g-r)/p),Ve||(s>h?s=h+(s-h)/p:s<u&&(s=u-(u-s)/p))),$e.startX=r=J(r),$e.startY=s=J(s)},Tt=()=>$e.tween&&$e.tween.isActive(),_t=()=>{!M.parentNode||Tt()||$e.isDragging||M.parentNode.removeChild(M)},kt=(r,s)=>{let a;if(!o||$e.isPressed||!r||!("mousedown"!==r.type&&"pointerdown"!==r.type||s)&&ne()-st<30&&N[$e.pointerEvent.type])we&&r&&o&&ye(r);else{if(V=Tt(),Le=!1,$e.pointerEvent=r,N[r.type]?(W=~r.type.indexOf("touch")?r.currentTarget||r.target:ct,xe(W,"touchend",Mt),xe(W,"touchmove",St),xe(W,"touchcancel",Mt),xe(ct,"touchstart",be)):(W=null,xe(ct,"mousemove",St)),U=null,I&&W||(xe(ct,"mouseup",Mt),r&&r.target&&xe(r.target,"mouseup",Mt)),F=rt.call($e,r.target)&&!1===t.dragClickables&&!s,F)return xe(r.target,"change",Mt),Ne($e,"pressInit","onPressInit"),Ne($e,"press","onPress"),Oe(Je,!0),void(we=!1);var c;if(K=!(!W||je===Ke||!1===$e.vars.allowNativeTouchScrolling||$e.vars.allowContextMenu&&r&&(r.ctrlKey||r.which>2))&&(je?"y":"x"),we=!K&&!$e.allowEventDefault,we&&(ye(r),xe(T,"touchforcechange",ye)),r.changedTouches?(r=m=r.changedTouches[0],f=r.identifier):r.pointerId?f=r.pointerId:m=f=null,z++,c=ht,le.push(c),1===le.length&&b.ticker.add(ue),l=$e.pointerY=r.pageY,n=$e.pointerX=r.pageX,Ne($e,"pressInit","onPressInit"),(K||$e.autoScroll)&&De(e.parentNode),!e.parentNode||!$e.autoScroll||i||Ve||!e.parentNode._gsMaxScrollX||M.parentNode||e.getBBox||(M.style.width=e.parentNode.scrollWidth+"px",e.parentNode.appendChild(M)),bt(),$e.tween&&$e.tween.kill(),$e.isThrowing=!1,b.killTweensOf(i||e,Qe,!0),i&&b.killTweensOf(e,{scrollTo:1},!0),$e.tween=$e.lockedAxis=null,(t.zIndexBoost||!Ve&&!i&&!1!==t.zIndexBoost)&&(e.style.zIndex=ze.zIndex++),$e.isPressed=!0,d=!(!t.onDrag&&!$e._listeners.drag),p=!(!t.onMove&&!$e._listeners.move),!1!==t.cursor||t.activeCursor)for(a=Je.length;--a>-1;)b.set(Je[a],{cursor:t.activeCursor||t.cursor||("grab"===H?"grabbing":H)});Ne($e,"press","onPress")}},St=t=>{let i,r,s,a,d,c,g=t;if(o&&!Y&&$e.isPressed&&t){if($e.pointerEvent=t,i=t.changedTouches,i){if((t=i[0])!==m&&t.identifier!==f){for(a=i.length;--a>-1&&(t=i[a]).identifier!==f&&t.target!==e;);if(a<0)return}}else if(t.pointerId&&f&&t.pointerId!==f)return;W&&K&&!U&&(Re.x=t.pageX-(dt?_e(ct):0),Re.y=t.pageY-(dt?Te(ct):0),G&&G.apply(Re,Re),r=Re.x,s=Re.y,d=Math.abs(r-n),c=Math.abs(s-l),(d!==c&&(d>Ue||c>Ue)||R&&K===U)&&(U=d>c&&je?"x":"y",K&&U!==K&&xe(T,"touchforcechange",ye),!1!==$e.vars.lockAxisOnTouchScroll&&je&&Ke&&($e.lockedAxis="x"===U?"y":"x",Z($e.vars.onLockAxis)&&$e.vars.onLockAxis.call($e,g)),R&&K===U))?Mt(g):($e.allowEventDefault||K&&(!U||K===U)||!1===g.cancelable?we&&(we=!1):(ye(g),we=!0),$e.autoScroll&&(tt=!0),Ct(t.pageX,t.pageY,p))}else we&&t&&o&&ye(t)},Ct=(e,t,o)=>{let i,d,p,m,f,y,w=1-$e.dragResistance,b=1-$e.edgeResistance,T=$e.pointerX,_=$e.pointerY,k=s,S=$e.x,M=$e.y,D=$e.endX,P=$e.endY,X=$e.endRotation,N=v;$e.pointerX=e,$e.pointerY=t,dt&&(e-=_e(ct),t-=Te(ct)),Ve?(m=Math.atan2(x.y-t,e-x.x)*te,f=$e.y-m,f>180?(s-=360,$e.y=m):f<-180&&(s+=360,$e.y=m),$e.x!==r||Math.max(Math.abs(n-e),Math.abs(l-t))>Ue?($e.y=m,p=r+(s-m)*w):p=r):(G&&(y=e*G.a+t*G.c+G.e,t=e*G.b+t*G.d+G.f,e=y),d=t-l,i=e-n,d<Ue&&d>-Ue&&(d=0),i<Ue&&i>-Ue&&(i=0),($e.lockAxis||$e.lockedAxis)&&(i||d)&&(y=$e.lockedAxis,y||($e.lockedAxis=y=je&&Math.abs(i)>Math.abs(d)?"y":Ke?"x":null,y&&Z($e.vars.onLockAxis)&&$e.vars.onLockAxis.call($e,$e.pointerEvent)),"y"===y?d=0:"x"===y&&(i=0)),p=J(r+i*w),m=J(s+d*w)),(C||E||L)&&($e.x!==p||$e.y!==m&&!Ve)&&(L&&(pe.x=p,pe.y=m,y=L(pe),p=J(y.x),m=J(y.y)),C&&(p=J(C(p))),E&&(m=J(E(m)))),a&&(p>c?p=c+Math.round((p-c)*b):p<g&&(p=g+Math.round((p-g)*b)),Ve||(m>h?m=Math.round(h+(m-h)*b):m<u&&(m=Math.round(u+(m-u)*b)))),($e.x!==p||$e.y!==m&&!Ve)&&(Ve?($e.endRotation=$e.x=$e.endX=p,v=!0):(Ke&&($e.y=$e.endY=m,v=!0),je&&($e.x=$e.endX=p,v=!0)),o&&!1===Ne($e,"move","onMove")?($e.pointerX=T,$e.pointerY=_,s=k,$e.x=S,$e.y=M,$e.endX=D,$e.endY=P,$e.endRotation=X,v=N):!$e.isDragging&&$e.isPressed&&($e.isDragging=Le=!0,Ne($e,"dragstart","onDragStart")))},Mt=(i,n)=>{if(!o||!$e.isPressed||i&&null!=f&&!n&&(i.pointerId&&i.pointerId!==f&&i.target!==e||i.changedTouches&&!((e,t)=>{let o=e.length;for(;o--;)if(e[o].identifier===t)return!0})(i.changedTouches,f)))return void(we&&i&&o&&ye(i));$e.isPressed=!1;let l,r,s,a,d,p=i,c=$e.isDragging,g=$e.vars.allowContextMenu&&i&&(i.ctrlKey||i.which>2),h=b.delayedCall(.001,_t);if(W?(ve(W,"touchend",Mt),ve(W,"touchmove",St),ve(W,"touchcancel",Mt),ve(ct,"touchstart",be)):ve(ct,"mousemove",St),ve(T,"touchforcechange",ye),I&&W||(ve(ct,"mouseup",Mt),i&&i.target&&ve(i.target,"mouseup",Mt)),v=!1,c&&(et=de=ne(),$e.isDragging=!1),fe(ht),F&&!g)return i&&(ve(i.target,"change",Mt),$e.pointerEvent=p),Oe(Je,!1),Ne($e,"release","onRelease"),Ne($e,"click","onClick"),void(F=!1);for(r=Je.length;--r>-1;)Ee(Je[r],"cursor",t.cursor||(!1!==t.cursor?H:null));if(z--,i){if(l=i.changedTouches,l&&(i=l[0])!==m&&i.identifier!==f){for(r=l.length;--r>-1&&(i=l[r]).identifier!==f&&i.target!==e;);if(r<0&&!n)return}$e.pointerEvent=p,$e.pointerX=i.pageX,$e.pointerY=i.pageY}return g&&p?(ye(p),we=!0,Ne($e,"release","onRelease")):p&&!c?(we=!1,V&&(t.snap||t.bounds)&&yt(t.inertia||t.throwProps),Ne($e,"release","onRelease"),R&&"touchmove"===p.type||-1!==p.type.indexOf("cancel")||(Ne($e,"click","onClick"),ne()-st<300&&Ne($e,"doubleclick","onDoubleClick"),a=p.target||e,st=ne(),d=()=>{st===ae||!$e.enabled()||$e.isPressed||p.defaultPrevented||(a.click?a.click():ct.createEvent&&(s=ct.createEvent("MouseEvents"),s.initMouseEvent("click",!0,!0,T,1,$e.pointerEvent.screenX,$e.pointerEvent.screenY,$e.pointerX,$e.pointerY,!1,!1,!1,!1,0,null),a.dispatchEvent(s)))},R||p.defaultPrevented||b.delayedCall(.05,d))):(yt(t.inertia||t.throwProps),$e.allowEventDefault||!p||!1===t.dragClickables&&rt.call($e,p.target)||!c||K&&(!U||K!==U)||!1===p.cancelable?we=!1:(we=!0,ye(p)),Ne($e,"release","onRelease")),Tt()&&h.duration($e.tween.duration()),c&&Ne($e,"dragend","onDragEnd"),!0},Dt=t=>{if(t&&$e.isDragging&&!i){let o=t.target||e.parentNode,i=o.scrollLeft-o._gsScrollX,r=o.scrollTop-o._gsScrollY;(i||r)&&(G?(n-=i*G.a+r*G.c,l-=r*G.d+i*G.b):(n-=i,l-=r),o._gsScrollX+=i,o._gsScrollY+=r,Ct($e.pointerX,$e.pointerY))}},Et=e=>{let t=ne(),o=t-st<100,i=t-et<50,n=o&&ae===st,l=$e.pointerEvent&&$e.pointerEvent.defaultPrevented,r=o&&me===st,s=e.isTrusted||null==e.isTrusted&&o&&n;if((n||i&&!1!==$e.vars.suppressClickOnDrag)&&e.stopImmediatePropagation&&e.stopImmediatePropagation(),o&&(!$e.pointerEvent||!$e.pointerEvent.defaultPrevented)&&(!n||s&&!r))return s&&n&&(me=st),void(ae=st);($e.isPressed||i||o)&&(s&&e.detail&&o&&!l||ye(e)),o||i||Le||(e&&e.target&&($e.pointerEvent=e),Ne($e,"click","onClick"))},Pt=e=>G?{x:e.x*G.a+e.y*G.c+G.e,y:e.x*G.b+e.y*G.d+G.f}:{x:e.x,y:e.y};S=ze.get(e),S&&S.kill(),this.startDrag=(t,o)=>{let i,r,s,a;kt(t||$e.pointerEvent,!0),o&&!$e.hitTest(t||$e.pointerEvent)&&(i=Xe(t||$e.pointerEvent),r=Xe(e),s=Pt({x:i.left+i.width/2,y:i.top+i.height/2}),a=Pt({x:r.left+r.width/2,y:r.top+r.height/2}),n-=s.x-a.x,l-=s.y-a.y),$e.isDragging||($e.isDragging=Le=!0,Ne($e,"dragstart","onDragStart"))},this.drag=St,this.endDrag=e=>Mt(e||$e.pointerEvent,!0),this.timeSinceDrag=()=>$e.isDragging?0:(ne()-et)/1e3,this.timeSinceClick=()=>(ne()-st)/1e3,this.hitTest=(e,t)=>ze.hitTest($e.target,e,t),this.getDirection=(t,o)=>{let i,n,l,a,d,p,c="velocity"===t&&B?t:q(t)&&!Ve?"element":"start";return"element"===c&&(d=Xe($e.target),p=Xe(t)),i="start"===c?$e.x-r:"velocity"===c?B.getVelocity(e,Ze):d.left+d.width/2-(p.left+p.width/2),Ve?i<0?"counter-clockwise":"clockwise":(o=o||2,n="start"===c?$e.y-s:"velocity"===c?B.getVelocity(e,qe):d.top+d.height/2-(p.top+p.height/2),l=Math.abs(i/n),a=l<1/o?"":i<0?"left":"right",l<o&&(""!==a&&(a+="-"),a+=n<0?"up":"down"),a)},this.applyBounds=(o,i)=>{let n,l,r,s,d,p;if(o&&t.bounds!==o)return t.bounds=o,$e.update(!0,i);if(ut(!0),ft(),a&&!Tt()){if(n=$e.x,l=$e.y,n>c?n=c:n<g&&(n=g),l>h?l=h:l<u&&(l=u),($e.x!==n||$e.y!==l)&&(r=!0,$e.x=$e.endX=n,Ve?$e.endRotation=n:$e.y=$e.endY=l,v=!0,ht(!0),$e.autoScroll&&!$e.isDragging))for(De(e.parentNode),s=e,ce.scrollTop=null!=T.pageYOffset?T.pageYOffset:null!=ct.documentElement.scrollTop?ct.documentElement.scrollTop:ct.body.scrollTop,ce.scrollLeft=null!=T.pageXOffset?T.pageXOffset:null!=ct.documentElement.scrollLeft?ct.documentElement.scrollLeft:ct.body.scrollLeft;s&&!p;)p=Ce(s.parentNode),d=p?ce:s.parentNode,Ke&&d.scrollTop>d._gsMaxScrollY&&(d.scrollTop=d._gsMaxScrollY),je&&d.scrollLeft>d._gsMaxScrollX&&(d.scrollLeft=d._gsMaxScrollX),s=d;$e.isThrowing&&(r||$e.endX>c||$e.endX<g||$e.endY>h||$e.endY<u)&&yt(t.inertia||t.throwProps,r)}return $e},this.update=(t,o,i)=>{if(o&&$e.isPressed){let t=w(e),o=Me.apply({x:$e.x-r,y:$e.y-s}),i=w(e.parentNode,!0);i.apply({x:t.e-o.x,y:t.f-o.y},o),$e.x-=o.x-i.e,$e.y-=o.y-i.f,ht(!0),bt()}let{x:n,y:l}=$e;return wt(!o),t?$e.applyBounds():(v&&i&&ht(!0),ut(!0)),o&&(Ct($e.pointerX,$e.pointerY),v&&ht(!0)),$e.isPressed&&!o&&(je&&Math.abs(n-$e.x)>.01||Ke&&Math.abs(l-$e.y)>.01&&!Ve)&&bt(),$e.autoScroll&&(De(e.parentNode,$e.isDragging),tt=$e.isDragging,ht(!0),Se(e,Dt),ke(e,Dt)),$e},this.enable=n=>{let l,r,s,a={lazy:!0};if(!1!==t.cursor&&(a.cursor=t.cursor||H),b.utils.checkPrefix("touchCallout")&&(a.touchCallout="none"),"soft"!==n){for(he(Je,je===Ke?"none":t.allowNativeTouchScrolling&&e.scrollHeight===e.clientHeight==(e.scrollWidth===e.clientHeight)||t.allowEventDefault?"manipulation":je?"pan-y":"pan-x"),r=Je.length;--r>-1;)s=Je[r],I||xe(s,"mousedown",kt),xe(s,"touchstart",kt),xe(s,"click",Et,!0),b.set(s,a),s.getBBox&&s.ownerSVGElement&&je!==Ke&&b.set(s.ownerSVGElement,{touchAction:t.allowNativeTouchScrolling||t.allowEventDefault?"manipulation":je?"pan-y":"pan-x"}),t.allowContextMenu||xe(s,"contextmenu",gt);Oe(Je,!1)}return ke(e,Dt),o=!0,B&&"soft"!==n&&B.track(i||e,Ge?"x,y":Ve?"rotation":"top,left"),e._gsDragID=l=e._gsDragID||"d"+se++,re[l]=$e,i&&(i.enable(),i.element._gsDragID=l),(t.bounds||Ve)&&bt(),t.bounds&&$e.applyBounds(),$e},this.disable=t=>{let n,l=$e.isDragging,r=Je.length;for(;--r>-1;)Ee(Je[r],"cursor",null);if("soft"!==t){for(he(Je,null),r=Je.length;--r>-1;)n=Je[r],Ee(n,"touchCallout",null),ve(n,"mousedown",kt),ve(n,"touchstart",kt),ve(n,"click",Et,!0),ve(n,"contextmenu",gt);Oe(Je,!0),W&&(ve(W,"touchcancel",Mt),ve(W,"touchend",Mt),ve(W,"touchmove",St)),ve(ct,"mouseup",Mt),ve(ct,"mousemove",St)}return Se(e,Dt),o=!1,B&&"soft"!==t&&(B.untrack(i||e,Ge?"x,y":Ve?"rotation":"top,left"),$e.tween&&$e.tween.kill()),i&&i.disable(),fe(ht),$e.isDragging=$e.isPressed=F=!1,l&&Ne($e,"dragend","onDragEnd"),$e},this.enabled=function(e,t){return arguments.length?e?$e.enable(t):$e.disable(t):o},this.kill=function(){return $e.isThrowing=!1,$e.tween&&$e.tween.kill(),$e.disable(),b.set(Je,{clearProps:"userSelect"}),delete re[e._gsDragID],$e},this.revert=function(){this.kill(),this.styles&&this.styles.revert()},~Be.indexOf("scroll")&&(i=this.scrollProxy=new Fe(e,((e,t)=>{for(let o in t)o in e||(e[o]=t[o]);return e})({onKill:function(){$e.isPressed&&Mt(null)}},t)),e.style.overflowY=Ke&&!X?"auto":"hidden",e.style.overflowX=je&&!X?"auto":"hidden",e=i.content),Ve?Qe.rotation=1:(je&&(Qe[Ze]=1),Ke&&(Qe[qe]=1)),at.force3D=!("force3D"in t)||t.force3D,O(this),this.enable()}static register(e){b=e,We()}static create(e,t){return D||We(!0),P(e).map(e=>new ze(e,t))}static get(e){return re[(P(e)[0]||{})._gsDragID]}static timeSinceDrag(){return(ne()-de)/1e3}static hitTest(e,t,o){if(e===t)return!1;let i,n,l,r=Xe(e),s=Xe(t),{top:a,left:d,right:p,bottom:c,width:g,height:h}=r,u=s.left>p||s.right<d||s.top>c||s.bottom<a;return u||!o?!u:(l=-1!==(o+"").indexOf("%"),o=parseFloat(o)||0,i={left:Math.max(d,s.left),top:Math.max(a,s.top)},i.width=Math.min(p,s.right)-i.left,i.height=Math.min(c,s.bottom)-i.top,!(i.width<0||i.height<0)&&(l?(o*=.01,n=i.width*i.height,n>=g*h*o||n>=s.width*s.height*o):i.width>o&&i.height>o))}}((e,t)=>{for(let o in t)o in e||(e[o]=t[o])})(ze.prototype,{pointerX:0,pointerY:0,startX:0,startY:0,deltaX:0,deltaY:0,isDragging:!1,isPressed:!1}),ze.zIndex=1e3,ze.version="3.13.0",V()&&b.registerPlugin(ze);let Ge,Ve,Ze,qe,je,Ke,Ue,$e,Je,Qe,et,tt,ot,it,nt,lt=!0,rt=0,st=()=>"undefined"!=typeof window,at=()=>Ge||st()&&(Ge=window.gsap)&&Ge.registerPlugin&&Ge,dt=e=>"string"==typeof e,pt=e=>void 0===e,ct=function(){return String.fromCharCode.apply(null,arguments)},gt=ct(103,114,101,101,110,115,111,99,107,46,99,111,109),ht=ct(103,115,97,112,46,99,111,109),ut=/^(?:[0-9]{1,3}\.){3}[0-9]{1,3}:?\d*$/,mt=(function(e){var t="undefined"!=typeof window,o=0===(t?window.location.href:"").indexOf(ct(102,105,108,101,58,47,47))||-1!==e.indexOf(ct(108,111,99,97,108,104,111,115,116))||ut.test(e)||(t?window.location.hostname:"").split(".").pop()===ct(108,111,99,97,108),i=[gt,ht,ct(99,111,100,101,112,101,110,46,105,111),ct(99,111,100,101,112,101,110,46,112,108,117,109,98,105,110,103),ct(99,111,100,101,112,101,110,46,100,101,118),ct(99,111,100,101,112,101,110,46,97,112,112),ct(99,111,100,101,112,101,110,46,119,101,98,115,105,116,101),ct(112,101,110,115,46,99,108,111,117,100),ct(99,115,115,45,116,114,105,99,107,115,46,99,111,109),ct(99,100,112,110,46,105,111),ct(112,101,110,115,46,105,111),ct(103,97,110,110,111,110,46,116,118),ct(99,111,100,101,99,97,110,121,111,110,46,110,101,116),ct(116,104,101,109,101,102,111,114,101,115,116,46,110,101,116),ct(99,101,114,101,98,114,97,120,46,99,111,46,117,107),ct(116,121,109,112,97,110,117,115,46,110,101,116),ct(116,119,101,101,110,109,97,120,46,99,111,109),ct(112,108,110,107,114,46,99,111),ct(104,111,116,106,97,114,46,99,111,109),ct(119,101,98,112,97,99,107,98,105,110,46,99,111,109),ct(97,114,99,104,105,118,101,46,111,114,103),ct(99,111,100,101,115,97,110,100,98,111,120,46,105,111),ct(99,115,98,46,97,112,112),ct(115,116,97,99,107,98,108,105,116,122,46,99,111,109),ct(115,116,97,99,107,98,108,105,116,122,46,105,111),ct(99,111,100,105,101,114,46,105,111),ct(109,111,116,105,111,110,116,114,105,99,107,115,46,99,111,109),ct(115,116,97,99,107,111,118,101,114,102,108,111,119,46,99,111,109),ct(115,116,97,99,107,101,120,99,104,97,110,103,101,46,99,111,109),ct(115,116,117,100,105,111,102,114,101,105,103,104,116,46,99,111,109),ct(119,101,98,99,111,110,116,97,105,110,101,114,46,105,111),ct(106,115,102,105,100,100,108,101,46,110,101,116)],n=function(){if(t)if("loading"===document.readyState||"interactive"===document.readyState)document.addEventListener("readystatechange",n);else{document.removeEventListener("readystatechange",n);var e="object"==typeof Ge?Ge:t&&window.gsap;t&&window.console&&!window._gsapWarned&&"object"==typeof e&&!1!==e.config().trialWarn&&(console.log(ct(37,99,87,97,114,110,105,110,103),ct(102,111,110,116,45,115,105,122,101,58,51,48,112,120,59,99,111,108,111,114,58,114,101,100,59)),console.log(ct(65,32,116,114,105,97,108,32,118,101,114,115,105,111,110,32,111,102,32)+"GSDevTools"+ct(32,105,115,32,108,111,97,100,101,100,32,116,104,97,116,32,111,110,108,121,32,119,111,114,107,115,32,108,111,99,97,108,108,121,32,97,110,100,32,111,110,32,100,111,109,97,105,110,115,32,108,105,107,101,32,99,111,100,101,112,101,110,46,105,111,32,97,110,100,32,99,111,100,101,115,97,110,100,98,111,120,46,105,111,46,32,42,42,42,32,68,79,32,78,79,84,32,68,69,80,76,79,89,32,84,72,73,83,32,70,73,76,69,32,42,42,42,32,76,111,97,100,105,110,103,32,105,116,32,111,110,32,97,110,32,117,110,97,117,116,104,111,114,105,122,101,100,32,115,105,116,101,32,118,105,111,108,97,116,101,115,32,116,104,101,32,108,105,99,101,110,115,101,32,97,110,100,32,119,105,108,108,32,99,97,117,115,101,32,97,32,114,101,100,105,114,101,99,116,46,32,80,108,101,97,115,101,32,106,111,105,110,32,67,108,117,98,32,71,114,101,101,110,83,111,99,107,32,116,111,32,103,101,116,32,102,117,108,108,32,97,99,99,101,115,115,32,116,111,32,116,104,101,32,98,111,110,117,115,32,112,108,117,103,105,110,115,32,116,104,97,116,32,98,111,111,115,116,32,121,111,117,114,32,97,110,105,109,97,116,105,111,110,32,115,117,112,101,114,112,111,119,101,114,115,46,32,68,105,115,97,98,108,101,32,116,104,105,115,32,119,97,114,110,105,110,103,32,119,105,116,104,32,103,115,97,112,46,99,111,110,102,105,103,40,123,116,114,105,97,108,87,97,114,110,58,32,102,97,108,115,101,125,41,59)),console.log(ct(37,99,71,101,116,32,117,110,114,101,115,116,114,105,99,116,101,100,32,102,105,108,101,115,32,97,116,32,104,116,116,112,115,58,47,47,103,114,101,101,110,115,111,99,107,46,99,111,109,47,99,108,117,98),ct(102,111,110,116,45,115,105,122,101,58,49,54,112,120,59,99,111,108,111,114,58,35,52,101,57,56,49,53)),window._gsapWarned=1)}},l=i.length;for(setTimeout(n,50);--l>-1;)if(-1!==e.indexOf(i[l]))return!0;o||setTimeout((function(){t&&(window.location.href=ct(104,116,116,112,115,58,47,47)+gt+ct(47,114,101,113,117,105,114,101,115,45,109,101,109,98,101,114,115,104,105,112,47)+"?plugin=GSDevTools&source=trial")}),4e3)}("undefined"!=typeof window?window.location.host:""),"http://www.w3.org/2000/svg"),ft="http://www.w3.org/1999/xhtml",xt=0,vt={},yt=function(){try{return sessionStorage.setItem("gsTest","1"),sessionStorage.removeItem("gsTest"),!0}catch(e){return!1}}(),wt=(e,t,o)=>{let i=Ze.createElementNS?Ze.createElementNS("svg"===e?mt:ft,e):Ze.createElement(e);return t&&(dt(t)&&(t=Ze.querySelector(t)),t.appendChild(i)),"svg"===e&&(i.setAttribute("xmlns",mt),i.setAttribute("xmlns:xlink",ft)),o&&(i.style.cssText=o),i},bt=()=>{Ze.selection?Ze.selection.empty():je.getSelection&&je.getSelection().removeAllRanges()},Tt=(e,t)=>{let o=[],i=0,n=Ge.core.Tween,l=e._first;for(;l;)l instanceof n?l.vars.id&&(o[i++]=l):(t&&l.vars.id&&(o[i++]=l),o=o.concat(Tt(l,t)),i=o.length),l=l._next;return o},_t=(e,t)=>{let o=0,i=Math.max(0,e._repeat),n=e._first;for(n||(o=e.duration());n;)o=Math.max(o,n.totalDuration()>999?n.endTime(!1):n._start+n._tDur/n._ts),n=n._next;return!t&&i?o*(i+1)+e._rDelay*i:o},kt=(e,t,o,i)=>{let n,l,r;return dt(e)&&("="===e.charAt(1)?(n=parseInt(e.charAt(0)+"1",10)*parseFloat(e.substr(2)),n<0&&0===i&&(i=100),e=i/100*t.duration()+n):isNaN(e)&&t.labels&&-1!==t.labels[e]?e=t.labels[e]:t===Ke&&(l=e.indexOf("="),l>0?(n=parseInt(e.charAt(l-1)+"1",10)*parseFloat(e.substr(l+1)),e=e.substr(0,l-1)):n=0,r=Ge.getById(e),r&&(e=function(e,t){let o=e,i=arguments.length>1?+t:o.rawTime();for(;o;)i=o._start+i/(o._ts||1),o=o.parent;return i}(r,o/100*r.duration())+n))),e=isNaN(e)?o:parseFloat(e),Math.min(100,Math.max(0,e/t.duration()*100))},St=!0,Ct=(e,t,o,i)=>{let n,l;if("mousedown"!==t&&"mouseup"!==t||(e.style.cursor="pointer"),"mousedown"===t&&(l=pt(e.onpointerdown)?pt(e.ontouchstart)?null:"touchstart":"pointerdown",l))return n=t=>{"select"!==t.target.nodeName.toLowerCase()&&t.type===l?(t.stopPropagation(),St&&(t.preventDefault(),o.call(e,t))):t.type!==l&&o.call(e,t),St=!0},e.addEventListener(l,n,i),void("pointerdown"!==l&&e.addEventListener(t,n,i));e.addEventListener(t,o,i)},Mt=(e,t,o)=>{e.removeEventListener(t,o),(t="mousedown"!==t?null:pt(e.onpointerdown)?pt(e.ontouchstart)?null:"touchstart":"pointerdown")&&e.removeEventListener(t,o)},Dt=(e,t,o,i)=>{let n,l=e.options,r=l.length;for(t+="";--r>-1;)if(l[r].innerHTML===t||l[r].value===t)return e.selectedIndex=r,o.innerHTML=l[r].innerHTML,l[r];i&&(n=wt("option",e),n.setAttribute("value",t),n.innerHTML=o.innerHTML=dt(i)?i:t,e.selectedIndex=l.length-1)},Et=(e,t,o)=>{let i=e.options,n=Math.min(i.length-1,Math.max(0,e.selectedIndex+t));return e.selectedIndex=n,o&&(o.innerHTML=i[n].innerHTML),i[n].value},Pt=()=>{let e,t,o,i=et._first;if(Je){for(e=Ke._dur;i;)t=i._next,o=i._targets&&i._targets[0],"function"==typeof o&&o===i.vars.onComplete&&!i._dur||o&&o._gsIgnore||Ke.add(i,i._start-i._delay),i=t;return e!==Ke.duration()}},Lt=e=>Ge.getById(e)||tt.getById(e)||e===Ke.vars.id&&Ke,Xt=e=>{Ge=e||at(),Ve||Ge&&st()&&(Ze=document,qe=Ze.documentElement,je=window,it=Ge.core.context||function(){},Ge.registerPlugin(ze),et=Ge.globalTimeline,et._sort=!0,et.autoRemoveChildren=!1,Ue=Ge.core.Animation,tt=Ge.timeline({data:"indy",autoRemoveChildren:!0,smoothChildTiming:!0}),tt.kill(),tt._dp=0,tt.to({},{duration:1e12}),Ke=Ge.timeline({data:"root",id:"Global Timeline",autoRemoveChildren:!1,smoothChildTiming:!0,parent:tt},0),$e=Ge.to(Ke,{duration:1,time:1,ease:"none",data:"root",id:"_rootTween",paused:!0,immediateRender:!1,parent:tt},0),et.killTweensOf=function(e,t,o){Ke.killTweensOf(e,t,o),Ke.killTweensOf.call(et,e,t,o)},tt._start=Ge.ticker.time,Ge.ticker.add(e=>tt.render(e-tt._start)),et._start+=et._time,Ke._start=et._time=et._tTime=0,ot=(e,t,o,i)=>Ge.to(t,{delay:e,duration:0,onComplete:t,onReverseComplete:t,onCompleteParams:o,onReverseCompleteParams:o,callbackScope:i,parent:tt},tt._time),ot(.01,()=>Je?Je.update():Pt()),ot(2,()=>{let e,t,o;if(!Je)for(Pt(),e=Ke._first,o=Ke._start;e;)t=e._next,e._tDur!==e._tTime||!e._dur&&1!==e.progress()?et.add(e,e._start-e._delay+o):e.kill(),e=t;Yt.globalRecordingTime>2?ot(Yt.globalRecordingTime-2,()=>{Je&&Je.update(),et.autoRemoveChildren=!0}):et.autoRemoveChildren=!0,lt=!1}),Ve=1)},Nt=(e,t)=>{t.globalSync||e.parent===et||et.add(e,et.time())},Yt=function(e){Ve||(Xt(),Ge||console.warn("Please gsap.registerPlugin(GSDevTools)")),this.vars=e=e||{},e.animation&&(Yt.getByAnimation(e.animation)||{kill:()=>0}).kill(),e.id=e.id||(dt(e.animation)?e.animation:xt++),vt[e.id+""]=this,"globalSync"in e||(e.globalSync=!e.animation);let t,o,i,n,l,r,s,a,d,p,c,g,h,u=this,m=((e,t,o)=>{nt||(wt("style",qe).innerHTML=".gs-dev-tools{height:51px;bottom:0;left:0;right:0;display:block;position:fixed;overflow:visible;padding:0;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,avenir next,sans-serif;color:#bbbaa6}.gs-dev-tools *{box-sizing:content-box;visibility:visible}.gs-dev-tools .gs-top{position:relative;z-index:499}.gs-dev-tools .gs-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;background-color:#0e100f;height:42px;position:relative}.gs-dev-tools .timeline{position:relative;height:8px;margin-left:15px;margin-right:15px;overflow:visible}.gs-dev-tools .progress-bar,.gs-dev-tools .timeline-track{height:8px;position:absolute;top:0;left:-15px;right:-15px}.gs-dev-tools .timeline-track{background-color:#222}.gs-dev-tools .progress-bar{background:linear-gradient(114.41deg,#0ae448 20.74%,#abff84 65.5%);height:8px;top:0;width:0;pointer-events:none}.gs-dev-tools .seek-bar{width:100%;position:absolute;height:24px;top:-12px;left:0;background-color:transparent}.gs-dev-tools .in-point,.gs-dev-tools .out-point{width:15px;height:26px;position:absolute;top:-18px}.gs-dev-tools .in-point-shape{fill:#0ae448;transform:translateX(1px)}.gs-dev-tools .out-point-shape{fill:#ff8709}.gs-dev-tools .in-point{transform:translateX(-100%)}.gs-dev-tools .out-point{left:100%}.gs-dev-tools .playhead{position:absolute;top:-5px;transform:translate(-50%,0);left:0;border-radius:50%;width:16px;height:16px;background:linear-gradient(114.41deg,#0ae448 20.74%,#abff84 65.5%)}.gs-dev-tools .gs-btn-white{fill:#fffce1}.gs-dev-tools .pause{opacity:0}.gs-dev-tools .select-animation{vertical-align:middle;position:relative;padding:6px 10px}.gs-dev-tools .select-animation-container{flex-grow:4;width:40%}.gs-dev-tools .select-arrow{display:inline-block;width:12px;height:7px;margin:0 7px;transform:translate(0,-2px)}.gs-dev-tools .select-arrow-shape{stroke:currentcolor;stroke-width:2px;fill:none}.gs-dev-tools .rewind{height:14px}.gs-dev-tools .ease-border,.gs-dev-tools .rewind-path{fill:currentColor}.gs-dev-tools .play-pause{width:18px;height:18px}.gs-dev-tools .ease{width:20px;height:20px;min-width:30px;display:none}.gs-dev-tools .ease-path{fill:none;stroke:#abff84;stroke-width:2px}.gs-dev-tools .time-scale{text-align:center;min-width:30px}.gs-dev-tools .loop{width:15px}.gs-dev-tools label span{text-decoration:none}.gs-dev-tools button:focus,.gs-dev-tools select:focus{outline:0}.gs-dev-tools label{position:relative;cursor:pointer}.gs-dev-tools label.locked{text-decoration:none;cursor:auto}.gs-dev-tools label input,.gs-dev-tools label select{position:absolute;left:0;top:0;z-index:1;font:inherit;font-size:inherit;line-height:inherit;height:100%;width:100%;color:#000!important;opacity:0;background:0 0;border:none;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.gs-dev-tools label input+.display{position:relative;z-index:2}.gs-dev-tools .gs-bottom-right{vertical-align:middle;display:flex;align-items:center;flex-grow:4;width:40%;justify-content:flex-end}.gs-dev-tools .time-container{margin:0 5px}.gs-dev-tools .logo{width:32px;height:32px;position:relative;top:2px;margin:0 12px}.gs-dev-tools .gs-hit-area{background-color:transparent;width:100%;height:100%;top:0;position:absolute}.gs-dev-tools.minimal{height:auto;display:flex;align-items:stretch}.gs-dev-tools.minimal .gs-top{order:2;flex-grow:4;background-color:#000}.gs-dev-tools.minimal .gs-bottom{background-color:#0e100f;border-top:none}.gs-dev-tools.minimal .timeline{top:50%;transform:translate(0,-50%)}.gs-dev-tools.minimal .gs-bottom-right,.gs-dev-tools.minimal .in-point,.gs-dev-tools.minimal .out-point,.gs-dev-tools.minimal .rewind,.gs-dev-tools.minimal .select-animation-container{display:none}.gs-dev-tools.minimal .play-pause{width:20px;height:20px;padding:4px 6px;margin-left:14px}.gs-dev-tools.minimal .time-scale{min-width:26px}.gs-dev-tools.minimal .loop{width:18px;min-width:18px;display:none}@media only screen and (max-width:600px){.gs-dev-tools{height:auto;display:flex;align-items:stretch}.gs-dev-tools .gs-top{order:2;flex-grow:4;background-color:#000;height:42px}.gs-dev-tools .gs-bottom{background-color:#000;border-top:none}.gs-dev-tools .timeline{top:50%;transform:translate(0,-50%)}.gs-dev-tools .gs-bottom-right,.gs-dev-tools .in-point,.gs-dev-tools .out-point,.gs-dev-tools .rewind,.gs-dev-tools .select-animation-container{display:none}.gs-dev-tools .play-pause{width:18px;height:18px;padding:4px 6px;margin-left:14px}.gs-dev-tools .time-scale{min-width:26px}.gs-dev-tools .loop{width:18px;min-width:18px;display:none}.gs-dev-tools .progress-bar,.gs-dev-tools .timeline-track{right:0}}",nt=!0),dt(e)&&(e=Ze.querySelector(e));let i=wt("div",e||qe.getElementsByTagName("body")[0]||qe);return i.setAttribute("class","gs-dev-tools"+(t?" minimal":"")),i.innerHTML='<div class=gs-hit-area></div><div class=gs-top><div class=timeline><div class=timeline-track></div><div class=progress-bar></div><div class=seek-bar></div><svg class=in-point viewBox="0 0 15 26" xmlns=http://www.w3.org/2000/svg><path class=in-point-shape d="M0.5,2.283c0,-0.985 0.798,-1.783 1.783,-1.783c2.679,0 7.717,0 10.41,0c0.48,-0 0.939,0.19 1.278,0.529c0.339,0.339 0.529,0.798 0.529,1.277c-0,4.821 -0,17.897 0,21.968c0,0.253 -0.135,0.488 -0.354,0.615c-0.22,0.128 -0.49,0.128 -0.711,0.003c-2.653,-1.517 -9.526,-5.444 -12.016,-6.867c-0.568,-0.325 -0.919,-0.929 -0.919,-1.583c-0,-2.835 -0,-10.627 -0,-14.159Z" style="fill:#00ff52;fill-rule:nonzero;"/></svg><svg class=out-point viewBox="0 0 15 26" xmlns=http://www.w3.org/2000/svg><path class=out-point-shape d="M0.5,2.251c0,-0.465 0.184,-0.91 0.513,-1.238c0.328,-0.329 0.773,-0.513 1.238,-0.513c2.669,0 7.733,0 10.439,0c0.48,-0 0.94,0.191 1.28,0.53c0.339,0.34 0.53,0.8 0.53,1.28l0,14.17c-0,0.631 -0.338,1.213 -0.886,1.526c-2.44,1.395 -9.262,5.293 -11.977,6.845c-0.236,0.134 -0.524,0.133 -0.759,-0.003c-0.234,-0.136 -0.378,-0.386 -0.378,-0.657c0,-4.178 0,-17.198 0,-21.94Z" style="fill-rule:nonzero;"/></svg><div class=playhead></div></div></div><div class=gs-bottom><div class=select-animation-container><label class=select-animation><select class=animation-list><option>Global Timeline<option>myTimeline</select><nobr><span class="display animation-label">Global Timeline</span><svg class=select-arrow viewBox="0 0 12.05 6.73" xmlns=http://www.w3.org/2000/svg><polyline class=select-arrow-shape points="0.35 0.35 6.03 6.03 11.7 0.35"/></svg></nobr></label></div><svg class=rewind viewBox="0 0 12 15.38" xmlns=http://www.w3.org/2000/svg><path d=M0,.38H2v15H0Zm2,7,10,7.36V0Z class="gs-btn-white rewind-path"/></svg><svg class=play-pause viewBox="0 0 20.97 25.67" xmlns=http://www.w3.org/2000/svg><g class=play><path d="M8,4.88 C8,10.18 8,15.48 8,20.79 5.33,22.41 2.66,24.04 0,25.67 0,17.11 0,8.55 0,0 2.66,1.62 5.33,3.25 8,4.88" class="gs-btn-white play-1" style=stroke:#fffce1;stroke-width:.6px /><path d="M14.485,8.855 C16.64,10.18 18.8,11.5 20.97,12.83 16.64,15.48 12.32,18.13 8,20.79 8,15.48 8,10.18 8,4.88 10.16,6.2 12.32,7.53 14.48,8.85" class="gs-btn-white play-2" style=stroke:#fffce1;stroke-width:.6px /></g></svg> <svg class=loop viewBox="0 0 29 25.38" xmlns=http://www.w3.org/2000/svg fill="currentcolor"><path d=M27.44,5.44,20.19,0V3.06H9.06A9.31,9.31,0,0,0,0,12.41,9.74,9.74,0,0,0,.69,16l3.06-2.23a6,6,0,0,1-.12-1.22,5.49,5.49,0,0,1,5.43-5.5H20.19v3.81Z class=loop-path /