{ "version": 3, "sources": ["ssg:https://ga.jspm.io/npm:@motionone/utils@10.12.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:@motionone/easing@10.12.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:@motionone/animation@10.12.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:tslib@2.4.0/tslib.es6.js", "ssg:https://ga.jspm.io/npm:hey-listen@1.0.8/dist/index.js", "ssg:https://ga.jspm.io/npm:@motionone/generators@10.12.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:@motionone/dom@10.12.0/dist/index.es.js", "ssg:https://framerusercontent.com/modules/B2xAlJLcN0gOnt11mSPw/XVUmpmPn1EPL0dzocT35/Ticker.js", "ssg:https://framerusercontent.com/modules/RFM6zI5MxOiqwwNiQep4/CmmUoyXEMOtoYkkeGDZZ/send.js", "ssg:https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/hLcdFz4t8UjInDMvzq41/utils.js", "ssg:https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/gvNUph1oNh8l2qQafSUu/consent.js", "ssg:https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/gnipUJynzv8FJkpTy04V/inEU.js", "ssg:https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/d7M4abVz5jhxcjrlWV66/region.js", "ssg:https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/77ZjdIUSoepa5KTwP0oH/Banner.js", "ssg:https://framerusercontent.com/modules/GbX8S6ghmyszcS2GLR2F/zTapg9rnDfIs7uo8Zb0a/Cookies.js", "ssg:https://framerusercontent.com/modules/UIrMjSS6ZX89L0CsT8k6/7r5UGUpFh6FWtcVOCSDp/Carousel.js", "ssg:https://framerusercontent.com/modules/V9ryrjN5Am9WM1dJeyyJ/9mrJHeWj7rhvLTLu7Yzt/UsePageVisibility.js", "ssg:https://framerusercontent.com/modules/zvkTOpMSuRzRhLzZZIwG/z9LFDX6PKECtSqS68OWD/SlideShow.js", "ssg:https://framerusercontent.com/modules/c0k3lTsFCVYE6YoXHzy4/VjVIWsgT0xVJA4gMlsL8/FMj6UO3S9.js", "ssg:https://framerusercontent.com/modules/QiMuLlRaMRakSdXY6ZhK/Ha4hao62kf3gBrSMF91a/GmAgcrGA3.js", "ssg:https://framerusercontent.com/modules/lKZ9Ug7c0HTLZFUU1AO8/ysLVzpgjgzTSZnBToj0R/idWCp6Kjk.js", "ssg:https://framerusercontent.com/modules/Zhvi0SLJPva6B4TKP8N4/buFWTeQR3N0CqfXXU9mI/m2D96Ud5w.js", "ssg:https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/90ICLbTHnkXgVfH1BSgW/Video.js", "ssg:https://framerusercontent.com/modules/KJedoHl3UI675FZnq6RG/eINlWeoZmDlMHKvD5hRu/sEFcJ38ay.js", "ssg:https://framerusercontent.com/modules/nnKkT2s1eAmobQLkiSkg/CebZlIlnNYpq0qjD3c00/augiA20Il.js"], "sourcesContent": ["function addUniqueItem(t,e){-1===t.indexOf(e)&&t.push(e)}function removeItem(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const clamp=(t,e,n)=>Math.min(Math.max(n,t),e);const t={duration:.3,delay:0,endDelay:0,repeat:0,easing:\"ease\"};const isNumber=t=>\"number\"===typeof t;const isString=t=>\"string\"===typeof t;const isEasingGenerator=t=>\"object\"===typeof t&&Boolean(t.createAnimation);const isCubicBezier=t=>Array.isArray(t)&&isNumber(t[0]);const isEasingList=t=>Array.isArray(t)&&!isNumber(t[0]);const wrap=(t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t};function getEasingForSegment(t,e){return isEasingList(t)?t[wrap(0,t.length,e)]:t}const mix=(t,e,n)=>-n*t+n*e+t;const noop=()=>{};const noopReturn=t=>t;const progress=(t,e,n)=>e-t===0?1:(n-t)/(e-t);function fillOffset(t,e){const n=t[t.length-1];for(let o=1;o<=e;o++){const s=progress(0,e,o);t.push(mix(n,1,s))}}function defaultOffset(t){const e=[0];fillOffset(e,t-1);return e}function interpolate(t,e=defaultOffset(t.length),n=noopReturn){const o=t.length;const s=o-e.length;s>0&&fillOffset(e,s);return s=>{let r=0;for(;r1e3*t,s:t=>t/1e3};\n/*\n Convert velocity into velocity per second\n\n @param [number]: Unit per frame\n @param [number]: Frame duration in ms\n*/function velocityPerSecond(t,e){return e?t*(1e3/e):0}export{addUniqueItem,clamp,defaultOffset,t as defaults,fillOffset,getEasingForSegment,interpolate,isCubicBezier,isEasingGenerator,isEasingList,isNumber,isString,mix,noop,noopReturn,progress,removeItem,e as time,velocityPerSecond,wrap};\n\n//# sourceMappingURL=index.es.js.map", "import{noopReturn as t,clamp as n}from\"@motionone/utils\";const calcBezier=(t,n,e)=>(((1-3*e+3*n)*t+(3*e-6*n))*t+3*n)*t;const e=1e-7;const i=12;function binarySubdivide(t,n,o,r,c){let u;let a;let s=0;do{a=n+(o-n)/2;u=calcBezier(a,r,c)-t;u>0?o=a:n=a}while(Math.abs(u)>e&&++sbinarySubdivide(t,0,1,n,i);return t=>0===t||1===t?t:calcBezier(getTForX(t),e,o)}const steps=(t,e=\"end\")=>i=>{i=\"end\"===e?Math.min(i,.999):Math.max(i,.001);const o=i*t;const r=\"end\"===e?Math.floor(o):Math.ceil(o);return n(0,1,r/t)};export{cubicBezier,steps};\n\n//# sourceMappingURL=index.es.js.map", "import{noopReturn as t,defaults as i,isEasingGenerator as e,isEasingList as s,interpolate as a}from\"@motionone/utils\";import{cubicBezier as n,steps as r}from\"@motionone/easing\";const o={ease:n(.25,.1,.25,1),\"ease-in\":n(.42,0,1,1),\"ease-in-out\":n(.42,0,.58,1),\"ease-out\":n(0,0,.58,1)};const h=/\\((.*?)\\)/;function getEasingFunction(i){if(\"function\"===typeof i)return i;if(Array.isArray(i))return n(...i);if(o[i])return o[i];if(i.startsWith(\"steps\")){const t=h.exec(i);if(t){const i=t[1].split(\",\");return r(parseFloat(i[0]),i[1].trim())}}return t}class Animation{constructor(n,r=[0,1],{easing:o,duration:h=i.duration,delay:u=i.delay,endDelay:l=i.endDelay,repeat:m=i.repeat,offset:c,direction:p=\"normal\"}={}){this.startTime=null;this.rate=1;this.t=0;this.cancelTimestamp=null;this.easing=t;this.duration=0;this.totalDuration=0;this.repeat=0;this.playState=\"idle\";this.finished=new Promise(((t,i)=>{this.resolve=t;this.reject=i}));o=o||i.easing;if(e(o)){const t=o.createAnimation(r,(()=>\"0\"),true);o=t.easing;void 0!==t.keyframes&&(r=t.keyframes);void 0!==t.duration&&(h=t.duration)}this.repeat=m;this.easing=s(o)?t:getEasingFunction(o);this.updateDuration(h);const d=a(r,c,s(o)?o.map(getEasingFunction):t);this.tick=t=>{var i;u=u;let e=0;e=void 0!==this.pauseTime?this.pauseTime:(t-this.startTime)*this.rate;this.t=e;e/=1e3;e=Math.max(e-u,0);\"finished\"===this.playState&&void 0===this.pauseTime&&(e=this.totalDuration);const s=e/this.duration;let a=Math.floor(s);let r=s%1;!r&&s>=1&&(r=1);1===r&&a--;const o=a%2;(\"reverse\"===p||\"alternate\"===p&&o||\"alternate-reverse\"===p&&!o)&&(r=1-r);const h=e>=this.totalDuration?1:Math.min(r,1);const m=d(this.easing(h));n(m);const c=void 0===this.pauseTime&&(\"finished\"===this.playState||e>=this.totalDuration+l);if(c){this.playState=\"finished\";null===(i=this.resolve)||void 0===i?void 0:i.call(this,m)}else\"idle\"!==this.playState&&(this.frameRequestId=requestAnimationFrame(this.tick))};this.play()}play(){const t=performance.now();this.playState=\"running\";void 0!==this.pauseTime?this.startTime=t-this.pauseTime:this.startTime||(this.startTime=t);this.cancelTimestamp=this.startTime;this.pauseTime=void 0;this.frameRequestId=requestAnimationFrame(this.tick)}pause(){this.playState=\"paused\";this.pauseTime=this.t}finish(){this.playState=\"finished\";this.tick(0)}stop(){var t;this.playState=\"idle\";void 0!==this.frameRequestId&&cancelAnimationFrame(this.frameRequestId);null===(t=this.reject)||void 0===t?void 0:t.call(this,false)}cancel(){this.stop();this.tick(this.cancelTimestamp)}reverse(){this.rate*=-1}commitStyles(){}updateDuration(t){this.duration=t;this.totalDuration=t*(this.repeat+1)}get currentTime(){return this.t}set currentTime(t){void 0!==this.pauseTime||0===this.rate?this.pauseTime=t:this.startTime=performance.now()-t/this.rate}get playbackRate(){return this.rate}set playbackRate(t){this.rate=t}}export{Animation,getEasingFunction};\n\n//# sourceMappingURL=index.es.js.map", "var extendStatics=function(e,t){extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])};return extendStatics(e,t)};function __extends(e,t){if(\"function\"!==typeof t&&null!==t)throw new TypeError(\"Class extends value \"+String(t)+\" is not a constructor or null\");extendStatics(e,t);function __(){this.constructor=e}e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}var __assign=function(){__assign=Object.assign||function __assign(e){for(var t,r=1,n=arguments.length;r=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function __param(e,t){return function(r,n){t(r,n,e)}}function __metadata(e,t){if(\"object\"===typeof Reflect&&\"function\"===typeof Reflect.metadata)return Reflect.metadata(e,t)}function __awaiter(e,t,r,n){function adopt(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function fulfilled(e){try{step(n.next(e))}catch(e){o(e)}}function rejected(e){try{step(n.throw(e))}catch(e){o(e)}}function step(e){e.done?r(e.value):adopt(e.value).then(fulfilled,rejected)}step((n=n.apply(e,t||[])).next())}))}function __generator(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:verb(0),throw:verb(1),return:verb(2)},\"function\"===typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function verb(e){return function(t){return step([e,t])}}function step(a){if(r)throw new TypeError(\"Generator is already executing.\");while(i)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;(n=0,o)&&(a=[2&a[0],o.value]);switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;n=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(6===a[0]||2===a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]=e.length&&(e=void 0);return{value:e&&e[n++],done:!e}}};throw new TypeError(t?\"Object is not iterable.\":\"Symbol.iterator is not defined.\")}function __read(e,t){var r=\"function\"===typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{while((void 0===t||t-- >0)&&!(n=a.next()).done)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}\n/** @deprecated */function __spread(){for(var e=[],t=0;t1||resume(e,t)}))})}function resume(e,t){try{step(o[e](t))}catch(e){settle(a[0][3],e)}}function step(e){e.value instanceof __await?Promise.resolve(e.value.v).then(fulfill,reject):settle(a[0][2],e)}function fulfill(e){resume(\"next\",e)}function reject(e){resume(\"throw\",e)}function settle(e,t){(e(t),a.shift(),a.length)&&resume(a[0][0],a[0][1])}}function __asyncDelegator(e){var t,r;return t={},verb(\"next\"),verb(\"throw\",(function(e){throw e})),verb(\"return\"),t[Symbol.iterator]=function(){return this},t;function verb(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:__await(e[n](t)),done:\"return\"===n}:o?o(t):t}:o}}function __asyncValues(e){if(!Symbol.asyncIterator)throw new TypeError(\"Symbol.asyncIterator is not defined.\");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=\"function\"===typeof __values?__values(e):e[Symbol.iterator](),t={},verb(\"next\"),verb(\"throw\"),verb(\"return\"),t[Symbol.asyncIterator]=function(){return this},t);function verb(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){t=e[r](t),settle(n,o,t.done,t.value)}))}}function settle(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)}}function __makeTemplateObject(e,t){Object.defineProperty?Object.defineProperty(e,\"raw\",{value:t}):e.raw=t;return e}var t=Object.create?function(e,t){Object.defineProperty(e,\"default\",{enumerable:true,value:t})}:function(e,t){e.default=t};function __importStar(r){if(r&&r.__esModule)return r;var n={};if(null!=r)for(var o in r)\"default\"!==o&&Object.prototype.hasOwnProperty.call(r,o)&&e(n,r,o);t(n,r);return n}function __importDefault(e){return e&&e.__esModule?e:{default:e}}function __classPrivateFieldGet(e,t,r,n){if(\"a\"===r&&!n)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof t?e!==t||!n:!t.has(e))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===r?n:\"a\"===r?n.call(e):n?n.value:t.get(e)}function __classPrivateFieldSet(e,t,r,n,o){if(\"m\"===n)throw new TypeError(\"Private method is not writable\");if(\"a\"===n&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof t?e!==t||!o:!t.has(e))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function __classPrivateFieldIn(e,t){if(null===t||\"object\"!==typeof t&&\"function\"!==typeof t)throw new TypeError(\"Cannot use 'in' operator on non-object\");return\"function\"===typeof e?t===e:e.has(t)}export{__assign,__asyncDelegator,__asyncGenerator,__asyncValues,__await,__awaiter,__classPrivateFieldGet,__classPrivateFieldIn,__classPrivateFieldSet,e as __createBinding,__decorate,__exportStar,__extends,__generator,__importDefault,__importStar,__makeTemplateObject,__metadata,__param,__read,__rest,__spread,__spreadArray,__spreadArrays,__values};\n\n//# sourceMappingURL=tslib.es6.js.map", "var n={};Object.defineProperty(n,\"__esModule\",{value:true});n.warning=function(){};n.invariant=function(){};const e=n.__esModule,t=n.warning,r=n.invariant;export default n;export{e as __esModule,r as invariant,t as warning};\n\n//# sourceMappingURL=index.js.map", "import{velocityPerSecond as e,time as t}from\"@motionone/utils\";const s=5;function calcGeneratorVelocity(t,n,r){const a=Math.max(n-s,0);return e(r-t(a),n-a)}const n={stiffness:100,damping:10,mass:1};const calcDampingRatio=(e=n.stiffness,t=n.damping,s=n.mass)=>t/(2*Math.sqrt(e*s));function hasReachedTarget(e,t,s){return e=t||e>t&&s<=t}const spring=({stiffness:e=n.stiffness,damping:s=n.damping,mass:r=n.mass,from:a=0,to:o=1,velocity:c=0,restSpeed:i=2,restDistance:h=.5}={})=>{c=c?t.s(c):0;const u={done:false,hasReachedTarget:false,current:a,target:o};const d=o-a;const f=Math.sqrt(e/r)/1e3;const l=calcDampingRatio(e,s,r);let g;if(l<1){const e=f*Math.sqrt(1-l*l);g=t=>o-Math.exp(-l*f*t)*((l*f*d-c)/e*Math.sin(e*t)+d*Math.cos(e*t))}else g=e=>o-Math.exp(-f*e)*(d+(f*d-c)*e);return e=>{u.current=g(e);const t=0===e?c:calcGeneratorVelocity(g,e,u.current);const s=Math.abs(t)<=i;const n=Math.abs(o-u.current)<=h;u.done=s&&n;u.hasReachedTarget=hasReachedTarget(a,o,u.current);return u}};const glide=({from:e=0,velocity:s=0,power:n=.8,decay:r=.325,bounceDamping:a,bounceStiffness:o,changeTarget:c,min:i,max:h,restDistance:u=.5,restSpeed:d})=>{r=t.ms(r);const f={hasReachedTarget:false,done:false,current:e,target:e};const isOutOfBounds=e=>void 0!==i&&eh;const nearestBoundary=e=>void 0===i?h:void 0===h||Math.abs(i-e)-l*Math.exp(-e/r);const calcLatest=e=>m+calcDelta(e);const applyFriction=e=>{const t=calcDelta(e);const s=calcLatest(e);f.done=Math.abs(t)<=u;f.current=f.done?m:s};let p;let M;const checkCatchBoundary=e=>{if(isOutOfBounds(f.current)){p=e;M=spring({from:f.current,to:nearestBoundary(f.current),velocity:calcGeneratorVelocity(calcLatest,e,f.current),damping:a,stiffness:o,restDistance:u,restSpeed:d})}};checkCatchBoundary(0);return e=>{let t=false;if(!M&&void 0===p){t=true;applyFriction(e);checkCatchBoundary(e)}if(void 0!==p&&e>p){f.hasReachedTarget=true;return M(e-p)}f.hasReachedTarget=false;!t&&applyFriction(e);return f}};const r=10;const a=1e4;function pregenerateKeyframes(e){let t;let s=r;let n=e(0);const o=[n.current];while(!n.done&&s\",initialValue:\"0deg\",toDefaultUnit:e=>e+\"deg\"};const M={translate:{syntax:\"\",initialValue:\"0px\",toDefaultUnit:e=>e+\"px\"},rotate:D,scale:{syntax:\"\",initialValue:1,toDefaultUnit:t},skew:D};const k=new Map;const asTransformCssVar=e=>`--motion-${e}`;const B=[\"x\",\"y\",\"z\"];L.forEach((e=>{W.forEach((t=>{B.push(e+t);k.set(asTransformCssVar(e+t),M[e])}))}));const compareTransformOrder=(e,t)=>B.indexOf(e)-B.indexOf(t);const j=new Set(B);const isTransform=e=>j.has(e);const addTransformToElement=(e,t)=>{T[t]&&(t=T[t]);const{transforms:o}=getAnimationData(e);n(o,t);e.style.transform=buildTransformTemplate(o)};const buildTransformTemplate=e=>e.sort(compareTransformOrder).reduce(transformListToString,\"\").trim();const transformListToString=(e,t)=>`${e} ${t}(var(${asTransformCssVar(t)}))`;const isCssVar=e=>e.startsWith(\"--\");const P=new Set;function registerCssVariable(e){if(!P.has(e)){P.add(e);try{const{syntax:t,initialValue:n}=k.has(e)?k.get(e):{};CSS.registerProperty({name:e,inherits:false,syntax:t,initialValue:n})}catch(e){}}}const convertEasing=e=>o(e)?cubicBezierAsString(e):e;const cubicBezierAsString=([e,t,n,o])=>`cubic-bezier(${e}, ${t}, ${n}, ${o})`;const testAnimation=e=>document.createElement(\"div\").animate(e,{duration:.001});const C={cssRegisterProperty:()=>\"undefined\"!==typeof CSS&&Object.hasOwnProperty.call(CSS,\"registerProperty\"),waapi:()=>Object.hasOwnProperty.call(Element.prototype,\"animate\"),partialKeyframes:()=>{try{testAnimation({opacity:[1]})}catch(e){return false}return true},finished:()=>Boolean(testAnimation({opacity:[0,1]}).finished)};const $={};const R={};for(const e in C)R[e]=()=>{void 0===$[e]&&($[e]=C[e]());return $[e]};function hydrateKeyframes(e,t){for(let n=0;nArray.isArray(e)?e:[e];function getStyleName(e){T[e]&&(e=T[e]);return isTransform(e)?asTransformCssVar(e):e}const H={get:(e,t)=>{t=getStyleName(t);let n=isCssVar(t)?e.style.getPropertyValue(t):getComputedStyle(e)[t];if(!n&&0!==n){const e=k.get(t);e&&(n=e.initialValue)}return n},set:(e,t,n)=>{t=getStyleName(t);isCssVar(t)?e.style.setProperty(t,n):e.style[t]=n}};function stopAnimation(e,t=true){if(e&&\"finished\"!==e.playState)try{if(e.stop)e.stop();else{t&&e.commitStyles();e.cancel()}}catch(e){}}function getDevToolsRecord(){return window.__MOTION_DEV_TOOLS_RECORD}function animateStyle(e,t,n,o={}){const f=getDevToolsRecord();const u=false!==o.record&&f;let d;let{duration:g=i.duration,delay:m=i.delay,endDelay:h=i.endDelay,repeat:p=i.repeat,easing:v=i.easing,direction:y,offset:E,allowWebkitAcceleration:b=false}=o;const S=getAnimationData(e);let A=R.waapi();const O=isTransform(t);O&&addTransformToElement(e,t);const x=getStyleName(t);const V=getMotionValue(S.values,x);const z=k.get(x);stopAnimation(V.animation,!(s(v)&&V.generator)&&false!==o.record);return()=>{const readInitialValue=()=>{var t,n;return null!==(n=null!==(t=H.get(e,x))&&void 0!==t?t:null===z||void 0===z?void 0:z.initialValue)&&void 0!==n?n:0};let i=hydrateKeyframes(keyframesList(n),readInitialValue);if(s(v)){const e=v.createAnimation(i,readInitialValue,O,x,V);v=e.easing;void 0!==e.keyframes&&(i=e.keyframes);void 0!==e.duration&&(g=e.duration)}isCssVar(x)&&(R.cssRegisterProperty()?registerCssVariable(x):A=false);if(A){z&&(i=i.map((e=>r(e)?z.toDefaultUnit(e):e)));1!==i.length||R.partialKeyframes()&&!u||i.unshift(readInitialValue());const t={delay:a.ms(m),duration:a.ms(g),endDelay:a.ms(h),easing:c(v)?void 0:convertEasing(v),direction:y,iterations:p+1,fill:\"both\"};d=e.animate({[x]:i,offset:E,easing:c(v)?v.map(convertEasing):void 0},t);d.finished||(d.finished=new Promise(((e,t)=>{d.onfinish=e;d.oncancel=t})));const n=i[i.length-1];d.finished.then((()=>{H.set(e,x,n);d.cancel()})).catch(l);b||(d.playbackRate=1.000001)}else if(O){i=i.map((e=>\"string\"===typeof e?parseFloat(e):e));1===i.length&&i.unshift(parseFloat(readInitialValue()));const render=t=>{z&&(t=z.toDefaultUnit(t));H.set(e,x,t)};d=new w(render,i,Object.assign(Object.assign({},o),{duration:g,easing:v}))}else{const t=i[i.length-1];H.set(e,x,z&&r(t)?z.toDefaultUnit(t):t)}u&&f(e,t,i,{duration:g,delay:m,easing:v,repeat:p,offset:E},\"motion-one\");V.setAnimation(d);return d}}const getOptions=(e,t)=>e[t]?Object.assign(Object.assign({},e),e[t]):Object.assign({},e);function resolveElements(e,t){var n;if(\"string\"===typeof e)if(t){null!==(n=t[e])&&void 0!==n?n:t[e]=document.querySelectorAll(e);e=t[e]}else e=document.querySelectorAll(e);else e instanceof Element&&(e=[e]);return Array.from(e||[])}const createAnimation=e=>e();const withControls=(e,t,n=i.duration)=>new Proxy({animations:e.map(createAnimation).filter(Boolean),duration:n,options:t},I);const getActiveAnimation=e=>e.animations[0];const I={get:(e,t)=>{const n=getActiveAnimation(e);switch(t){case\"duration\":return e.duration;case\"currentTime\":return a.s((null===n||void 0===n?void 0:n[t])||0);case\"playbackRate\":case\"playState\":return null===n||void 0===n?void 0:n[t];case\"finished\":e.finished||(e.finished=Promise.all(e.animations.map(selectFinished)).catch(l));return e.finished;case\"stop\":return()=>{e.animations.forEach((e=>stopAnimation(e)))};case\"forEachNative\":return t=>{e.animations.forEach((n=>t(n,e)))};default:return\"undefined\"===typeof(null===n||void 0===n?void 0:n[t])?void 0:()=>e.animations.forEach((e=>e[t]()))}},set:(e,t,n)=>{switch(t){case\"currentTime\":n=a.ms(n);case\"currentTime\":case\"playbackRate\":for(let o=0;oe.finished;function stagger(e=.1,{start:t=0,from:n=0,easing:o}={}){return(i,s)=>{const a=r(n)?n:getFromIndex(n,s);const c=Math.abs(a-i);let l=e*c;if(o){const t=s*e;const n=E(o);l=n(l/t)*t}return t+l}}function getFromIndex(e,t){if(\"first\"===e)return 0;{const n=t-1;return\"last\"===e?n:n/2}}function resolveOption(e,t,n){return\"function\"===typeof e?e(t,n):e}function animate(e,t,n={}){e=resolveElements(e);const o=e.length;const i=[];for(let s=0;st&&i.atanimateStyle(...e))).filter(Boolean);return withControls(i,t,null===(n=o[0])||void 0===n?void 0:n[3].duration)}function createAnimationsFromTimeline(e,t={}){var{defaultOptions:n={}}=t,o=b(t,[\"defaultOptions\"]);const r=[];const a=new Map;const c={};const l=new Map;let f=0;let u=0;let d=0;for(let t=0;t\"0\"),e);f=n.easing;void 0!==n.keyframes&&(a=n.keyframes);void 0!==n.duration&&(l=n.duration)}const g=resolveOption(v.delay,e,E)||0;const w=u+g;const b=w+l;let{offset:A=m(a.length)}=c;1===A.length&&0===A[0]&&(A[1]=1);const O=length-a.length;O>0&&h(A,O);1===a.length&&a.unshift(null);addKeyframes(r,a,f,A,w,b);y=Math.max(g+l,y);d=Math.max(b,d)}}f=u;u+=y}a.forEach(((e,t)=>{for(const s in e){const a=e[s];a.sort(compareByTime);const c=[];const l=[];const f=[];for(let e=0;e{const o=new Map;const getGenerator=(t=0,i=100,s=0,r=false)=>{const a=`${t}-${i}-${s}-${r}`;o.has(a)||o.set(a,e(Object.assign({from:t,to:i,velocity:s,restSpeed:r?.05:2,restDistance:r?.01:.5},n)));return o.get(a)};const getKeyframes=e=>{t.has(e)||t.set(e,A(e));return t.get(e)};return{createAnimation:(e,t,n,o,i)=>{var s,r;let a;const c=e.length;let l=n&&c<=2&&e.every(isNumberOrNull);if(l){const n=e[c-1];const l=1===c?null:e[0];let f=0;let u=0;const d=null===i||void 0===i?void 0:i.generator;if(d){const{animation:t,generatorStartTime:n}=i;const o=(null===t||void 0===t?void 0:t.startTime)||n||0;const r=(null===t||void 0===t?void 0:t.currentTime)||performance.now()-o;const a=d(r).current;u=null!==(s=l)&&void 0!==s?s:a;(1===c||2===c&&null===e[0])&&(f=O((e=>d(e).current),r,a))}else u=null!==(r=l)&&void 0!==r?r:parseFloat(t());const g=getGenerator(u,n,f,null===o||void 0===o?void 0:o.includes(\"scale\"));const m=getKeyframes(g);a=Object.assign(Object.assign({},m),{easing:\"linear\"});if(i){i.generator=g;i.generatorStartTime=performance.now()}}else{const e=getKeyframes(getGenerator(0,100));a={easing:\"ease\",duration:e.overshootDuration}}return a}}}}const isNumberOrNull=e=>\"string\"!==typeof e;const N=createGeneratorEasing(x);const F=createGeneratorEasing(V);const U={any:0,all:1};function inView$1(e,t,{root:n,margin:o,amount:i=\"any\"}={}){if(\"undefined\"===typeof IntersectionObserver)return()=>{};const s=resolveElements(e);const r=new WeakMap;const onIntersectionChange=e=>{e.forEach((e=>{const n=r.get(e.target);if(e.isIntersecting!==Boolean(n))if(e.isIntersecting){const n=t(e);\"function\"===typeof n?r.set(e.target,n):a.unobserve(e.target)}else if(n){n(e);r.delete(e.target)}}))};const a=new IntersectionObserver(onIntersectionChange,{root:n,rootMargin:o,threshold:\"number\"===typeof i?i:U[i]});s.forEach((e=>a.observe(e)));return()=>a.disconnect()}const q=new WeakMap;let K;function getElementSize(e,t){if(t){const{inlineSize:e,blockSize:n}=t[0];return{width:e,height:n}}return e instanceof SVGElement&&\"getBBox\"in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}function notifyTarget({target:e,contentRect:t,borderBoxSize:n}){var o;null===(o=q.get(e))||void 0===o?void 0:o.forEach((o=>{o({target:e,contentSize:t,get size(){return getElementSize(e,n)}})}))}function notifyAll(e){e.forEach(notifyTarget)}function createResizeObserver(){\"undefined\"!==typeof ResizeObserver&&(K=new ResizeObserver(notifyAll))}function resizeElement(e,t){K||createResizeObserver();const n=resolveElements(e);n.forEach((e=>{let n=q.get(e);if(!n){n=new Set;q.set(e,n)}n.add(t);null===K||void 0===K?void 0:K.observe(e)}));return()=>{n.forEach((e=>{const n=q.get(e);null===n||void 0===n?void 0:n.delete(t);(null===n||void 0===n?void 0:n.size)||(null===K||void 0===K?void 0:K.unobserve(e))}))}}const G=new Set;let _;function createWindowResizeHandler(){_=()=>{const e={width:window.innerWidth,height:window.innerHeight};const t={target:window,size:e,contentSize:e};G.forEach((e=>e(t)))};window.addEventListener(\"resize\",_)}function resizeWindow(e){G.add(e);_||createWindowResizeHandler();return()=>{G.delete(e);!G.size&&_&&(_=void 0)}}function resize(e,t){return\"function\"===typeof e?resizeWindow(e):resizeElement(e,t)}const Z=50;const createAxisInfo=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0});const createScrollInfo=()=>({time:0,x:createAxisInfo(),y:createAxisInfo()});const X={x:{length:\"Width\",position:\"Left\"},y:{length:\"Height\",position:\"Top\"}};function updateAxisInfo(e,t,n,o){const i=n[t];const{length:s,position:r}=X[t];const a=i.current;const c=n.time;i.current=e[\"scroll\"+r];i.scrollLength=e[\"scroll\"+s]-e[\"client\"+s];i.offset.length=0;i.offset[0]=0;i.offset[1]=i.scrollLength;i.progress=p(0,i.scrollLength,i.current);const l=o-c;i.velocity=l>Z?0:v(i.current-a,l)}function updateScrollInfo(e,t,n){updateAxisInfo(e,\"x\",t,n);updateAxisInfo(e,\"y\",t,n);t.time=n}function calcInset(e,t){let n={x:0,y:0};let o=e;while(o&&o!==t)if(o instanceof HTMLElement){n.x+=o.offsetLeft;n.y+=o.offsetTop;o=o.offsetParent}else if(o instanceof SVGGraphicsElement&&\"getBBox\"in o){const{top:e,left:t}=o.getBBox();n.x+=t;n.y+=e;while(o&&\"svg\"!==o.tagName)o=o.parentNode}return n}const Y={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]};const J={start:0,center:.5,end:1};function resolveEdge(e,t,n=0){let o=0;void 0!==J[e]&&(e=J[e]);if(g(e)){const t=parseFloat(e);e.endsWith(\"px\")?o=t:e.endsWith(\"%\")?e=t/100:e.endsWith(\"vw\")?o=t/100*document.documentElement.clientWidth:e.endsWith(\"vh\")?o=t/100*document.documentElement.clientHeight:e=t}r(e)&&(o=t*e);return n+o}const Q=[0,0];function resolveOffset(e,t,n,o){let i=Array.isArray(e)?e:Q;let s=0;let a=0;if(r(e))i=[e,e];else if(g(e)){e=e.trim();i=e.includes(\" \")?e.split(\" \"):[e,J[e]?e:\"0\"]}s=resolveEdge(i[0],n,o);a=resolveEdge(i[1],t);return s-a}const ee={x:0,y:0};function resolveOffsets(e,t,n){let{offset:o=Y.All}=n;const{target:i=e,axis:s=\"y\"}=n;const r=\"y\"===s?\"height\":\"width\";const a=i!==e?calcInset(i,e):ee;const c=i===e?{width:e.scrollWidth,height:e.scrollHeight}:{width:i.clientWidth,height:i.clientHeight};const l={width:e.clientWidth,height:e.clientHeight};t[s].offset.length=0;let f=!t[s].interpolate;const u=o.length;for(let e=0;emeasure(e,o.target,n),update:t=>{updateScrollInfo(e,n,t);(o.offset||o.target)&&resolveOffsets(e,n,o)},notify:\"function\"===typeof t?()=>t(n):scrubAnimation(t,n[i])}}function scrubAnimation(e,n){e.pause();e.forEachNative(((e,{easing:n})=>{var o,i;if(e.updateDuration){n||(e.easing=t);e.updateDuration(1)}else{const t={duration:1e3};n||(t.easing=\"linear\");null===(i=null===(o=e.effect)||void 0===o?void 0:o.updateTiming)||void 0===i?void 0:i.call(o,t)}}));return()=>{e.currentTime=n.progress}}const te=new WeakMap;const ne=new WeakMap;const oe=new WeakMap;const getEventTarget=e=>e===document.documentElement?window:e;function scroll(e,t={}){var{container:n=document.documentElement}=t,o=b(t,[\"container\"]);let i=oe.get(n);if(!i){i=new Set;oe.set(n,i)}const s=createScrollInfo();const r=createOnScrollHandler(n,e,s,o);i.add(r);if(!te.has(n)){const listener=()=>{const e=performance.now();for(const e of i)e.measure();for(const t of i)t.update(e);for(const e of i)e.notify()};te.set(n,listener);const e=getEventTarget(n);window.addEventListener(\"resize\",listener,{passive:true});n!==document.documentElement&&ne.set(n,resize(n,listener));e.addEventListener(\"scroll\",listener,{passive:true})}const a=te.get(n);const c=requestAnimationFrame(a);return()=>{var t;\"function\"!==typeof e&&e.stop();cancelAnimationFrame(c);const o=oe.get(n);if(!o)return;o.delete(r);if(o.size)return;const i=te.get(n);te.delete(n);if(i){getEventTarget(n).removeEventListener(\"scroll\",i);null===(t=ne.get(n))||void 0===t?void 0:t();window.removeEventListener(\"resize\",i)}}}function hasChanged(e,t){return typeof e!==typeof t||(Array.isArray(e)&&Array.isArray(t)?!shallowCompare(e,t):e!==t)}function shallowCompare(e,t){const n=t.length;if(n!==e.length)return false;for(let o=0;oe.getDepth()-t.getDepth();const fireAnimateUpdates=e=>e.animateUpdates();const fireNext=e=>e.next();const motionEvent=(e,t)=>new CustomEvent(e,{detail:{target:t}});function dispatchPointerEvent(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:{originalEvent:n}}))}function dispatchViewEvent(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:{originalEntry:n}}))}const se={isActive:e=>Boolean(e.inView),subscribe:(e,{enable:t,disable:n},{inViewOptions:o={}})=>{const{once:i}=o,s=b(o,[\"once\"]);return inView$1(e,(o=>{t();dispatchViewEvent(e,\"viewenter\",o);if(!i)return t=>{n();dispatchViewEvent(e,\"viewleave\",t)}}),s)}};const mouseEvent=(e,t,n)=>o=>{if(!o.pointerType||\"mouse\"===o.pointerType){n();dispatchPointerEvent(e,t,o)}};const re={isActive:e=>Boolean(e.hover),subscribe:(e,{enable:t,disable:n})=>{const o=mouseEvent(e,\"hoverstart\",t);const i=mouseEvent(e,\"hoverend\",n);e.addEventListener(\"pointerenter\",o);e.addEventListener(\"pointerleave\",i);return()=>{e.removeEventListener(\"pointerenter\",o);e.removeEventListener(\"pointerleave\",i)}}};const ae={isActive:e=>Boolean(e.press),subscribe:(e,{enable:t,disable:n})=>{const onPointerUp=t=>{n();dispatchPointerEvent(e,\"pressend\",t);window.removeEventListener(\"pointerup\",onPointerUp)};const onPointerDown=n=>{t();dispatchPointerEvent(e,\"pressstart\",n);window.addEventListener(\"pointerup\",onPointerUp)};e.addEventListener(\"pointerdown\",onPointerDown);return()=>{e.removeEventListener(\"pointerdown\",onPointerDown);window.removeEventListener(\"pointerup\",onPointerUp)}}};const ce={inView:se,hover:re,press:ae};const le=[\"initial\",\"animate\",...Object.keys(ce),\"exit\"];const fe=new WeakMap;function createMotionState(e={},t){let n;let o=t?t.getDepth()+1:0;const i={initial:true,animate:true};const s={};const r={};for(const n of le)r[n]=\"string\"===typeof e[n]?e[n]:null===t||void 0===t?void 0:t.getContext()[n];const a=false===e.initial?\"animate\":\"initial\";let c=resolveVariant(e[a]||r[a],e.variants)||{},f=b(c,[\"transition\"]);const u=Object.assign({},f);function*animateUpdates(){var t,o;const s=f;f={};const r={};for(const n of le){if(!i[n])continue;const s=resolveVariant(e[n]);if(s)for(const n in s)if(\"transition\"!==n){f[n]=s[n];r[n]=getOptions(null!==(o=null!==(t=s.transition)&&void 0!==t?t:e.transition)&&void 0!==o?o:{},n)}}const a=new Set([...Object.keys(f),...Object.keys(s)]);const c=[];a.forEach((e=>{var t;void 0===f[e]&&(f[e]=u[e]);if(hasChanged(s[e],f[e])){null!==(t=u[e])&&void 0!==t?t:u[e]=H.get(n,e);c.push(animateStyle(n,e,f[e],r[e]))}}));yield;const d=c.map((e=>e())).filter(Boolean);if(!d.length)return;const g=f;n.dispatchEvent(motionEvent(\"motionstart\",g));Promise.all(d.map((e=>e.finished))).then((()=>{n.dispatchEvent(motionEvent(\"motioncomplete\",g))})).catch(l)}const setGesture=(e,t)=>()=>{i[e]=t;scheduleAnimation(d)};const updateGestureSubscriptions=()=>{for(const t in ce){const o=ce[t].isActive(e);const i=s[t];if(o&&!i)s[t]=ce[t].subscribe(n,{enable:setGesture(t,true),disable:setGesture(t,false)},e);else if(!o&&i){i();delete s[t]}}};const d={update:t=>{if(n){e=t;updateGestureSubscriptions();scheduleAnimation(d)}},setActive:(e,t)=>{if(n){i[e]=t;scheduleAnimation(d)}},animateUpdates:animateUpdates,getDepth:()=>o,getTarget:()=>f,getOptions:()=>e,getContext:()=>r,mount:e=>{S(Boolean(e),\"Animation state must be mounted with valid Element\");n=e;fe.set(n,d);updateGestureSubscriptions();return()=>{fe.delete(n);unscheduleAnimation(d);for(const e in s)s[e]()}},isMounted:()=>Boolean(n)};return d}function createStyles(e){const t={};const n=[];for(let o in e){const i=e[o];if(isTransform(o)){T[o]&&(o=T[o]);n.push(o);o=asTransformCssVar(o)}let s=Array.isArray(i)?i[0]:i;const a=k.get(o);a&&(s=r(i)?a.toDefaultUnit(i):i);t[o]=s}n.length&&(t.transform=buildTransformTemplate(n));return t}const camelLetterToPipeLetter=e=>`-${e.toLowerCase()}`;const camelToPipeCase=e=>e.replace(/[A-Z]/g,camelLetterToPipeLetter);function createStyleString(e={}){const t=createStyles(e);let n=\"\";for(const e in t){n+=e.startsWith(\"--\")?e:camelToPipeCase(e);n+=`: ${t[e]}; `}return n}export{Y as ScrollOffset,animate,animateStyle,createMotionState,createStyleString,createStyles,getAnimationData,getStyleName,F as glide,inView$1 as inView,fe as mountedStates,resize,scroll,N as spring,stagger,H as style,timeline,withControls};\n\n//# sourceMappingURL=index.es.js.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Children,useEffect,useState,useRef,useMemo,createRef,useCallback,cloneElement}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useAnimationFrame,useReducedMotion,LayoutGroup,useInView,useMotionValue,useTransform,motion,wrap,frame}from\"framer-motion\";import{resize}from\"@motionone/dom\";const MAX_DUPLICATED_ITEMS=100;const directionTransformers={left:offset=>`translateX(-${offset}px)`,right:offset=>`translateX(${offset}px)`,top:offset=>`translateY(-${offset}px)`,bottom:offset=>`translateY(${offset}px)`};const supportsAcceleratedAnimations=typeof Animation!==\"undefined\"&&typeof Animation.prototype.updatePlaybackRate===\"function\";/**\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Ticker(props){/* Props */let{slots,gap,padding,paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft,speed,hoverFactor,direction,alignment,sizingOptions,fadeOptions,style}=props;const{fadeContent,overflow,fadeWidth,fadeInset,fadeAlpha}=fadeOptions;const{widthType,heightType}=sizingOptions;const paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;/* Checks */const isCanvas=RenderTarget.current()===RenderTarget.canvas;// Remove empty slots (such as hidden layers)\nconst filteredSlots=slots.filter(Boolean);const numChildren=Children.count(filteredSlots);const hasChildren=numChildren>0;if(direction===true){direction=\"left\";}const isHorizontal=direction===\"left\"||direction===\"right\";const offset=useMotionValue(0);const transformer=directionTransformers[direction];const transform=useTransform(offset,transformer);/* Refs and State */const parentRef=useRef(null);const childrenRef=useMemo(()=>{return[/*#__PURE__*/createRef(),/*#__PURE__*/createRef()];},[]);const[size,setSize]=useState({parent:null,children:null});/* Arrays */let clonedChildren=[];let dupedChildren=[];/* Duplicate value */let duplicateBy=0;let opacity=0;if(isCanvas){duplicateBy=numChildren?Math.floor(10/numChildren):0;opacity=1;}if(!isCanvas&&hasChildren&&size.parent){duplicateBy=Math.round(size.parent/size.children*2)+1;duplicateBy=Math.min(duplicateBy,MAX_DUPLICATED_ITEMS);opacity=1;}/* Measure parent and child */const measure=useCallback(()=>{if(hasChildren&&parentRef.current){const parentLength=isHorizontal?parentRef.current.offsetWidth:parentRef.current.offsetHeight;const start=childrenRef[0].current?isHorizontal?childrenRef[0].current.offsetLeft:childrenRef[0].current.offsetTop:0;const end=childrenRef[1].current?isHorizontal?childrenRef[1].current.offsetLeft+childrenRef[1].current.offsetWidth:childrenRef[1].current.offsetTop+childrenRef[1].current.offsetHeight:0;const childrenLength=end-start+gap;setSize({parent:parentLength,children:childrenLength});}},[]);const childrenStyles=isCanvas?{contentVisibility:\"auto\"}:{};/* Add refs to first and last child */if(hasChildren){// TODO: These conditional hooks will be unsafe if hasChildren ever changes outside the canvas.\nif(!isCanvas){/**\n * Track whether this is the initial resize event. By default this will fire on mount,\n * which we do in the useEffect. We should only fire it on subsequent resizes.\n */let initialResize=useRef(true);useEffect(()=>{frame.read(measure);return resize(parentRef.current,({contentSize})=>{if(!initialResize.current&&(contentSize.width||contentSize.height)){frame.read(measure);}initialResize.current=false;});},[]);}clonedChildren=Children.map(filteredSlots,(child,index)=>{var _child_props,_child_props1,_child_props2,_child_props3;let ref;if(index===0){ref=childrenRef[0];}if(index===filteredSlots.length-1){ref=childrenRef[1];}const size={width:widthType?(_child_props=child.props)===null||_child_props===void 0?void 0:_child_props.width:\"100%\",height:heightType?(_child_props1=child.props)===null||_child_props1===void 0?void 0:_child_props1.height:\"100%\"};return /*#__PURE__*/_jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/_jsx(\"li\",{ref:ref,style:size,children:/*#__PURE__*/cloneElement(child,{style:{...(_child_props2=child.props)===null||_child_props2===void 0?void 0:_child_props2.style,...size,flexShrink:0,...childrenStyles},layoutId:child.props.layoutId?child.props.layoutId+\"-original-\"+index:undefined},(_child_props3=child.props)===null||_child_props3===void 0?void 0:_child_props3.children)})});});}if(!isCanvas){for(let i=0;i{var _child_props,_child_props1,_child_props2,_child_props3,_child_props4,_child_props5;const size={width:widthType?(_child_props=child.props)===null||_child_props===void 0?void 0:_child_props.width:\"100%\",height:heightType?(_child_props1=child.props)===null||_child_props1===void 0?void 0:_child_props1.height:\"100%\",willChange:\"transform\"};return /*#__PURE__*/_jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/_jsx(\"li\",{style:size,\"aria-hidden\":true,children:/*#__PURE__*/cloneElement(child,{key:i+\" \"+childIndex,style:{...(_child_props2=child.props)===null||_child_props2===void 0?void 0:_child_props2.style,width:widthType?(_child_props3=child.props)===null||_child_props3===void 0?void 0:_child_props3.width:\"100%\",height:heightType?(_child_props4=child.props)===null||_child_props4===void 0?void 0:_child_props4.height:\"100%\",flexShrink:0,...childrenStyles},layoutId:child.props.layoutId?child.props.layoutId+\"-dupe-\"+i:undefined},(_child_props5=child.props)===null||_child_props5===void 0?void 0:_child_props5.children)},i+\"li\"+childIndex)},i+\"lg\"+childIndex);})];}}const animateToValue=size.children+size.children*Math.round(size.parent/size.children);const initialTime=useRef(null);const prevTime=useRef(null);const xOrY=useRef(0);const isHover=useRef(false);const isReducedMotion=useReducedMotion();const listRef=useRef(null);const animationRef=useRef(null);/**\n * Setup animations\n */if(!isCanvas){const isInView=useInView(parentRef);/**\n * If this is an animation we can hardware accelerate, animate with WAAPI\n */if(supportsAcceleratedAnimations){useEffect(()=>{if(isReducedMotion||!animateToValue||!speed){return;}animationRef.current=listRef.current.animate({transform:[transformer(0),transformer(animateToValue)]},{duration:Math.abs(animateToValue)/speed*1e3,iterations:Infinity,easing:\"linear\"});return()=>animationRef.current.cancel();},[hoverFactor,animateToValue,speed]);// Pause the animation when it's out of view\nuseEffect(()=>{if(!animationRef.current)return;if(isInView&&animationRef.current.playState===\"paused\"){animationRef.current.play();}else if(!isInView&&animationRef.current.playState===\"running\"){animationRef.current.pause();}},[isInView]);}else{/**\n * If we can't accelerate this animation because we have a hoverFactor defined\n * animate with a rAF loop.\n */useAnimationFrame(t=>{if(!animateToValue||isReducedMotion||supportsAcceleratedAnimations){return;}/**\n * In case this animation is delayed from starting because we're running a bunch\n * of other work, we want to set an initial time rather than counting from 0.\n * That ensures that if the animation is delayed, it starts from the first frame\n * rather than jumping.\n */if(initialTime.current===null){initialTime.current=t;}t=t-initialTime.current;const timeSince=prevTime.current===null?0:t-prevTime.current;let delta=timeSince*(speed/1e3);if(isHover.current){delta*=hoverFactor;}xOrY.current+=delta;xOrY.current=wrap(0,animateToValue,xOrY.current);prevTime.current=t;if(!isInView)return;offset.set(xOrY.current);});}}/* Fades */const fadeDirection=isHorizontal?\"to right\":\"to bottom\";const fadeWidthStart=fadeWidth/2;const fadeWidthEnd=100-fadeWidth/2;const fadeInsetStart=clamp(fadeInset,0,fadeWidthStart);const fadeInsetEnd=100-fadeInset;const fadeMask=`linear-gradient(${fadeDirection}, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetStart}%, rgba(0, 0, 0, 1) ${fadeWidthStart}%, rgba(0, 0, 0, 1) ${fadeWidthEnd}%, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetEnd}%)`;/* Empty state */if(!hasChildren){return /*#__PURE__*/_jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/_jsx(\"div\",{style:emojiStyles,children:\"\u2728\"}),/*#__PURE__*/_jsx(\"p\",{style:titleStyles,children:\"Connect to Content\"}),/*#__PURE__*/_jsx(\"p\",{style:subtitleStyles,children:\"Add layers or components to infinitely loop on your page.\"})]});}return /*#__PURE__*/_jsx(\"section\",{style:{...containerStyle,opacity:opacity,WebkitMaskImage:fadeContent?fadeMask:undefined,MozMaskImage:fadeContent?fadeMask:undefined,maskImage:fadeContent?fadeMask:undefined,overflow:overflow?\"visible\":\"hidden\",padding:paddingValue},ref:parentRef,children:/*#__PURE__*/_jsxs(motion.ul,{ref:listRef,style:{...containerStyle,gap:gap,top:direction===\"bottom\"&&isValidNumber(animateToValue)?-animateToValue:undefined,left:direction===\"right\"&&isValidNumber(animateToValue)?-animateToValue:undefined,placeItems:alignment,position:\"relative\",flexDirection:isHorizontal?\"row\":\"column\",...style,willChange:isCanvas?\"auto\":\"transform\",transform:supportsAcceleratedAnimations?transformer(0):transform},onMouseEnter:()=>{isHover.current=true;if(animationRef.current){// TODO Replace with updatePlaybackRate when Chrome bugs sorted\nanimationRef.current.playbackRate=hoverFactor;}},onMouseLeave:()=>{isHover.current=false;if(animationRef.current){// TODO Replace with updatePlaybackRate when Chrome bugs sorted\nanimationRef.current.playbackRate=1;}},children:[clonedChildren,dupedChildren]})});}/* Default Properties */Ticker.defaultProps={gap:10,padding:10,sizingOptions:{widthType:true,heightType:true},fadeOptions:{fadeContent:true,overflow:false,fadeWidth:25,fadeAlpha:0,fadeInset:0},direction:true};/* Property Controls */addPropertyControls(Ticker,{slots:{type:ControlType.Array,title:\"Children\",control:{type:ControlType.ComponentInstance}},speed:{type:ControlType.Number,title:\"Speed\",min:0,max:1e3,defaultValue:100,unit:\"%\",displayStepper:true,step:5},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"left\",\"right\",\"top\",\"bottom\"],optionIcons:[\"direction-left\",\"direction-right\",\"direction-up\",\"direction-down\"],optionTitles:[\"Left\",\"Right\",\"Top\",\"Bottom\"],defaultValue:\"left\",displaySegmentedControl:true},alignment:{type:ControlType.Enum,title:\"Align\",options:[\"flex-start\",\"center\",\"flex-end\"],optionIcons:{direction:{right:[\"align-top\",\"align-middle\",\"align-bottom\"],left:[\"align-top\",\"align-middle\",\"align-bottom\"],top:[\"align-left\",\"align-center\",\"align-right\"],bottom:[\"align-left\",\"align-center\",\"align-right\"]}},defaultValue:\"center\",displaySegmentedControl:true},gap:{type:ControlType.Number,title:\"Gap\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},sizingOptions:{type:ControlType.Object,title:\"Sizing\",controls:{widthType:{type:ControlType.Boolean,title:\"Width\",enabledTitle:\"Auto\",disabledTitle:\"Stretch\",defaultValue:true},heightType:{type:ControlType.Boolean,title:\"Height\",enabledTitle:\"Auto\",disabledTitle:\"Stretch\",defaultValue:true}}},fadeOptions:{type:ControlType.Object,title:\"Clipping\",controls:{fadeContent:{type:ControlType.Boolean,title:\"Fade\",defaultValue:true},overflow:{type:ControlType.Boolean,title:\"Overflow\",enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:false,hidden(props){return props.fadeContent===true;}},fadeWidth:{type:ControlType.Number,title:\"Width\",defaultValue:25,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeInset:{type:ControlType.Number,title:\"Inset\",defaultValue:0,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeAlpha:{type:ControlType.Number,title:\"Opacity\",defaultValue:0,min:0,max:1,step:.05,hidden(props){return props.fadeContent===false;}}}},hoverFactor:{type:ControlType.Number,title:\"Hover\",min:0,max:1,unit:\"x\",defaultValue:1,step:.1,displayStepper:true,description:\"Slows down the speed while you are hovering.\"}});/* Placeholder Styles */const containerStyle={display:\"flex\",width:\"100%\",height:\"100%\",maxWidth:\"100%\",maxHeight:\"100%\",placeItems:\"center\",margin:0,padding:0,listStyleType:\"none\",textIndent:\"none\"};/* Styles */const placeholderStyles={display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",color:\"#96F\",background:\"rgba(136, 85, 255, 0.1)\",fontSize:11,overflow:\"hidden\",padding:\"20px 20px 30px 20px\"};const emojiStyles={fontSize:32,marginBottom:10};const titleStyles={margin:0,marginBottom:10,fontWeight:600,textAlign:\"center\"};const subtitleStyles={margin:0,opacity:.7,maxWidth:150,lineHeight:1.5,textAlign:\"center\"};/* Clamp function, used for fadeInset */const clamp=(num,min,max)=>Math.min(Math.max(num,min),max);const isValidNumber=value=>typeof value===\"number\"&&!isNaN(value);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Ticker\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"400\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Ticker.map", "import{isBrowser}from\"framer-motion\";export const DEFAULT_DOMAIN=\"https://www.googletagmanager.com\";export const DEFAULT_SCRIPT_NAME=\"gtm.js\";/**\n * Function to get and set dataLayer\n * @param dataLayer - The dataLayer\n * @param dataLayerName - The dataLayer name\n */const getDataLayerSnippet=(dataLayer,dataLayerName=\"dataLayer\")=>`window['${dataLayerName}']=window['${dataLayerName}']||[];`+(dataLayer?`window['${dataLayerName}'].push(${JSON.stringify(dataLayer)});`:\"\")+`window['${dataLayerName}'].push({'gtm.start':new Date().getTime(),event:'gtm.js'})`;/**\n * Function to get the GTM script\n * @param dataLayerName - The name of the dataLayer\n * @param customDomain - Custom domain for gtm\n * @param customScriptName - Custom script file name for gtm\n * @param environment - The parameters to use a custom environment\n * @param id - The id of the container\n */const getGTMScript=(dataLayerName,id,environment,customDomain=DEFAULT_DOMAIN,customScriptName=DEFAULT_SCRIPT_NAME)=>{let params=\"\";if(environment){const{gtm_auth,gtm_preview}=environment;params=`>m_auth=${gtm_auth}>m_preview=${gtm_preview}>m_cookies_win=x`;}return`${customDomain}/${customScriptName}?id=${id}${dataLayerName===\"dataLayer\"?\"\":`&l=${dataLayerName}`}${params}`;};/**\n * Function to setup the Google Tag Manager\n * @param params - The snippets params\n */const setupGTM=params=>{const getDataLayerScript=()=>{const dataLayerScript=document.createElement(\"script\");if(params.nonce){dataLayerScript.setAttribute(\"nonce\",params.nonce);}dataLayerScript.innerHTML=getDataLayerSnippet(params.dataLayer,params.dataLayerName);return dataLayerScript;};const getScript=()=>{const script=document.createElement(\"script\");if(params.nonce){script.setAttribute(\"nonce\",params.nonce);}script.src=getGTMScript(params.dataLayerName,params.id,params.environment,params.customDomain,params.customScriptName);return script;};return{getDataLayerScript,getScript};};/**\n * Function to init the GTM\n * @param dataLayer - The dataLayer\n * @param dataLayerName - The dataLayer name\n * @param environment - Specify the custom environment to use\n * @param nonce - Server-generated nonce\n * @param id - The ID of the GTM\n */export const initGTM=({dataLayer,dataLayerName,environment,nonce,id,customDomain,customScriptName})=>{const gtm=setupGTM({dataLayer,dataLayerName,environment,nonce,id,customDomain,customScriptName});const dataLayerScript=gtm.getDataLayerScript();const script=gtm.getScript();document.head.append(dataLayerScript,script);};export function sendToGTM(){if(isBrowser){window[\"dataLayer\"]=window[\"dataLayer\"]||[];window[\"dataLayer\"].push(arguments);}}\nexport const __FramerMetadata__ = {\"exports\":{\"DEFAULT_SCRIPT_NAME\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DEFAULT_DOMAIN\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"sendToGTM\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"initGTM\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./send.map", "import{isBrowser}from\"framer-motion\";import{useLayoutEffect}from\"react\";export const DEFAULT_FONT_FAMILY=`\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;export function getFlexboxValues(position){const positionParts=position.split(\"-\");let justifyContent,alignItems;switch(positionParts[0]){case\"top\":alignItems=\"flex-start\";break;case\"bottom\":alignItems=\"flex-end\";break;case\"center\":alignItems=\"center\";break;default:alignItems=\"initial\";break;}switch(positionParts[1]){case\"left\":justifyContent=\"flex-start\";break;case\"right\":justifyContent=\"flex-end\";break;case\"center\":justifyContent=\"center\";break;default:justifyContent=\"initial\";break;}return{justifyContent,alignItems};}export function getMultipleShadows(...shadows){const output=[];shadows.forEach(shadow=>{return shadow&&output.push(shadow);});return output.join(\", \");}export function getShadow(shadow){if(shadow){return`${shadow.shadowX}px ${shadow.shadowY}px ${shadow.shadowBlur}px ${shadow.shadowColor}`;}else return null;}export function safeJSONParse(jsonString,onError){try{return JSON.parse(jsonString);}catch{if(onError)onError();}}export const getCookie=(name,cookies)=>{cookies=cookies?cookies:isBrowser?document.cookie:\"\";var _cookies_match;const[,,cookie]=(_cookies_match=cookies.match(`(^|;) ?${name}=([^;]*)(;|$)`))!==null&&_cookies_match!==void 0?_cookies_match:[null,null,null];return cookie;};/**\n * Yields to main thread before continuing execution, which might allow the browser to paint.\n * If `options.priority` is 'user-blocking', it will asynchronously resolve in older browsers.\n * @param {object} options - see https://github.com/WICG/scheduling-apis/blob/main/explainers/yield-and-continuation.md\n * @see interactionResponse for guaranteeing execution after a paint\n */export function yieldToMain(options){if(\"scheduler\"in window){if(\"yield\"in scheduler)return scheduler.yield(options);if(\"postTask\"in scheduler)return scheduler.postTask(()=>{},options);}if((options===null||options===void 0?void 0:options.priority)===\"user-blocking\"){// `setTimeout` could suffer from being delayed for longer: https://developer.chrome.com/blog/introducing-scheduler-yield-origin-trial#the_problem_with_current_yielding_strategies\n// so for browsers not supporting yield, we guarantee execution for high priority actions, but this does not create space for a paint opportunity as trade-off.\nreturn Promise.resolve();}return new Promise(resolve=>{setTimeout(resolve);});}/**\n * Helper function for `yieldToMain`, which yields before calling `fn`.\n * @see yieldToMain\n */export async function yieldBeforeCb(fn,options){await yieldToMain(options);return fn();}/**\n * Similar to `yieldToMain`, but also waits for the next animation frame before yielding (with a fallback of 100ms if the animation frame never fires).\n * Compared to `yieldToMain`, it guarantees improved INP, but might make processing a little slower. Use only if necessary.\n * @see yieldToMain\n */export function interactionResponse(options){return new Promise(resolve=>{setTimeout(resolve,200)// Fallback for the case where the animation frame never fires.\n;requestAnimationFrame(()=>{void yieldBeforeCb(resolve,options);});});}/**\n * Runs `fn` after the next paint. Similar to `useEffect`, but *guarantees* that the function is run after the next paint.\n * @important Does not support a cleanup fn.\n * @see https://thoughtspile.github.io/2021/11/15/unintentional-layout-effect/\n */export function useAfterPaintEffect(fn,deps,options){useLayoutEffect(()=>{const runAfterPaint=async()=>{await interactionResponse(options);fn();};void runAfterPaint();// eslint-disable-next-line react-hooks/exhaustive-deps -- deps are passed in\n},deps);}\nexport const __FramerMetadata__ = {\"exports\":{\"useAfterPaintEffect\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getCookie\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"safeJSONParse\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getFlexboxValues\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"yieldBeforeCb\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getShadow\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getMultipleShadows\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FlexboxPosition\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"yieldToMain\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"interactionResponse\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"DEFAULT_FONT_FAMILY\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./utils.map", "import{useIsOnFramerCanvas}from\"framer\";import{isBrowser}from\"framer-motion\";import{useEffect,useReducer}from\"react\";import{initGTM,sendToGTM}from\"https://framerusercontent.com/modules/RFM6zI5MxOiqwwNiQep4/CmmUoyXEMOtoYkkeGDZZ/send.js\";import{safeJSONParse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/hLcdFz4t8UjInDMvzq41/utils.js\";function toGTMConsent(consent){return{functionality_storage:consent.necessary?\"granted\":\"denied\",security_storage:consent.necessary?\"granted\":\"denied\",ad_storage:consent.marketing?\"granted\":\"denied\",ad_user_data:consent.marketing?\"granted\":\"denied\",ad_personalization:consent.marketing?\"granted\":\"denied\",analytics_storage:consent.analytics?\"granted\":\"denied\",personalization_storage:consent.preferences?\"granted\":\"denied\"};}function reducer(state,action){switch(action.type){case\"autoAccept\":return{...state,sync:true,autoAccepted:true,modes:{analytics:true,marketing:true,necessary:true,preferences:true}};case\"acceptAll\":return{...state,sync:true,dismissed:true,modes:{analytics:true,marketing:true,necessary:true,preferences:true}};case\"rejectAll\":return{...state,sync:true,dismissed:true,modes:{analytics:false,marketing:false,necessary:false,preferences:false}};case\"acceptCurrent\":return{...state,dismissed:true,sync:true};case\"update\":return{...state,modes:{...state.modes,...action.modes},sync:action.sync};case\"toggle\":return{...state,modes:{...state.modes,[action.mode]:!state.modes[action.mode]}};case\"initFromLocalStorage\":return{...state,modes:action.modes,dismissed:action.dismissed,autoAccepted:action.autoAccepted,initializedFromLocalStorage:true,sync:true};case\"dismiss\":return{...state,dismissed:true};case\"synced\":return{...state,sync:false,hasSynced:true};default:return state;}}const initialState={dismissed:false,autoAccepted:false,modes:null,sync:false,initializedFromLocalStorage:false,hasSynced:false};export const defaultConsent={necessary:false,analytics:false,marketing:false,preferences:false};// Keep track of if GTM has been loaded as a script and default consent has been set,\n// to ensure the script does not keep appending between page switches.\nlet hasInitializedGTM=false;export function useConsent({gtmId,defaultConsent,gtmLoadedExternally=false}){const[state,dispatch]=useReducer(reducer,initialState);const isOnFramerCanvas=useIsOnFramerCanvas();const consentModeLocalStorageKey=\"framerCookiesConsentMode\";const dismissedLocalStorageKey=\"framerCookiesDismissed\";const autoAcceptedLocalStorageKey=\"framerCookiesAutoAccepted\";function getStateFromLocalStorage(){const consentFromLocalStorage=localStorage.getItem(consentModeLocalStorageKey);const dismissedFromLocalStorage=localStorage.getItem(dismissedLocalStorageKey);const autoAcceptedFromLocalStorage=localStorage.getItem(autoAcceptedLocalStorageKey);const isDismissed=dismissedFromLocalStorage!==null;const isAutoAccepted=autoAcceptedFromLocalStorage!==null;const hasConsentInLocalStorage=consentFromLocalStorage!==null;const consentInLocalStorageIsNotDefault=isDismissed||isAutoAccepted;const shouldLoadConsentFromLocalStorage=hasConsentInLocalStorage&&consentInLocalStorageIsNotDefault;dispatch({type:\"initFromLocalStorage\",dismissed:isDismissed,autoAccepted:isAutoAccepted,modes:shouldLoadConsentFromLocalStorage?safeJSONParse(consentFromLocalStorage,()=>localStorage.removeItem(consentModeLocalStorageKey)):defaultConsent});}function syncToGTM(){if(gtmId){if(!hasInitializedGTM&&!gtmLoadedExternally){// This is the first time we sync consent, so we save it as \"default\" and initialize tag manager.\n// This order is important, because we need to have set the default consent BEFORE we initialize GTM.\n// https://developers.google.com/tag-platform/devguides/consent?tab=tag-manager&sjid=11348191096952324675-EU#implementation_example\n// It might seem weird that we're \"sending\" before initializing, but \"sending\" here means building up\n// the \"dataLayer\" object that GTM picks up when it initializes.\nsendToGTM(\"consent\",\"default\",toGTMConsent(state.modes));initGTM({dataLayer:undefined,dataLayerName:\"dataLayer\",environment:undefined,nonce:undefined,injectScript:true,id:gtmId});hasInitializedGTM=true;}else{hasInitializedGTM=true;sendToGTM(\"consent\",\"update\",toGTMConsent(state.modes));// must be sent like this or else GTM doesn't act on it:\nwindow.dataLayer.push({event:\"cookie_consent_update\"});}}}useEffect(()=>{if(isOnFramerCanvas)return;yieldBeforeCb(()=>getStateFromLocalStorage(),{priority:\"user-blocking\"});},[]);// Anytime the dismissed value is updated, we need to persist it in local storage.\nuseEffect(()=>{if(isOnFramerCanvas)return;if(state.dismissed){localStorage.setItem(dismissedLocalStorageKey,\"true\");}},[state.dismissed]);// Anytime consent is auto accepted, we need to persist it in local storage.\nuseEffect(()=>{if(isOnFramerCanvas)return;if(state.autoAccepted){localStorage.setItem(autoAcceptedLocalStorageKey,\"true\");}},[state.autoAccepted]);// Sync data to dataLayer and localStorage.\nuseEffect(()=>{if(isOnFramerCanvas)return;const shouldSync=state.sync&&isBrowser&&state.modes!==null;if(!shouldSync){return;}yieldBeforeCb(()=>{syncToGTM();// Save locally\nlocalStorage.setItem(consentModeLocalStorageKey,JSON.stringify(state.modes));dispatch({type:\"synced\"});},{priority:\"user-blocking\"});},[state.sync]);function dismiss(){dispatch({type:\"dismiss\"});localStorage.setItem(dismissedLocalStorageKey,\"true\");}function autoAccept(){dispatch({type:\"autoAccept\"});}function acceptAll(){dispatch({type:\"acceptAll\"});}function rejectAll(){dispatch({type:\"rejectAll\"});}function acceptCurrent(){dispatch({type:\"acceptCurrent\"});}function toggleMode(mode){dispatch({type:\"toggle\",mode});}return{modes:state.modes,isInitialized:state.hasSynced,isDismissed:state.dismissed,isAutoAccepted:state.autoAccepted,dismiss,autoAccept,acceptAll,rejectAll,acceptCurrent,toggleMode};}\nexport const __FramerMetadata__ = {\"exports\":{\"defaultConsent\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ConsentModes\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ConsentModeName\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useConsent\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./consent.map", "// Check if visitor is in EU\nconst countries=[\"BE\",\"EL\",\"LT\",\"PT\",\"BG\",\"ES\",\"LU\",\"RO\",\"CZ\",\"FR\",\"RE\",\"GP\",\"MQ\",\"GF\",\"YT\",\"BL\",\"MF\",\"PM\",\"WF\",\"PF\",\"NC\",\"HU\",\"SI\",\"DK\",\"FO\",\"GL\",\"HR\",\"MT\",\"SK\",\"DE\",\"IT\",\"NL\",\"AW\",\"CW\",\"SX\",\"FI\",\"AX\",\"EE\",\"CY\",\"AT\",\"SE\",\"IE\",\"LV\",\"PL\",\"UK\",\"GB\",\"AI\",\"BM\",\"IO\",\"VG\",\"KY\",\"FK\",\"GI\",\"MS\",\"PN\",\"SH\",\"TC\",\"GG\",\"JE\",\"IM\"];const isInEUTimezone=()=>{var _Intl_DateTimeFormat_resolvedOptions_timeZone,_Intl_DateTimeFormat_resolvedOptions,_Intl_DateTimeFormat,_Intl;return(_Intl=Intl)===null||_Intl===void 0?void 0:(_Intl_DateTimeFormat=_Intl.DateTimeFormat())===null||_Intl_DateTimeFormat===void 0?void 0:(_Intl_DateTimeFormat_resolvedOptions=_Intl_DateTimeFormat.resolvedOptions())===null||_Intl_DateTimeFormat_resolvedOptions===void 0?void 0:(_Intl_DateTimeFormat_resolvedOptions_timeZone=_Intl_DateTimeFormat_resolvedOptions.timeZone)===null||_Intl_DateTimeFormat_resolvedOptions_timeZone===void 0?void 0:_Intl_DateTimeFormat_resolvedOptions_timeZone.startsWith(\"Europe\");};const isEULocale=()=>{var _navigator_languages;var _navigator_language;const locale=(_navigator_language=navigator.language)!==null&&_navigator_language!==void 0?_navigator_language:(_navigator_languages=navigator.languages)===null||_navigator_languages===void 0?void 0:_navigator_languages[0];return countries.some(country=>{var _locale_toUpperCase;return locale===null||locale===void 0?void 0:(_locale_toUpperCase=locale.toUpperCase())===null||_locale_toUpperCase===void 0?void 0:_locale_toUpperCase.includes(country);});};let _inEU=null;export const inEU=()=>{if(_inEU===null)_inEU=isInEUTimezone()||isEULocale();return _inEU;};\nexport const __FramerMetadata__ = {\"exports\":{\"inEU\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./inEU.map", "import{isBrowser}from\"framer-motion\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/gnipUJynzv8FJkpTy04V/inEU.js\";export function useRegion({content,useRegionFromProps}){const isInEUBasedOnLocation=isBrowser?inEU():false;const regionBasedOnLocation=isInEUBasedOnLocation?\"EU\":\"World\";const regionFromProps=content.isEU?\"EU\":\"World\";const regionContent={EU:{title:content.euTitle,description:content.euDescription,type:content.euType,defaults:content.euDefaults,policy:content.euPolicy,blocking:content.euBlocking,showReject:content.euType===\"advanced\"?content.euShowReject:true},World:{title:content.worldTitle,description:content.worldDescription,type:content.worldType,defaults:content.worldDefaults,policy:content.worldPolicy,blocking:content.worldBlocking,showReject:content.worldType===\"advanced\"?content.worldShowReject:true}};return regionContent[useRegionFromProps?regionFromProps:regionBasedOnLocation];}\nexport const __FramerMetadata__ = {\"exports\":{\"RegionContent\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RegionType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRegion\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,lazy,Suspense}from\"react\";import{withCSS}from\"framer\";import{AnimatePresence,motion}from\"framer-motion\";import{DEFAULT_FONT_FAMILY,getMultipleShadows,getShadow}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/hLcdFz4t8UjInDMvzq41/utils.js\";const SPACING=20;// if you update the Toggle component inside this project, copy the new URL to here:\nconst Toggle=/*#__PURE__*/lazy(()=>import(\"https://framerusercontent.com/modules/QDCSmi7dYWSK5AcRSFyX/iWVjq9atvKQLvxgv6qiM/Blf0sjosZ.js\"));export const Banner=withCSS(function Banner({banner,button,region,options,previewOptions,consentModes,onDismiss,onAcceptAll,onRejectAll,onAcceptCurrent,onToggleConsent,animateOnMount}){var _banner_style_border;const maxHeightReduction=banner.insetPerSide?banner.insetTop+banner.insetBottom:banner.inset*2;const linkColor=banner.style.link||button.primary.fill;const paddingValue=banner.paddingPerSide?`${banner.paddingTop}px ${banner.paddingRight}px ${banner.paddingBottom}px ${banner.paddingLeft}px`:`${banner.padding}px`;const bannerShadow=getShadow(banner.style.shadow);const borderShadow=((_banner_style_border=banner.style.border)===null||_banner_style_border===void 0?void 0:_banner_style_border.width)?`inset 0 0 0 ${banner.style.border.width}px ${banner.style.border.color}`:null;const bannerStyle={background:banner.style.fill,boxShadow:getMultipleShadows(bannerShadow,borderShadow),overflow:\"hidden\",borderRadius:banner.style.border.radius};return /*#__PURE__*/_jsx(motion.div,{initial:animateOnMount&&{x:banner.animation.x,y:banner.animation.y,scale:banner.animation.scale,opacity:0},animate:{y:0,x:0,scale:1,opacity:1},exit:{x:banner.animation.x,y:banner.animation.y,scale:banner.animation.scale,opacity:0},transition:animateOnMount?banner.animation.transition:{duration:0},style:{fontFamily:DEFAULT_FONT_FAMILY,maxHeight:`calc(100vh - ${maxHeightReduction}px)`,flexDirection:\"column\",gap:12,position:\"relative\",display:\"flex\",zIndex:100,pointerEvents:\"auto\"},children:/*#__PURE__*/_jsx(\"div\",{style:{...bannerStyle,overflow:\"scroll\",width:\"100%\",maxWidth:banner.width},className:`--framer-cookie-banner-container --framer-cookie-banner-type-${region.type}`,children:region.type===\"simple\"?/*#__PURE__*/_jsx(SimpleBanner,{banner:banner,button:button,linkColor:linkColor,description:region.description,policy:region.policy,onDismiss:onDismiss}):region.type===\"medium\"?/*#__PURE__*/_jsx(AcceptRejectBanner,{banner:banner,button:button,linkColor:linkColor,title:region.title,description:region.description,policy:region.policy,onAccept:onAcceptAll,onReject:onRejectAll}):/*#__PURE__*/_jsx(OptionsBanner,{banner:banner,button:button,options:options,previewOptions:previewOptions,linkColor:linkColor,title:region.title,description:region.description,showReject:region.showReject,policy:region.policy,onOptionToggle:onToggleConsent,consent:consentModes,onAcceptAll:onAcceptAll,onRejectAll:onRejectAll,onAcceptCurrent:onAcceptCurrent})})});},[`.--framer-cookie-banner-container::-webkit-scrollbar { display: none; }`,`.--framer-cookie-banner-container { \n -ms-overflow-style: none; \n scrollbar-width: none; \n }`]);function SimpleBanner({banner,button,description,policy,onDismiss,linkColor}){const padding=banner.paddingPerSide?`${banner.paddingTop}px ${banner.paddingRight}px ${banner.paddingBottom}px ${banner.paddingLeft}px`:`${banner.padding}px`;return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"row\",padding,gap:SPACING},children:[/*#__PURE__*/_jsx(Description,{style:{...banner.style.fontBody,flex:1,alignItems:\"center\",color:banner.style.colorBody},linkColor:linkColor,description:description,policy:policy}),/*#__PURE__*/_jsx(motion.div,{style:{display:\"flex\",justifyContent:\"center\",alignItems:\"center\"},children:/*#__PURE__*/_jsx(Button,{onClick:onDismiss,settings:{...button,fluid:false},id:\"dismiss\",children:button.labels.confirm})})]});}function AcceptRejectBanner({banner,button,title,linkColor,description,policy,onAccept,onReject}){const padding=banner.paddingPerSide?`${banner.paddingTop}px ${banner.paddingRight}px ${banner.paddingBottom}px ${banner.paddingLeft}px`:`${banner.padding}px`;return /*#__PURE__*/_jsxs(\"div\",{style:{padding},children:[/*#__PURE__*/_jsxs(\"div\",{children:[title&&/*#__PURE__*/_jsx(Headline,{style:{...banner.style.fontTitle,color:banner.style.colorTitle},children:title}),/*#__PURE__*/_jsx(Description,{style:{...banner.style.fontBody,color:banner.style.colorBody},linkColor:linkColor,description:description,policy:policy})]}),/*#__PURE__*/_jsxs(Buttons,{direction:button.direction,children:[/*#__PURE__*/_jsx(Button,{settings:button,onClick:onReject,id:\"reject\",children:button.labels.reject}),/*#__PURE__*/_jsx(Button,{settings:button,primary:true,onClick:onAccept,id:\"accept\",children:button.labels.accept})]})]});}function OptionsBanner({banner,button,options,previewOptions,title,description,policy,showReject=true,linkColor,consent,onAcceptCurrent,onAcceptAll,onRejectAll,onOptionToggle}){const[showOptions,setShowOptions]=useState(false);const optionTheme={...options.style,color:banner.style.colorBody};const padding=banner.paddingPerSide?`${banner.paddingTop}px ${banner.paddingRight}px ${banner.paddingBottom}px ${banner.paddingLeft}px`:`${banner.padding}px`;// const optionNames = consent && Object.keys(consent)\nconst optionNames=[\"necessary\",\"preferences\",\"analytics\",\"marketing\"];const shouldShowOptions=showOptions||previewOptions;return /*#__PURE__*/_jsxs(\"div\",{style:{padding},children:[/*#__PURE__*/_jsxs(\"div\",{children:[title&&/*#__PURE__*/_jsx(Headline,{style:{...banner.style.fontTitle,color:banner.style.colorTitle},children:title}),/*#__PURE__*/_jsx(Description,{style:{...banner.style.fontBody,color:banner.style.colorBody},linkColor:linkColor,description:description,policy:policy}),/*#__PURE__*/_jsx(AnimatePresence,{children:shouldShowOptions&&/*#__PURE__*/_jsx(motion.div,{initial:previewOptions?null:{opacity:0,height:0},animate:{opacity:1,height:\"auto\"},exit:{opacity:0,height:0},style:{display:\"flex\",flexDirection:\"column\",gap:10,marginTop:SPACING,overflow:\"hidden\"},children:optionNames&&optionNames.map(option=>/*#__PURE__*/_jsx(Option,{title:options[option].title,description:options[option].description,titleColor:banner.style.colorTitle,descriptionColor:banner.style.colorBody,showDescription:options.descriptions,enabled:consent[option],onClick:()=>onOptionToggle(option),theme:optionTheme,optional:option===\"necessary\"?options[option].optional:true}))},\"modal\")})]}),/*#__PURE__*/_jsx(Buttons,{direction:button.direction,children:shouldShowOptions?/*#__PURE__*/_jsx(Button,{settings:button,primary:true,onClick:onAcceptCurrent,id:\"accept\",children:button.labels.save}):/*#__PURE__*/_jsxs(_Fragment,{children:[showReject&&/*#__PURE__*/_jsx(Button,{settings:button,onClick:onRejectAll,id:\"reject\",children:button.labels.rejectAll}),/*#__PURE__*/_jsx(Button,{settings:button,onClick:()=>{setShowOptions(true);},id:\"customize\",children:button.labels.customize}),/*#__PURE__*/_jsx(Button,{settings:button,primary:true,onClick:onAcceptAll,id:\"accept\",children:button.labels.acceptAll})]})})]});}function Option({title,titleColor,description,descriptionColor,showDescription,enabled,optional,onClick,theme}){const paddingValue=theme.paddingPerSide?`${theme.paddingTop}px ${theme.paddingRight}px ${theme.paddingBottom}px ${theme.paddingLeft}px`:`${theme.padding}px`;const borderShadow=theme.border?`inset 0 0 0 ${theme.border.width}px ${theme.border.color}`:null;return /*#__PURE__*/_jsxs(motion.div,{style:{boxShadow:borderShadow,background:theme.background,borderRadius:theme.border.radius,padding:paddingValue,cursor:\"pointer\",userSelect:\"none\",pointerEvents:\"all\"},onClick:onClick,whileHover:{opacity:.5},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\"},children:[/*#__PURE__*/_jsx(\"p\",{style:{margin:0,fontWeight:600,fontSize:12,color:titleColor,...theme.fontTitle},children:title}),optional?/*#__PURE__*/_jsx(Suspense,{children:/*#__PURE__*/_jsx(Toggle,{variant:enabled?\"On\":\"Off\",background:theme.toggleColor,backgroundInactive:theme.toggleColorInactive})}):/*#__PURE__*/_jsx(\"p\",{style:{margin:0,fontSize:12,color:theme.toggleColor,...theme.fontTitle,fontWeight:400},children:\"Always active\"})]}),description&&/*#__PURE__*/_jsx(\"p\",{style:{margin:0,marginTop:10,fontSize:12,lineHeight:1.5,color:descriptionColor,...theme.fontBody},children:description})]});}function Headline({children,style}){return /*#__PURE__*/_jsx(\"p\",{style:{fontSize:14,margin:\"0px 0px 10px 0px\",fontWeight:\"bold\",padding:0,...style},children:children});}function Description({style,description,policy,linkColor}){const shouldShow=description||(policy===null||policy===void 0?void 0:policy.link);if(!shouldShow)return null;if(!description){return /*#__PURE__*/_jsx(DescriptionParagraph,{policy:policy,style:style,linkColor:linkColor});}// @ivan: Support rendering the description in multiple paragraphs.\n// This is a site speed optimization: it allows to split a single\n// huge

into several smaller ones, which prevents the huge

\n// from becoming an LCP element.\nconst descriptionParagraphs=description===null||description===void 0?void 0:description.split(\"\\n\\n\");return description.split(\"\\n\\n\").map((line,index)=>/*#__PURE__*/_jsx(DescriptionParagraph,{line:line,// Only render the policy in the last paragraph\n policy:index===descriptionParagraphs.length-1?policy:null,style:{// Add a spacing between paragraphs\n marginTop:index>0?4:0,...style},linkColor:linkColor},index));}function DescriptionParagraph({line,policy,style,linkColor}){return /*#__PURE__*/_jsxs(\"p\",{style:{lineHeight:1.5,margin:0,padding:0,fontSize:14,...style},children:[line,line&&(policy===null||policy===void 0?void 0:policy.link)?\" \":null,(policy===null||policy===void 0?void 0:policy.link)&&/*#__PURE__*/_jsxs(\"span\",{children:[policy===null||policy===void 0?void 0:policy.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy===null||policy===void 0?void 0:policy.link,target:\"_blank\",style:{color:linkColor,textDecoration:\"none\"},children:policy===null||policy===void 0?void 0:policy.label}),\".\"]})]});}function Buttons({children,direction}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:direction,gap:10,marginTop:16},children:children});}const Button=withCSS(function Button({id,children,primary,settings,onClick}){const paddingValue=settings.paddingPerSide?`${settings.paddingTop}px ${settings.paddingRight}px ${settings.paddingBottom}px ${settings.paddingLeft}px`:`${settings.padding}px`;const theme=primary?settings.primary:settings.secondary;var _settings_hoverOpacity,_settings_tapOpacity;return /*#__PURE__*/_jsx(motion.input,{className:\"__framer-cookie-component-button\",id:`__framer-cookie-component-button-${id}`,onClick:onClick,type:\"button\",value:`${children}`,whileHover:{opacity:(_settings_hoverOpacity=settings.hoverOpacity)!==null&&_settings_hoverOpacity!==void 0?_settings_hoverOpacity:.6},whileTap:{opacity:(_settings_tapOpacity=settings.tapOpacity)!==null&&_settings_tapOpacity!==void 0?_settings_tapOpacity:.4},style:{WebkitAppearance:\"none\",appearance:\"none\",width:settings.fluid?\"100%\":\"auto\",height:\"auto\",border:\"none\",padding:paddingValue,borderRadius:settings.borderRadius,boxShadow:getShadow(theme.shadow),background:theme.fill,color:theme.color,fontSize:14,lineHeight:1,cursor:\"pointer\",fontWeight:settings.font?\"unset\":600,...settings.font}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\");\nexport const __FramerMetadata__ = {\"exports\":{\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map", "import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsOnFramerCanvas,withCSS}from\"framer\";import{AnimatePresence,isBrowser,motion}from\"framer-motion\";import{lazy,Suspense,useEffect,useState}from\"react\";import{createPortal}from\"react-dom\";import{defaultConsent,useConsent}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/gvNUph1oNh8l2qQafSUu/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/d7M4abVz5jhxcjrlWV66/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/77ZjdIUSoepa5KTwP0oH/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/gnipUJynzv8FJkpTy04V/inEU.js\";import{DEFAULT_FONT_FAMILY,getFlexboxValues,interactionResponse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/hLcdFz4t8UjInDMvzq41/utils.js\";// Keep track of open state between page reloads\nlet initiallyOpen=false;/**\n * COOKIE BANNER\n * By Floris Verloop\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n *\n * @framerDisableUnlink\n *\n */export default function CookieBanner({gtmId,preview,trigger,banner,button,content,options,style,gtmLoadedExternally,onShown,onConsentChange,onAccept,onDismiss,onReject,onSavePreferences}){const isOnFramerCanvas=useIsOnFramerCanvas();const isPreview=preview&&isOnFramerCanvas;const isInEU=isBrowser?inEU():false;const region=useRegion({content,useRegionFromProps:isPreview});const consent=useConsent({gtmId,defaultConsent:region.defaults,gtmLoadedExternally});const[isOpen,setIsOpen]=useState(initiallyOpen);// On page switch, disable all transitions so the banner shows up as fast as possible.\nconst[instantlyShowOnMount,setInstantlyShowOnMount]=useState(initiallyOpen);useEffect(()=>{// Save open state between page switches\ninitiallyOpen=isOpen;// Disable instantly show on mount after first open\nif(isOpen){setInstantlyShowOnMount(false);}// Track shown event\nif(isOpen&&!isPreview&&onShown){yieldBeforeCb(()=>onShown({isInEU}),{priority:\"user-blocking\"});}},[isOpen]);// Check if user should be prompted\nuseEffect(()=>{const noConsentGiven=consent.isInitialized&&!consent.isDismissed;const shouldAutoAccept=region.type===\"simple\"&&!consent.isAutoAccepted;if(noConsentGiven){performance.mark(\"framer-cookie-open\");setIsOpen(true);/** Automatically accept all cookies for simple banner. */if(shouldAutoAccept){consent.autoAccept();// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}}if(consent.isDismissed){setIsOpen(false);}},[consent.isInitialized,consent.isDismissed]);useEffect(()=>{if(onConsentChange){yieldBeforeCb(()=>onConsentChange({isInEU,consent:consent.modes}));}},[consent.modes]);async function handleDismiss(){await interactionResponse();consent.dismiss();setIsOpen(false);// Fire callback\nif(onDismiss){yieldBeforeCb(()=>onDismiss({isInEU}));}}async function handleAcceptAll(){await interactionResponse();consent.acceptAll();setIsOpen(false);// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}async function handleRejectAll(){await interactionResponse();consent.rejectAll();setIsOpen(false);// Fire callback\nif(onReject){yieldBeforeCb(()=>onReject({isInEU}));}}async function handleAcceptCurrent(){await interactionResponse();consent.acceptCurrent();setIsOpen(false);// Fire callbacks\nyieldBeforeCb(()=>{if(onAccept){onAccept({isInEU});}});yieldBeforeCb(()=>{if(onSavePreferences){onSavePreferences({isInEU});}});}if(isPreview){return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:banner.width},children:/*#__PURE__*/_jsx(Banner,{banner:banner,button:button,region:region,options:options,previewOptions:isPreview&&options.preview,consentModes:{...defaultConsent,necessary:true},animateOnMount:false})});}return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Trigger,{style:style,trigger:trigger,onClick:()=>setIsOpen(true)}),/*#__PURE__*/_jsx(Overlay,{banner:banner,button:button,region:region,options:options,consentModes:consent.modes,animateOnMount:!instantlyShowOnMount,onAcceptAll:handleAcceptAll,onAcceptCurrent:handleAcceptCurrent,onRejectAll:handleRejectAll,onDismiss:handleDismiss,onToggleConsent:consent.toggleMode,isOpen:isOpen})]});}const IconCookie=/*#__PURE__*/lazy(()=>import(\"https://framerusercontent.com/modules/80EyUU0Nk6u7skW3IlHH/qKhU3oZiLDe4R0LcF3Tp/Icons.js\"));function Overlay(props){var _props_banner_style;const insetValue=props.banner.insetPerSide?`${props.banner.insetTop}px ${props.banner.insetRight}px ${props.banner.insetBottom}px ${props.banner.insetLeft}px`:`${props.banner.inset}px`;const{justifyContent,alignItems}=getFlexboxValues(props.banner.position);const isOpen=props.isOpen;const[shouldRenderPortal,setShouldRenderPortal]=useState(isOpen);// if the portal has previously been rendered, we want to keep rendering the portal, which ensures:\n// - that AnimatePresence works (fade out effect)\n// - we don't cause body style recalc/reflow when the DOM node is removed\nif(!shouldRenderPortal&&isOpen)setShouldRenderPortal(isOpen);if(!shouldRenderPortal)return null;const blocking=props.region.blocking;return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},children:/*#__PURE__*/_jsx(AnimatePresence,{children:isOpen?/*#__PURE__*/_jsxs(motion.div,{style:{// We only need to span to the full viewport width if the overlay is blocking.\n// Otherwise, we optimize for a smaller layer size. see: https://framer-team.slack.com/archives/C05V49Q4NJ2/p1709820207863249\ntop:blocking||alignItems===\"flex-start\"?0:undefined,left:blocking||justifyContent===\"flex-start\"?0:undefined,right:blocking||justifyContent===\"flex-end\"?0:undefined,height:blocking?\"100%\":undefined,width:blocking||justifyContent===\"center\"?\"100%\":undefined,bottom:blocking||alignItems===\"flex-end\"?0:undefined,boxSizing:\"border-box\",position:\"fixed\",touchAction:\"none\",padding:insetValue,zIndex:props.banner.zIndex,display:\"flex\",flexDirection:\"row\",gap:20,justifyContent:\"center\",pointerEvents:blocking?\"all\":\"none\"},children:[blocking&&/*#__PURE__*/_jsx(Backdrop,{color:(_props_banner_style=props.banner.style)===null||_props_banner_style===void 0?void 0:_props_banner_style.backdrop}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",justifyContent,alignItems,pointerEvents:\"none\",maxWidth:props.banner.containerWidth>0?props.banner.containerWidth:\"unset\"},children:/*#__PURE__*/_jsx(Banner,{...props})})]}):null})}),document.body);}const Trigger=withCSS(({trigger,style,onClick})=>{const isOnFramerCanvas=useIsOnFramerCanvas();if(trigger.type!==\"none\"){return /*#__PURE__*/_jsx(\"button\",{className:\"__framer-cookie-component-button\",\"aria-label\":\"Cookie Trigger\",style:{width:\"100%\",height:\"100%\",background:\"none\",display:\"flex\",border:\"none\",padding:0,color:trigger.color,fontSize:16,cursor:\"pointer\",...trigger.textFont},onClick:onClick,children:trigger.type===\"icon\"?/*#__PURE__*/_jsx(_Fragment,{children:trigger.iconType===\"custom\"&&trigger.iconImage?/*#__PURE__*/_jsx(\"img\",{alt:\"icon entry point for Site Search\",src:trigger.iconImage.src,width:trigger.iconSize,height:trigger.iconSize}):/*#__PURE__*/_jsx(Suspense,{children:/*#__PURE__*/_jsx(IconCookie,{width:trigger.iconSize,height:trigger.iconSize,color:trigger.color})})}):/*#__PURE__*/_jsx(\"span\",{style:{whiteSpace:\"nowrap\"},children:trigger.text})});}if(isOnFramerCanvas){return /*#__PURE__*/_jsxs(\"div\",{style:{borderRadius:8,color:\"#09F\",border:\"1px dashed #09F\",background:\"rgba(0, 153, 255, 0.1)\",padding:20,display:\"flex\",flexDirection:\"column\",gap:5,fontFamily:DEFAULT_FONT_FAMILY,textAlign:\"center\",justifyContent:\"center\",width:164,...style},children:[/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,fontWeight:600,lineHeight:1,margin:0},children:\"Cookie Banner\"}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,lineHeight:1.5,margin:0},children:\"Put on a page to add a Cookie Banner.\"})]});}},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\");function Backdrop({color}){return /*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{position:\"absolute\",top:0,left:0,right:0,bottom:0,width:\"100%\",height:\"100%\",backgroundColor:color,pointerEvents:\"none\"}});}addPropertyControls(CookieBanner,{gtmId:{title:\"GTM ID\",type:ControlType.String,placeholder:\"GTM-AAAAAAA\",description:\"Your GTM container ID.\\n[Learn more](https://www.framer.com/learn/cookie-banner/)\"},preview:{type:ControlType.Boolean,defaultValue:true,description:\"Lets you preview the banner on the Canvas.\"},trigger:{type:ControlType.Object,buttonTitle:\"Icon, Text\",controls:{type:{title:\"Type\",type:ControlType.Enum,options:[\"text\",\"icon\",\"none\"],optionTitles:[\"Text\",\"Icon\",\"None\"],defaultValue:\"text\",displaySegmentedControl:true},iconType:{title:\"Icon\",type:ControlType.Enum,options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,hidden:props=>props.type!==\"icon\"},text:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.type!==\"text\"},textFont:{// @ts-ignore - internal\ntype:ControlType.Font,title:\" \",controls:\"extended\",hidden:props=>props.type!==\"text\"},iconSize:{title:\"Size\",type:ControlType.Number,displayStepper:true,defaultValue:24,hidden:props=>props.type!==\"icon\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#333\",hidden:props=>props.type===\"none\"||props.type===\"icon\"&&props.iconType===\"custom\"},iconImage:{title:\"File\",type:ControlType.ResponsiveImage,allowedFileTypes:[\"jpg\",\"png\",\"svg\"],hidden:props=>props.iconType===\"default\"}}},banner:{title:\"Banner\",type:ControlType.Object,buttonTitle:\"Font, Styles\",controls:{position:{type:ControlType.Enum,title:\"Position\",options:[\"top-left\",\"top-center\",\"top-right\",\"bottom-right\",\"bottom-center\",\"bottom-left\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Bottom Right\",\"Bottom Center\",\"Bottom Left\"],defaultValue:\"bottom-right\"},zIndex:{title:\"Z Index\",type:ControlType.Number,defaultValue:10,displayStepper:true,min:0,max:10},width:{title:\"Width\",type:ControlType.Number,defaultValue:360,min:200,max:1e3,displayStepper:true,step:5},containerWidth:{title:\"Wrapping\",type:ControlType.Number,defaultValue:0,min:0},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:20,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},inset:{title:\"Inset\",type:ControlType.FusedNumber,toggleKey:\"insetPerSide\",toggleTitles:[\"Inset\",\"Inset per side\"],defaultValue:20,valueKeys:[\"insetTop\",\"insetRight\",\"insetBottom\",\"insetLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors, Shadow\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"extended\"},colorTitle:{title:\" \",type:ControlType.Color,defaultValue:\"#000\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"extended\"},colorBody:{title:\" \",type:ControlType.Color,defaultValue:\"#444\"},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#FFF\"},link:{title:\"Link\",type:ControlType.Color,optional:true,defaultValue:\"#999\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:14},width:{title:\"Width\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:1},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.05)\"}}},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100,defaultValue:0},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100,defaultValue:2},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100,defaultValue:4}}},backdrop:{title:\"Backdrop\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\",hidden:(_,props)=>!props.content.euBlocking&&!props.content.worldBlocking}}},animation:{icon:\"effect\",buttonTitle:\"Options\",type:ControlType.Object,controls:{x:{type:ControlType.Number,displayStepper:true,defaultValue:0},y:{type:ControlType.Number,displayStepper:true,defaultValue:10},scale:{type:ControlType.Number,min:0,step:.1,defaultValue:1},transition:{type:ControlType.Transition}}}}},button:{title:\"Buttons\",type:ControlType.Object,buttonTitle:\"Variants, Style\",controls:{primary:{title:\"Primary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#000\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#FFF\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},secondary:{title:\"Secondary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#EEE\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#444\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},labels:{type:ControlType.Object,controls:{accept:{type:ControlType.String,defaultValue:\"Accept\"},reject:{type:ControlType.String,defaultValue:\"Reject\"},acceptAll:{type:ControlType.String,defaultValue:\"Accept all\"},rejectAll:{type:ControlType.String,defaultValue:\"Reject all\"},customize:{type:ControlType.String,defaultValue:\"Customize\"},save:{type:ControlType.String,defaultValue:\"Save Preferences\"},confirm:{type:ControlType.String,defaultValue:\"Okay\"}}},font:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Font\",controls:\"extended\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:10,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},tapOpacity:{title:\"Tap Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.4},hoverOpacity:{title:\"Hover Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.6},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"row\",\"column\"],// @ts-ignore - internal\noptionIcons:[\"direction-horizontal\",\"direction-vertical\"],defaultValue:\"row\",displaySegmentedControl:true},fluid:{title:\"Fluid\",type:ControlType.Boolean,defaultValue:true}}},content:{title:\"Regions\",type:ControlType.Object,buttonTitle:\"World, EU\",controls:{isEU:{title:\" \",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"EU\",disabledTitle:\"World\"},euType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"medium\",hidden:props=>!props.isEU},euTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.euType===\"simple\"||!props.isEU},euDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",displayTextArea:true,hidden:props=>!props.isEU},euPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link,defaultValue:\"https://www.framer.com/legal/policy/\"},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>!props.isEU},euDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false,description:\"The default consent when the user hasn\u2019t provided any yet.\"}},hidden:props=>!props.isEU},euShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.euType!==\"advanced\"},euBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>!props.isEU},worldType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"simple\",hidden:props=>props.isEU},worldTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.worldType===\"simple\"||props.isEU},worldDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to personalize content, run ads, and analyze traffic.\",displayTextArea:true,hidden:props=>props.isEU},worldPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>props.isEU},worldDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true,description:\"The default consent when the user hasn\u2019t provided any yet.\"}},hidden:props=>props.isEU},worldShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.worldType!==\"advanced\"},worldBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>props.isEU}}},options:{type:ControlType.Object,buttonTitle:\"Content, Styles\",hidden:(_,props)=>props.content.euType!==\"advanced\"&&props.content.worldType!==\"advanced\",controls:{preview:{type:ControlType.Boolean,defaultValue:false,description:\"Open when previewing banner on the canvas.\",hidden:(_,props)=>!props.preview},necessary:{title:\"Necessary\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Necessary\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables security and basic functionality.\",displayTextArea:true},optional:{title:\"Optional\",type:ControlType.Boolean,defaultValue:true}}},preferences:{title:\"Preferences\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Preferences\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables personalized content and settings.\",displayTextArea:true,optional:true}}},analytics:{title:\"Analytics\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Analytics\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables tracking of performance.\",displayTextArea:true}}},marketing:{title:\"Marketing\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Marketing\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables ads personalization and tracking.\",displayTextArea:true}}},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"basic\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"basic\"},background:{title:\"Background\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},width:{title:\"Width\",type:ControlType.Number,displayStepper:true},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"}}},toggleColor:{title:\"On\",type:ControlType.Color,defaultValue:\"#000\"},toggleColorInactive:{title:\"Off\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:12,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}}}}}});CookieBanner.displayName=\"Cookie Banner\";\nexport const __FramerMetadata__ = {\"exports\":{\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Children,useCallback,useLayoutEffect,useEffect,useState,useRef,cloneElement,startTransition}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{scroll,resize}from\"@motionone/dom\";import{clamp,progress}from\"@motionone/utils\";import{animate,motion,useMotionValue,useTransform,useReducedMotion}from\"framer-motion\";import{usePadding,paddingControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";/**\n * Calculate the width of the fade mask. Fade width and inset are provided\n * as percentages. There's a fade on the left and the right, so we return\n * a maximum of 50%.\n */function calcMaskWidth([inset,width]){return inset+(100-inset)*(width/100)*.5;}/**\n * Use media queries to determine if this device uses a mouse as\n * the primary input.\n */function useIsMouse(){const[isMouseDevice,setIsMouseDevice]=useState(false);useLayoutEffect(()=>{startTransition(()=>setIsMouseDevice(window.matchMedia(\"(pointer:fine)\").matches));},[]);return isMouseDevice;}/**\n * This checks a scroll position against the available scrollable\n * range. If we have hit an edge, start/end, we fade out the pagination\n * controls and mask. Likewise if we've just moved away from an edge we\n * fade them back in.\n */function checkLimit(progress,target,{edgeOpacity,moreItems,buttonRef},transition){if(moreItems.current&&progress===target){moreItems.current=false;animate(edgeOpacity,1,transition);buttonRef.current.setAttribute(\"disabled\",\"\");}else if(!moreItems.current&&progress!==target){moreItems.current=true;animate(edgeOpacity,0,transition);buttonRef.current.removeAttribute(\"disabled\");}}function useGUI(initialMoreItems,initialAlpha){const moreItems=useRef(initialMoreItems);const edgeOpacity=useMotionValue(moreItems.current?0:1);const fadeOpacity=useTransform(edgeOpacity,[0,1],[initialAlpha||0,1]);const buttonOpacity=useTransform(edgeOpacity,v=>1-v);const buttonRef=useRef(null);/**\n * Returns a pointer-events CSS value for a given opacity.\n * The threshold here is arbitrary, the theory being we\n * should only enable pointer-events when the button is\n * somewhat visible.\n */const pointerEvents=useTransform(buttonOpacity,v=>v>.2?\"auto\":\"none\");/**\n * Returns a cursor CSS value for a given pointer-events value.\n * So only indicate\n */const cursor=useTransform(pointerEvents,v=>v===\"auto\"?\"pointer\":\"default\");const buttonStyle={...baseButtonStyles,opacity:buttonOpacity,pointerEvents,cursor};return{moreItems,fadeOpacity,edgeOpacity,buttonStyle,buttonRef};}function setAriaVisible({element}){element.setAttribute(\"aria-hidden\",false);}function useScrollLimits(container,axis,scrollInfo,updateCurrentScroll,targetScroll,checkLimits,measureItems){useEffect(()=>{if(!container.current)return;const updateScrollInfo=info=>{scrollInfo.current=info[axis];/**\n * If we've reached our target scroll, delete it.\n * This way we know when to make calculations based on the\n * actual current scroll or the target scroll.\n */if(info[axis].current===targetScroll.current){targetScroll.current=undefined;}updateCurrentScroll(info[axis].current);checkLimits();};const stopScroll=scroll(updateScrollInfo,{container:container.current,axis});const stopResize=resize(container.current,()=>{measureItems();checkLimits();});return()=>{stopScroll();stopResize();};},[checkLimits,measureItems]);}/**\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function Carousel({slots,gap,axis,align,sizingObject,fadeObject,arrowObject,snapObject,progressObject,ariaLabel,borderRadius,effectsObject,...props}){// Remove empty slots (such as hidden layers)\nconst filteredSlots=slots.filter(Boolean);const numItems=Children.count(filteredSlots);const isCanvas=RenderTarget.current()===RenderTarget.canvas;const padding=usePadding(props);const axisLabel=axis?\"x\":\"y\";const{fadeContent,fadeWidth,fadeInset,fadeTransition,fadeAlpha}=fadeObject;const{snap,snapEdge,fluid}=snapObject;const{widthType,widthInset,widthColumns,heightType,heightInset,heightRows}=sizingObject;const{showScrollbar,showProgressDots,dotSize,dotsInset,dotsRadius,dotsPadding,dotsGap,dotsFill,dotsBackground,dotsActiveOpacity,dotsOpacity,dotsBlur}=progressObject;const{showMouseControls,arrowSize,arrowRadius,arrowFill,leftArrow,rightArrow,arrowPadding}=arrowObject;/**\n * The latest scroll info on the scrollable axis as reported by Motion One.\n */const scrollInfo=useRef(undefined);/**\n * The target scroll we're currently animating to, calculated when\n * a user presses a pagination button.\n */const targetScroll=useRef(undefined);/**\n * If we're performing a scroll animation, return the target scroll instead\n * of the latest scroll position. This will help users paginate through\n * a carousel much quicker.\n */const currentScroll=useMotionValue(0);const updateCurrentScroll=newScroll=>{currentScroll.set(targetScroll.current!==undefined?targetScroll.current:newScroll);};/**\n * We only want to display pagination buttons if the user has enabled the setting\n * and this is actually a mouse device.\n */const isMouseDevice=useIsMouse();/**\n * Create all the motion values for the GUI at each end of the carousel.\n */const start=useGUI(false,fadeAlpha);const end=useGUI(true,fadeAlpha);const startMaskInset=useMotionValue(fadeInset*.5);const endMaskInset=useTransform(startMaskInset,v=>100-v);const baseWidth=useMotionValue(fadeWidth);const startMaskWidth=useTransform([startMaskInset,baseWidth],calcMaskWidth);const endMaskWidth=useTransform(startMaskWidth,v=>100-v);const direction=useMotionValue(axis?\"right\":\"bottom\");const mask=useTransform([direction,start.fadeOpacity,startMaskInset,startMaskWidth,end.fadeOpacity,endMaskInset,endMaskWidth],latest=>{return`linear-gradient(to ${latest[0]}, rgb(0, 0, 0, ${latest[1]}) ${latest[2]}%, rgb(0, 0, 0, 1) ${latest[3]}%, rgba(0, 0, 0, 1) ${latest[6]}%, rgb(0, 0, 0, ${latest[4]}) ${latest[5]}%)`;});const carouselRef=useRef(null);/**\n * Dots state\n */const[numPages,setNumPages]=useState(isCanvas?4:1);/**\n * Generate styles for components.\n */const itemStyle={scrollSnapAlign:snapEdge,flexShrink:0};const childStyle={};if(align===\"stretch\"){if(axis){childStyle.height=\"100%\";itemStyle.height=\"auto\";}else{childStyle.width=\"100%\";itemStyle.width=\"auto\";}}if(!fluid){itemStyle.scrollSnapStop=\"always\";}if(widthType===\"stretch\"){itemStyle.width=`calc(100% - ${widthInset||0}px)`;childStyle.width=\"100%\";}else if(widthType===\"columns\"){itemStyle.width=`calc(${100/widthColumns}% - ${gap}px + ${gap/widthColumns}px)`;childStyle.width=\"100%\";}if(heightType===\"stretch\"){itemStyle.height=`calc(100% - ${heightInset||0}px)`;childStyle.height=\"100%\";}else if(heightType===\"rows\"){itemStyle.height=`calc(${100/heightRows}% - ${gap}px + ${gap/heightRows}px)`;childStyle.height=\"100%\";}const scrollOverflow=isCanvas?\"hidden\":\"auto\";const containerStyle={...baseContainerStyle,padding};const carouselStyle={...baseCarouselStyle,gap,alignItems:align,flexDirection:axis?\"row\":\"column\",overflowX:axis?scrollOverflow:\"hidden\",overflowY:axis?\"hidden\":scrollOverflow,scrollSnapType:snap?`${axisLabel} mandatory`:undefined,WebkitOverflowScrolling:\"touch\",WebkitMaskImage:fadeContent?mask:undefined,MozMaskImage:fadeContent?mask:undefined,maskImage:fadeContent?mask:undefined,borderRadius};const carouselA11y={[\"aria-roledescription\"]:\"carousel\"};if(ariaLabel){carouselA11y[\"aria-title\"]=ariaLabel;}const itemA11y={};if(align===\"stretch\"){itemA11y[\"aria-role\"]=\"group\";itemA11y[\"aria-roledescription\"]=\"slide\";}if(!isCanvas){const itemSizes=useRef([]);useScrollLimits(carouselRef,axisLabel,scrollInfo,updateCurrentScroll,targetScroll,useCallback(()=>{if(!scrollInfo.current)return;const{targetLength,containerLength,scrollLength}=scrollInfo.current;const current=currentScroll.get();if(!targetLength&&!containerLength)return;if(targetLength>containerLength){checkLimit(current,0,start,fadeTransition);checkLimit(current,scrollLength,end,fadeTransition);for(let i=0;icurrent+containerLength){element.setAttribute(\"aria-hidden\",true);}else{element.setAttribute(\"aria-hidden\",false);}}}else{checkLimit(0,0,start,fadeTransition);checkLimit(1,1,end,fadeTransition);itemSizes.current.forEach(setAriaVisible);}// This used to be Math.ceil, which would round 3.05 to 4.\n// This now uses Math.round to ensure people get a perfect amount of dots\n// when using Columns or Rows \u2014\u00A0Benjamin\n/**\n * Update by Matt: changing back to ceil, might break dots but round was incorrectly\n * paginating for all widths - overshooting items at shorter viewports and\n * not paginating at all for wide.\n */let newNumPages=Math.ceil(targetLength/containerLength);if(!isNaN(newNumPages)){// If the number of dots is 65% of the number of items, make it 100%\nif(newNumPages/numItems>.65)newNumPages=numItems;if(newNumPages!==numPages)setNumPages(newNumPages);}},[numPages]),useCallback(()=>{if(!carouselRef.current)return;itemSizes.current=Array.from(carouselRef.current.children).map(element=>{return axis?{element,start:element.offsetLeft,end:element.offsetLeft+element.offsetWidth}:{element,start:element.offsetTop,end:element.offsetTop+element.offsetHeight};});},[]));}/**\n * On the canvas, we want to keep the motion values updated\n * with the latest props. Outside of the canvas these will never\n * update.\n */if(isCanvas){useEffect(()=>{baseWidth.set(fadeWidth);},[fadeWidth]);useEffect(()=>{startMaskInset.set(fadeInset*.5);},[fadeInset]);useEffect(()=>{direction.set(axis?\"right\":\"bottom\");},[axis]);}const findNextItem=(delta,target)=>{if(!scrollInfo.current)return;const{current}=scrollInfo.current;const{children}=carouselRef.current;let scrollTarget;let i=delta===1?0:children.length-1;while(scrollTarget===undefined){const item=children[i];const start=axis?item.offsetLeft:item.offsetTop;const length=axis?item.offsetWidth:item.offsetHeight;const end=start+length;const threshold=.05;if(delta===1){const visibility=progress(start,end,target);if(visibility<1-threshold){scrollTarget=start;}else if(i===children.length-1){scrollTarget=end;}}else if(delta===-1){const visibility=progress(start,end,target);if(visibility>threshold){scrollTarget=end;}else if(i===0){scrollTarget=start;}}i+=delta;}return scrollTarget;};const isReducedMotion=useReducedMotion();const goto=scrollTo=>{targetScroll.current=scrollTo;const options=axis?{left:scrollTo}:{top:scrollTo};carouselRef.current.scrollTo({...options,behavior:isReducedMotion?\"auto\":\"smooth\"});};const gotoPage=page=>{if(!scrollInfo.current)return;const{scrollLength}=scrollInfo.current;goto(page*(scrollLength/(numPages-1)));};const gotoDelta=delta=>()=>{if(!scrollInfo.current)return;const{containerLength,scrollLength}=scrollInfo.current;const current=currentScroll.get();const pageLength=scrollLength/numPages;const currentPage=clamp(0,numPages-1,Math.floor(current/pageLength));gotoPage(currentPage+delta);};/**\n * Return placeholder if no children\n */if(numItems===0){return /*#__PURE__*/_jsx(Placeholder,{});}const dots=[];const dotsBlurStyle={};if(numPages>1&&showProgressDots&&!showScrollbar){for(let i=0;igotoPage(i),currentScroll:currentScroll,scrollInfo:scrollInfo,total:numPages,index:i,gap:dotsGap,padding:dotsPadding,axis:axis}));}if(dotsBlur){dotsBlurStyle.backdropFilter=dotsBlurStyle.WebkitBackdropFilter=dotsBlurStyle.MozBackdropFilter=`blur(${dotsBlur}px)`;}}return /*#__PURE__*/_jsxs(\"section\",{style:containerStyle,...carouselA11y,children:[/*#__PURE__*/_jsx(motion.ul,{ref:carouselRef,style:carouselStyle,className:\"framer--carousel\",\"data-show-scrollbar\":showScrollbar,\"aria-atomic\":\"false\",\"aria-live\":\"polite\",onWheel:()=>targetScroll.current=undefined,children:Children.map(filteredSlots,(child,index)=>{var _child_props;return /*#__PURE__*/_jsx(\"li\",{style:itemStyle,...itemA11y,\"aria-label\":`${index+1} of ${numItems}`,children:/*#__PURE__*/cloneElement(child,{...child.props,style:{...(_child_props=child.props)===null||_child_props===void 0?void 0:_child_props.style,...childStyle}})});})}),/*#__PURE__*/_jsxs(\"fieldset\",{style:{...controlsStyles,padding:arrowPadding,display:\"flex\",flexDirection:axis?\"row\":\"column\"},\"aria-label\":\"Carousel pagination controls\",className:\"framer--carousel-controls\",\"data-show-mouse-controls\":showMouseControls,children:[/*#__PURE__*/_jsx(motion.button,{ref:start.buttonRef,type:\"button\",style:{...start.buttonStyle,backgroundColor:arrowFill,width:arrowSize,height:arrowSize,borderRadius:arrowRadius,rotate:!axis?90:0,display:showMouseControls?\"block\":\"none\"},onClick:gotoDelta(-1),\"aria-label\":\"Previous\",whileTap:{scale:.9},transition:{duration:.05},children:/*#__PURE__*/_jsx(\"img\",{decoding:\"async\",alt:\"\",width:arrowSize,height:arrowSize,src:leftArrow||\"https://framerusercontent.com/images/6tTbkXggWgQCAJ4DO2QEdXXmgM.svg\"})}),/*#__PURE__*/_jsx(motion.button,{ref:end.buttonRef,type:\"button\",style:{...end.buttonStyle,backgroundColor:arrowFill,width:arrowSize,height:arrowSize,borderRadius:arrowRadius,rotate:!axis?90:0,display:showMouseControls?\"block\":\"none\"},onClick:gotoDelta(1),\"aria-label\":\"Next\",whileTap:{scale:.9},transition:{duration:.05},children:/*#__PURE__*/_jsx(\"img\",{decoding:\"async\",alt:\"\",width:arrowSize,height:arrowSize,src:rightArrow||\"https://framerusercontent.com/images/11KSGbIZoRSg4pjdnUoif6MKHI.svg\"})}),dots.length>1?/*#__PURE__*/_jsx(\"div\",{style:{...dotsContainerStyle,left:axis?\"50%\":dotsInset,top:!axis?\"50%\":\"unset\",transform:axis?\"translateX(-50%)\":\"translateY(-50%)\",flexDirection:axis?\"row\":\"column\",bottom:axis?dotsInset:\"unset\",borderRadius:dotsRadius,backgroundColor:dotsBackground,...dotsBlurStyle},children:dots}):null]}),/*#__PURE__*/_jsx(MouseStyles,{})]});}/* Default Properties */Carousel.defaultProps={gap:10,padding:10,progressObject:{showScrollbar:false,showProgressDots:false},sizingObject:{widthType:\"auto\",widthOffset:0,widthColumns:2,heightType:\"auto\",heightOffset:0,heightRows:2},borderRadius:0};/* Property Controls */addPropertyControls(Carousel,{slots:{type:ControlType.Array,title:\"Children\",control:{type:ControlType.ComponentInstance}},axis:{type:ControlType.Enum,title:\"Direction\",options:[true,false],optionIcons:[\"direction-horizontal\",\"direction-vertical\"],displaySegmentedControl:true},align:{type:ControlType.Enum,title:\"Align\",options:[\"flex-start\",\"center\",\"flex-end\"],optionIcons:{axis:{true:[\"align-top\",\"align-middle\",\"align-bottom\"],false:[\"align-left\",\"align-center\",\"align-right\"]}},defaultValue:\"center\",displaySegmentedControl:true},gap:{type:ControlType.Number,title:\"Gap\"},...paddingControl,sizingObject:{type:ControlType.Object,title:\"Sizing\",controls:{widthType:{type:ControlType.Enum,title:\"Width\",options:[\"auto\",\"stretch\",\"columns\"],optionTitles:[\"Auto\",\"Stretch\",\"Columns\"],defaultValue:\"auto\"},widthInset:{type:ControlType.Number,title:\"Inset\",min:0,max:500,defaultValue:0,hidden:props=>props.widthType!==\"stretch\"},widthColumns:{type:ControlType.Number,title:\"Columns\",min:1,max:10,defaultValue:2,displayStepper:true,hidden:props=>props.widthType!==\"columns\"},heightType:{type:ControlType.Enum,title:\"Height\",options:[\"auto\",\"stretch\",\"rows\"],optionTitles:[\"Auto\",\"Stretch\",\"Rows\"],defaultValue:\"auto\"},heightInset:{type:ControlType.Number,title:\"Inset\",min:0,max:500,defaultValue:0,hidden:props=>props.heightType!==\"stretch\"},heightRows:{type:ControlType.Number,title:\"Rows\",min:1,max:10,defaultValue:2,displayStepper:true,hidden:props=>props.heightType!==\"rows\"}}},snapObject:{type:ControlType.Object,title:\"Snapping\",controls:{snap:{type:ControlType.Boolean,title:\"Enable\"},snapEdge:{type:ControlType.Enum,title:\"Edge\",options:[\"start\",\"center\",\"end\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\",hidden:props=>!props.snap},fluid:{type:ControlType.Boolean,title:\"Fluid\",defaultValue:false,hidden:props=>!props.snap}}},fadeObject:{type:ControlType.Object,title:\"Fading\",controls:{fadeContent:{type:ControlType.Boolean,title:\"Enable\",defaultValue:false},fadeWidth:{type:ControlType.Number,title:\"Width\",defaultValue:25,min:0,max:100,unit:\"%\",hidden:props=>!props.fadeContent},fadeInset:{type:ControlType.Number,title:\"Inset\",defaultValue:0,min:0,max:100,unit:\"%\",hidden:props=>!props.fadeContent},fadeAlpha:{type:ControlType.Number,title:\"Opacity\",hidden:props=>!props.fadeContent,min:0,max:1,step:.05,defaultValue:0},fadeTransition:{type:ControlType.Transition,title:\"Transition\",hidden:props=>!props.fadeContent}}},progressObject:{type:ControlType.Object,title:\"Progress\",controls:{showScrollbar:{type:ControlType.Boolean,title:\"Scroll Bar\",defaultValue:false},showProgressDots:{type:ControlType.Boolean,title:\"Dots\",defaultValue:false,hidden:props=>props.showScrollbar},dotSize:{type:ControlType.Number,title:\"Size\",min:1,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsInset:{type:ControlType.Number,title:\"Inset\",min:0,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsGap:{type:ControlType.Number,title:\"Gap\",min:0,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsPadding:{type:ControlType.Number,title:\"Padding\",min:0,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsFill:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#fff\",hidden:props=>!props.showProgressDots||props.showScrollbar},dotsBackground:{type:ControlType.Color,title:\"Backdrop\",defaultValue:\"rgba(0,0,0,0.2)\",hidden:props=>!props.showProgressDots||props.showScrollbar},dotsRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:200,defaultValue:50,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsOpacity:{type:ControlType.Number,title:\"Opacity\",min:0,max:1,defaultValue:.5,step:.1,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsActiveOpacity:{type:ControlType.Number,title:\"Current\",min:0,max:1,defaultValue:1,step:.1,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsBlur:{type:ControlType.Number,title:\"Blur\",min:0,max:50,defaultValue:4,step:1,hidden:props=>!props.showProgressDots||props.showScrollbar}}},arrowObject:{type:ControlType.Object,title:\"Arrows\",controls:{showMouseControls:{type:ControlType.Boolean,title:\"Show\",defaultValue:true},arrowFill:{type:ControlType.Color,title:\"Fill\",defaultValue:\"rgba(0,0,0,0.2)\",hidden:props=>!props.showMouseControls},leftArrow:{type:ControlType.Image,title:\"Previous\",hidden:props=>!props.showMouseControls},rightArrow:{type:ControlType.Image,title:\"Next\",hidden:props=>!props.showMouseControls},arrowSize:{type:ControlType.Number,title:\"Size\",min:0,max:200,displayStepper:true,defaultValue:40,hidden:props=>!props.showMouseControls},arrowRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:500,defaultValue:40,hidden:props=>!props.showMouseControls},arrowPadding:{type:ControlType.Number,title:\"Inset\",min:0,max:100,defaultValue:20,displayStepper:true,hidden:props=>!props.showMouseControls}}},ariaLabel:{type:ControlType.String,title:\"Aria Label\",placeholder:\"Movies...\"},borderRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:500,displayStepper:true,defaultValue:0}});function Dot({currentScroll,scrollInfo,isSelected,selectedOpacity,opacity:unselectedOpacity,total,index,dotStyle,buttonStyle,gap,padding,axis,...props}){const opacity=useTransform(currentScroll,v=>{var _scrollInfo_current,_scrollInfo_current1;if(!((_scrollInfo_current=scrollInfo.current)===null||_scrollInfo_current===void 0?void 0:_scrollInfo_current.scrollLength)){return index===0?selectedOpacity:unselectedOpacity;}const pageLength=((_scrollInfo_current1=scrollInfo.current)===null||_scrollInfo_current1===void 0?void 0:_scrollInfo_current1.scrollLength)/total;const minScroll=pageLength*index;const maxScroll=minScroll+pageLength;const isSelected=v>=minScroll&&(index0?inlinePadding:padding;let bottom=!axis&&index!==total-1?inlinePadding:padding;let right=axis&&index!==total-1?inlinePadding:padding;let left=axis&&index>0?inlinePadding:padding;return /*#__PURE__*/_jsx(\"button\",{\"aria-label\":`Scroll to page ${index+1}`,type:\"button\",...props,style:{...buttonStyle,padding:`${top}px ${right}px ${bottom}px ${left}px`},children:/*#__PURE__*/_jsx(motion.div,{style:{...dotStyle,opacity}})});}function Placeholder(){return /*#__PURE__*/_jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/_jsx(\"div\",{style:emojiStyles,children:\"\u2728\"}),/*#__PURE__*/_jsx(\"p\",{style:titleStyles,children:\"Connect to Content\"}),/*#__PURE__*/_jsx(\"p\",{style:subtitleStyles,children:\"Add layers or components to swipe between.\"})]});}function MouseStyles(){return /*#__PURE__*/_jsx(\"div\",{dangerouslySetInnerHTML:{__html:``}});}/* Styles */const placeholderStyles={display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",color:\"#96F\",background:\"rgba(136, 85, 255, 0.1)\",fontSize:11,overflow:\"hidden\",padding:\"20px 20px 30px 20px\"};const emojiStyles={fontSize:32,marginBottom:10};const titleStyles={margin:0,marginBottom:10,fontWeight:600,textAlign:\"center\"};const subtitleStyles={margin:0,opacity:.7,maxWidth:130,lineHeight:1.5,textAlign:\"center\"};const labelStyle={clip:\"rect(0 0 0 0)\",WebkitClipPath:\"inset(50%)\",clipPath:\"inset(50%)\",height:1,width:1,margin:-1,padding:0,overflow:\"hidden\",position:\"absolute\",whiteSpace:\"nowrap\"};/**\n * GUI styles\n */const baseContainerStyle={display:\"flex\",overflow:\"hidden\",width:\"100%\",height:\"100%\",position:\"relative\"};const baseCarouselStyle={padding:0,margin:0,listStyle:\"none\",position:\"relative\",display:\"flex\",flex:\"1 1 100%\",width:\"100%\",height:\"100%\"};const baseButtonStyles={border:\"none\",display:\"flex\",placeContent:\"center\",placeItems:\"center\",overflow:\"hidden\",background:\"transparent\",cursor:\"pointer\",margin:0,padding:0};const controlsStyles={display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",position:\"absolute\",top:0,left:0,right:0,bottom:0,pointerEvents:\"none\",border:0,padding:0,margin:0};/**\n * Dot styles\n */const dotsContainerStyle={display:\"flex\",placeContent:\"center\",placeItems:\"center\",overflow:\"hidden\",position:\"absolute\",pointerEvents:\"auto\"};const dotStyle={borderRadius:\"50%\",background:\"white\",cursor:\"pointer\",border:\"none\",placeContent:\"center\",placeItems:\"center\",padding:0};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Carousel\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Carousel.map", "import{useState,useEffect}from\"react\";export const isBrowser=()=>typeof document===\"object\";export function getBrowserVisibilityProp(){if(!isBrowser())return;if(typeof document.hidden!==\"undefined\"){// Opera 12.10 and Firefox 18 and later support\nreturn\"visibilitychange\";}else if(typeof document.msHidden!==\"undefined\"){return\"msvisibilitychange\";}else if(typeof document.webkitHidden!==\"undefined\"){return\"webkitvisibilitychange\";}}export function getBrowserDocumentHiddenProp(){if(!isBrowser())return;if(typeof document.hidden!==\"undefined\"){return\"hidden\";}else if(typeof document.msHidden!==\"undefined\"){return\"msHidden\";}else if(typeof document.webkitHidden!==\"undefined\"){return\"webkitHidden\";}}export function getIsDocumentHidden(){if(!isBrowser())return;return!document[getBrowserDocumentHiddenProp()];}export function usePageVisibility(){if(!isBrowser())return;const[isVisible,setIsVisible]=useState(getIsDocumentHidden());const onVisibilityChange=()=>setIsVisible(getIsDocumentHidden());useEffect(()=>{const visibilityChange=getBrowserVisibilityProp();document.addEventListener(visibilityChange,onVisibilityChange,false);return()=>{document.removeEventListener(visibilityChange,onVisibilityChange);};});return isVisible;}\nexport const __FramerMetadata__ = {\"exports\":{\"getBrowserVisibilityProp\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getIsDocumentHidden\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePageVisibility\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowser\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getBrowserDocumentHiddenProp\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./UsePageVisibility.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Children,useLayoutEffect,useEffect,useState,useRef,useMemo,createRef,useCallback,cloneElement,forwardRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion,animate,useMotionValue,useInView,useTransform,LayoutGroup,wrap,sync,mix}from\"framer-motion\";import{resize}from\"@motionone/dom\";import{usePageVisibility}from\"https://framerusercontent.com/modules/V9ryrjN5Am9WM1dJeyyJ/9mrJHeWj7rhvLTLu7Yzt/UsePageVisibility.js\";// Using opacity: 0.001 instead of 0 as an LCP hack. (opacity: 0.001 is still 0\n// to a human eye but makes Google think the elements are visible)\nconst OPACITY_0=.001;/**\n *\n * SLIDESHOW\n * V2 with Drag\n * By Benjamin and Matt\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Slideshow(props){/**\n * Properties\n */const{slots,startFrom,direction,effectsOptions,autoPlayControl,dragControl,alignment,gap,padding,paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft,itemAmount,fadeOptions,intervalControl,transitionControl,arrowOptions,borderRadius,progressOptions,style}=props;const{effectsOpacity,effectsScale,effectsRotate,effectsPerspective,effectsHover}=effectsOptions;const{fadeContent,overflow,fadeWidth,fadeInset,fadeAlpha}=fadeOptions;const{showMouseControls,arrowSize,arrowRadius,arrowFill,leftArrow,rightArrow,arrowShouldSpace=true,arrowShouldFadeIn=false,arrowPosition,arrowPadding,arrowGap,arrowPaddingTop,arrowPaddingRight,arrowPaddingBottom,arrowPaddingLeft}=arrowOptions;const{showProgressDots,dotSize,dotsInset,dotsRadius,dotsPadding,dotsGap,dotsFill,dotsBackground,dotsActiveOpacity,dotsOpacity,dotsBlur}=progressOptions;const paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;/**\n * Checks\n */const isCanvas=RenderTarget.current()===RenderTarget.canvas;// Remove empty slots (such as hidden layers)\nconst filteredSlots=slots.filter(Boolean);const hasChildren=Children.count(filteredSlots)>0;const isHorizontal=direction===\"left\"||direction===\"right\";const isInverted=direction===\"right\"||direction===\"bottom\";/**\n * Empty state for Canvas\n */if(!hasChildren){return /*#__PURE__*/_jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/_jsx(\"div\",{style:emojiStyles,children:\"\u2B50\uFE0F\"}),/*#__PURE__*/_jsx(\"p\",{style:titleStyles,children:\"Connect to Content\"}),/*#__PURE__*/_jsx(\"p\",{style:subtitleStyles,children:\"Add layers or components to make infinite auto-playing slideshows.\"})]});}/**\n * Refs, State\n */const parentRef=useRef(null);const childrenRef=useMemo(()=>{return filteredSlots.map(index=>/*#__PURE__*/createRef());},[filteredSlots]);const timeoutRef=useRef(undefined);const[size,setSize]=useState({parent:null,children:null,item:null,itemWidth:null,itemHeight:null,viewportLength:null});/* For pausing on hover */const[isHovering,setIsHovering]=useState(false);const[shouldPlayOnHover,setShouldPlayOnHover]=useState(autoPlayControl);/* For cursor updates */const[isMouseDown,setIsMouseDown]=useState(false);/* Check if resizing */const[isResizing,setIsResizing]=useState(false);/**\n * Array for children\n */const dupedChildren=[];let duplicateBy=4;if(isCanvas){duplicateBy=1;}/**\n * Measure parent, child, items\n */const measure=useCallback(()=>{if(hasChildren&&parentRef.current){const total=filteredSlots.length-1;const parentLength=isHorizontal?parentRef.current.offsetWidth:parentRef.current.offsetHeight;const start=childrenRef[0].current?isHorizontal?childrenRef[0].current.offsetLeft:childrenRef[0].current.offsetTop:0;const end=childrenRef[total].current?isHorizontal?childrenRef[total].current.offsetLeft+childrenRef[total].current.offsetWidth:childrenRef[total].current.offsetTop+childrenRef[total].current.offsetHeight:0;const childrenLength=end-start+gap;const itemSize=childrenRef[0].current?isHorizontal?childrenRef[0].current.offsetWidth:childrenRef[0].current.offsetHeight:0;const itemWidth=childrenRef[0].current?childrenRef[0].current.offsetWidth:0;const itemHeight=childrenRef[0].current?childrenRef[0].current.offsetHeight:0;const viewportLength=isHorizontal?Math.max(document.documentElement.clientWidth||0,window.innerWidth||0,parentRef.current.offsetWidth):Math.max(document.documentElement.clientHeight||0,window.innerHeight||0,parentRef.current.offsetHeight);setSize({parent:parentLength,children:childrenLength,item:itemSize,itemWidth,itemHeight,viewportLength});}},[hasChildren]);const scheduleMeasure=useCallback(()=>{sync.read(measure);},[measure]);/**\n * Add refs to all children\n * Added itemAmount for resizing\n */useLayoutEffect(()=>{if(hasChildren)scheduleMeasure();},[hasChildren,itemAmount]);/**\n * Track whether this is the initial resize event. By default this will fire on mount,\n * which we do in the useEffect. We should only fire it on subsequent resizes.\n */let initialResize=useRef(true);useEffect(()=>{return resize(parentRef.current,({contentSize})=>{if(!initialResize.current&&(contentSize.width||contentSize.height)){scheduleMeasure();setIsResizing(true);}initialResize.current=false;});},[]);useEffect(()=>{if(isResizing){const timer=setTimeout(()=>setIsResizing(false),500);return()=>clearTimeout(timer);}},[isResizing]);/**\n * Animation, pagination\n */const totalItems=filteredSlots===null||filteredSlots===void 0?void 0:filteredSlots.length;const childrenSize=isCanvas?0:size===null||size===void 0?void 0:size.children;const itemWithGap=(size===null||size===void 0?void 0:size.item)+gap;const itemOffset=startFrom*itemWithGap;const[currentItem,setCurrentItem]=useState(startFrom+totalItems);const[isDragging,setIsDragging]=useState(false);/* Check for browser window visibility *//* Otherwise, it will re-play all the item increments */const visibilityRef=useRef(null);const isInView=useInView(visibilityRef);const isVisible=usePageVisibility()&&isInView;const factor=isInverted?1:-1;/* The x and y values to start from */const xOrY=useMotionValue(childrenSize);/* For canvas only. Using xOrY is slower upon page switching */const canvasPosition=isHorizontal?-startFrom*((size===null||size===void 0?void 0:size.itemWidth)+gap):-startFrom*((size===null||size===void 0?void 0:size.itemHeight)+gap);/* Calculate the new value to animate to */const newPosition=()=>factor*currentItem*itemWithGap;/* Wrapped values for infinite looping *//* Instead of 0 to a negative full duplicated row, we start with an offset */const wrappedValue=!isCanvas?useTransform(xOrY,value=>{const wrapped=wrap(-childrenSize,-childrenSize*2,value);return isNaN(wrapped)?0:wrapped;}):0;/* Convert the current item to a wrapping index for dots */const wrappedIndex=wrap(0,totalItems,currentItem);const wrappedIndexInverted=wrap(0,-totalItems,currentItem);/* Update x or y with the provided starting point *//* The subtraction of a full row of children is for overflow */useLayoutEffect(()=>{if((size===null||size===void 0?void 0:size.children)===null)return;/* Initial measure */// if (initialResize.current) {\n// xOrY.set((childrenSize + itemOffset) * factor)\n// }\n/* Subsequent resizes */if(!initialResize.current&&isResizing){xOrY.set(newPosition());}},[size,childrenSize,factor,itemOffset,currentItem,itemWithGap,isResizing]);/**\n * Page item methods\n * Switching, deltas, autoplaying\n *//* Next and previous function, animates the X */const switchPages=()=>{if(isCanvas||!hasChildren||!size.parent||isDragging)return;if(xOrY.get()!==newPosition()){animate(xOrY,newPosition(),transitionControl);}if(autoPlayControl&&shouldPlayOnHover){timeoutRef.current=setTimeout(()=>{setCurrentItem(currentItem+1);switchPages();},intervalControl*1e3);}};/* Page navigation functions */const setDelta=delta=>{if(!isInverted){setCurrentItem(currentItem+delta);}else{setCurrentItem(currentItem-delta);}};const setPage=index=>{const currentItemWrapped=wrap(0,totalItems,currentItem);const currentItemWrappedInvert=wrap(0,-totalItems,currentItem);const goto=index-currentItemWrapped;const gotoInverted=index-Math.abs(currentItemWrappedInvert);if(!isInverted){setCurrentItem(currentItem+goto);}else{setCurrentItem(currentItem-gotoInverted);}};/**\n * Drag\n */const handleDragStart=()=>{setIsDragging(true);};const handleDragEnd=(event,{offset,velocity})=>{setIsDragging(false);const offsetXorY=isHorizontal?offset.x:offset.y;const velocityThreshold=200// Based on testing, can be tweaked or could be 0\n;const velocityXorY=isHorizontal?velocity.x:velocity.y;const isHalfOfNext=offsetXorY<-size.item/2;const isHalfOfPrev=offsetXorY>size.item/2;/* In case you drag more than 1 item left or right */const normalizedOffset=Math.abs(offsetXorY);const itemDelta=Math.round(normalizedOffset/size.item);/* Minimum delta is 1 to initiate a page switch *//* For velocity use only */const itemDeltaFromOne=itemDelta===0?1:itemDelta;/* For quick flicks, even with low offsets */if(velocityXorY>velocityThreshold){setDelta(-itemDeltaFromOne);}else if(velocityXorY<-velocityThreshold){setDelta(itemDeltaFromOne);}else{/* For dragging over half of the current item with 0 velocity */if(isHalfOfNext){setDelta(itemDelta);}if(isHalfOfPrev){setDelta(-itemDelta);}}};/* Kickstart the auto-playing once we have all the children */useEffect(()=>{if(!isVisible||isResizing)return;switchPages();return()=>timeoutRef.current&&clearTimeout(timeoutRef.current);},[dupedChildren,isVisible,isResizing]);/* Create copies of our children to create a perfect loop */let childCounter=0;/**\n * Sizing\n * */let columnOrRowValue=`calc(${100/itemAmount}% - ${gap}px + ${gap/itemAmount}px)`;/**\n * Nested array to create duplicates of the children for infinite looping\n * These are wrapped around, and start at a full \"page\" worth of offset\n * as defined above.\n */for(let index=0;index{let ref;if(childIndex===0){ref=childrenRef[0];}if(childIndex===filteredSlots.length-1){ref=childrenRef[1];}return /*#__PURE__*/_jsx(Slide,{ref:childrenRef[childIndex],slideKey:index+childIndex+\"lg\",index:index,width:isHorizontal?itemAmount>1?columnOrRowValue:\"100%\":\"100%\",height:!isHorizontal?itemAmount>1?columnOrRowValue:\"100%\":\"100%\",size:size,child:child,numChildren:filteredSlots===null||filteredSlots===void 0?void 0:filteredSlots.length,wrappedValue:wrappedValue,childCounter:childCounter++,gap:gap,isCanvas:isCanvas,isHorizontal:isHorizontal,effectsOpacity:effectsOpacity,effectsScale:effectsScale,effectsRotate:effectsRotate,children:index+childIndex},index+childIndex+\"lg\");}));}/**\n * Fades with masks\n */const fadeDirection=isHorizontal?\"to right\":\"to bottom\";const fadeWidthStart=fadeWidth/2;const fadeWidthEnd=100-fadeWidth/2;const fadeInsetStart=clamp(fadeInset,0,fadeWidthStart);const fadeInsetEnd=100-fadeInset;const fadeMask=`linear-gradient(${fadeDirection}, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetStart}%, rgba(0, 0, 0, 1) ${fadeWidthStart}%, rgba(0, 0, 0, 1) ${fadeWidthEnd}%, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetEnd}%)`;/**\n * Dots\n */const dots=[];const dotsBlurStyle={};if(showProgressDots){for(let i=0;i<(filteredSlots===null||filteredSlots===void 0?void 0:filteredSlots.length);i++){dots.push(/*#__PURE__*/_jsx(Dot,{dotStyle:{...dotStyle,width:dotSize,height:dotSize,backgroundColor:dotsFill},buttonStyle:baseButtonStyles,selectedOpacity:dotsActiveOpacity,opacity:dotsOpacity,onClick:()=>setPage(i),wrappedIndex:wrappedIndex,wrappedIndexInverted:wrappedIndexInverted,total:totalItems,index:i,gap:dotsGap,padding:dotsPadding,isHorizontal:isHorizontal,isInverted:isInverted},i));}if(dotsBlur>0){dotsBlurStyle.backdropFilter=dotsBlurStyle.WebkitBackdropFilter=dotsBlurStyle.MozBackdropFilter=`blur(${dotsBlur}px)`;}}const dragProps=dragControl?{drag:isHorizontal?\"x\":\"y\",onDragStart:handleDragStart,onDragEnd:handleDragEnd,dragDirectionLock:true,values:{x:xOrY,y:xOrY},dragMomentum:false}:{};const arrowHasTop=arrowPosition===\"top-left\"||arrowPosition===\"top-mid\"||arrowPosition===\"top-right\";const arrowHasBottom=arrowPosition===\"bottom-left\"||arrowPosition===\"bottom-mid\"||arrowPosition===\"bottom-right\";const arrowHasLeft=arrowPosition===\"top-left\"||arrowPosition===\"bottom-left\";const arrowHasRight=arrowPosition===\"top-right\"||arrowPosition===\"bottom-right\";const arrowHasMid=arrowPosition===\"top-mid\"||arrowPosition===\"bottom-mid\"||arrowPosition===\"auto\";return /*#__PURE__*/_jsxs(\"section\",{style:{...containerStyle,padding:paddingValue,WebkitMaskImage:fadeContent?fadeMask:undefined,MozMaskImage:fadeContent?fadeMask:undefined,maskImage:fadeContent?fadeMask:undefined,opacity:(size===null||size===void 0?void 0:size.item)!==null?1:OPACITY_0,userSelect:\"none\"},onMouseEnter:()=>{setIsHovering(true);if(!effectsHover)setShouldPlayOnHover(false);},onMouseLeave:()=>{setIsHovering(false);if(!effectsHover)setShouldPlayOnHover(true);},onMouseDown:event=>{// Preventdefault fixes the cursor switching to text on drag on safari\nevent.preventDefault();setIsMouseDown(true);},onMouseUp:()=>setIsMouseDown(false),ref:visibilityRef,children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",margin:0,padding:\"inherit\",position:\"absolute\",inset:0,overflow:overflow?\"visible\":\"hidden\",borderRadius:borderRadius,userSelect:\"none\",perspective:isCanvas?\"none\":effectsPerspective},children:/*#__PURE__*/_jsx(motion.ul,{ref:parentRef,...dragProps,style:{...containerStyle,gap:gap,placeItems:alignment,x:isHorizontal?isCanvas?canvasPosition:wrappedValue:0,y:!isHorizontal?isCanvas?canvasPosition:wrappedValue:0,flexDirection:isHorizontal?\"row\":\"column\",transformStyle:effectsRotate!==0&&!isCanvas?\"preserve-3d\":undefined,cursor:dragControl?isMouseDown?\"grabbing\":\"grab\":\"auto\",userSelect:\"none\",...style},children:dupedChildren})}),/*#__PURE__*/_jsxs(\"fieldset\",{style:{...controlsStyles},\"aria-label\":\"Slideshow pagination controls\",className:\"framer--slideshow-controls\",children:[/*#__PURE__*/_jsxs(motion.div,{style:{position:\"absolute\",display:\"flex\",flexDirection:isHorizontal?\"row\":\"column\",justifyContent:arrowShouldSpace?\"space-between\":\"center\",gap:arrowShouldSpace?\"unset\":arrowGap,opacity:arrowShouldFadeIn?OPACITY_0:1,alignItems:\"center\",inset:arrowPadding,top:arrowShouldSpace?arrowPadding:arrowHasTop?arrowPaddingTop:\"unset\",left:arrowShouldSpace?arrowPadding:arrowHasLeft?arrowPaddingLeft:arrowHasMid?0:\"unset\",right:arrowShouldSpace?arrowPadding:arrowHasRight?arrowPaddingRight:arrowHasMid?0:\"unset\",bottom:arrowShouldSpace?arrowPadding:arrowHasBottom?arrowPaddingBottom:\"unset\"},animate:arrowShouldFadeIn&&{opacity:isHovering?1:OPACITY_0},transition:transitionControl,children:[/*#__PURE__*/_jsx(motion.button,{type:\"button\",style:{...baseButtonStyles,backgroundColor:arrowFill,width:arrowSize,height:arrowSize,borderRadius:arrowRadius,rotate:!isHorizontal?90:0,display:showMouseControls?\"block\":\"none\",pointerEvents:\"auto\"},onClick:()=>setDelta(-1),\"aria-label\":\"Previous\",whileTap:{scale:.9},transition:{duration:.15},children:/*#__PURE__*/_jsx(\"img\",{decoding:\"async\",width:arrowSize,height:arrowSize,src:leftArrow||\"https://framerusercontent.com/images/6tTbkXggWgQCAJ4DO2QEdXXmgM.svg\",alt:\"Back Arrow\"})}),/*#__PURE__*/_jsx(motion.button,{type:\"button\",style:{...baseButtonStyles,backgroundColor:arrowFill,width:arrowSize,height:arrowSize,borderRadius:arrowRadius,rotate:!isHorizontal?90:0,display:showMouseControls?\"block\":\"none\",pointerEvents:\"auto\"},onClick:()=>setDelta(1),\"aria-label\":\"Next\",whileTap:{scale:.9},transition:{duration:.15},children:/*#__PURE__*/_jsx(\"img\",{decoding:\"async\",width:arrowSize,height:arrowSize,src:rightArrow||\"https://framerusercontent.com/images/11KSGbIZoRSg4pjdnUoif6MKHI.svg\",alt:\"Next Arrow\"})})]}),dots.length>1?/*#__PURE__*/_jsx(\"div\",{style:{...dotsContainerStyle,left:isHorizontal?\"50%\":dotsInset,top:!isHorizontal?\"50%\":\"unset\",transform:isHorizontal?\"translateX(-50%)\":\"translateY(-50%)\",flexDirection:isHorizontal?\"row\":\"column\",bottom:isHorizontal?dotsInset:\"unset\",borderRadius:dotsRadius,backgroundColor:dotsBackground,userSelect:\"none\",...dotsBlurStyle},children:dots}):null]})]});}/* Default Properties */Slideshow.defaultProps={direction:\"left\",dragControl:false,startFrom:0,itemAmount:1,infinity:true,gap:10,padding:10,autoPlayControl:true,effectsOptions:{effectsOpacity:1,effectsScale:1,effectsRotate:0,effectsPerspective:1200,effectsHover:true},transitionControl:{type:\"spring\",stiffness:200,damping:40},fadeOptions:{fadeContent:false,overflow:false,fadeWidth:25,fadeAlpha:0,fadeInset:0},arrowOptions:{showMouseControls:true,arrowShouldFadeIn:false,arrowShouldSpace:true,arrowFill:\"rgba(0,0,0,0.2)\",arrowSize:40},progressOptions:{showProgressDots:true}};/* Property Controls */addPropertyControls(Slideshow,{slots:{type:ControlType.Array,title:\"Content\",control:{type:ControlType.ComponentInstance}},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"left\",\"right\",\"top\",\"bottom\"],optionIcons:[\"direction-left\",\"direction-right\",\"direction-up\",\"direction-down\"],optionTitles:[\"Left\",\"Right\",\"Top\",\"Bottom\"],displaySegmentedControl:true,defaultValue:Slideshow.defaultProps.direction},autoPlayControl:{type:ControlType.Boolean,title:\"Auto Play\",defaultValue:true},intervalControl:{type:ControlType.Number,title:\"Interval\",defaultValue:1.5,min:.5,max:10,step:.1,displayStepper:true,unit:\"s\",hidden:props=>!props.autoPlayControl},dragControl:{type:ControlType.Boolean,title:\"Draggable\",defaultValue:false},startFrom:{type:ControlType.Number,title:\"Current\",min:0,max:10,displayStepper:true,defaultValue:Slideshow.defaultProps.startFrom},effectsOptions:{type:ControlType.Object,title:\"Effects\",controls:{effectsOpacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsOpacity,min:0,max:1,step:.01,displayStepper:true},effectsScale:{type:ControlType.Number,title:\"Scale\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsScale,min:0,max:1,step:.01,displayStepper:true},effectsPerspective:{type:ControlType.Number,title:\"Perspective\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsPerspective,min:200,max:2e3,step:1},effectsRotate:{type:ControlType.Number,title:\"Rotate\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsRotate,min:-180,max:180,step:1},effectsHover:{type:ControlType.Boolean,title:\"On Hover\",enabledTitle:\"Play\",disabledTitle:\"Pause\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsHover}}},alignment:{type:ControlType.Enum,title:\"Align\",options:[\"flex-start\",\"center\",\"flex-end\"],optionIcons:{direction:{right:[\"align-top\",\"align-middle\",\"align-bottom\"],left:[\"align-top\",\"align-middle\",\"align-bottom\"],top:[\"align-left\",\"align-center\",\"align-right\"],bottom:[\"align-left\",\"align-center\",\"align-right\"]}},defaultValue:\"center\",displaySegmentedControl:true},itemAmount:{type:ControlType.Number,title:\"Items\",min:1,max:10,displayStepper:true,defaultValue:Slideshow.defaultProps.itemAmount},gap:{type:ControlType.Number,title:\"Gap\",min:0},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:0,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:500,displayStepper:true,defaultValue:0},transitionControl:{type:ControlType.Transition,defaultValue:Slideshow.defaultProps.transitionControl,title:\"Transition\"},fadeOptions:{type:ControlType.Object,title:\"Clipping\",controls:{fadeContent:{type:ControlType.Boolean,title:\"Fade\",defaultValue:false},overflow:{type:ControlType.Boolean,title:\"Overflow\",enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:false,hidden(props){return props.fadeContent===true;}},fadeWidth:{type:ControlType.Number,title:\"Width\",defaultValue:25,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeInset:{type:ControlType.Number,title:\"Inset\",defaultValue:0,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeAlpha:{type:ControlType.Number,title:\"Opacity\",defaultValue:0,min:0,max:1,step:.05,hidden(props){return props.fadeContent===false;}}}},arrowOptions:{type:ControlType.Object,title:\"Arrows\",controls:{showMouseControls:{type:ControlType.Boolean,title:\"Show\",defaultValue:Slideshow.defaultProps.arrowOptions.showMouseControls},arrowFill:{type:ControlType.Color,title:\"Fill\",hidden:props=>!props.showMouseControls,defaultValue:Slideshow.defaultProps.arrowOptions.arrowFill},leftArrow:{type:ControlType.Image,title:\"Previous\",hidden:props=>!props.showMouseControls},rightArrow:{type:ControlType.Image,title:\"Next\",hidden:props=>!props.showMouseControls},arrowSize:{type:ControlType.Number,title:\"Size\",min:0,max:200,displayStepper:true,defaultValue:Slideshow.defaultProps.arrowOptions.arrowSize,hidden:props=>!props.showMouseControls},arrowRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:500,defaultValue:40,hidden:props=>!props.showMouseControls},arrowShouldFadeIn:{type:ControlType.Boolean,title:\"Fade In\",defaultValue:false,hidden:props=>!props.showMouseControls},arrowShouldSpace:{type:ControlType.Boolean,title:\"Distance\",enabledTitle:\"Space\",disabledTitle:\"Group\",defaultValue:Slideshow.defaultProps.arrowOptions.arrowShouldSpace,hidden:props=>!props.showMouseControls},arrowPosition:{type:ControlType.Enum,title:\"Position\",options:[\"auto\",\"top-left\",\"top-mid\",\"top-right\",\"bottom-left\",\"bottom-mid\",\"bottom-right\"],optionTitles:[\"Center\",\"Top Left\",\"Top Middle\",\"Top Right\",\"Bottom Left\",\"Bottom Middle\",\"Bottom Right\"],hidden:props=>!props.showMouseControls||props.arrowShouldSpace},arrowPadding:{type:ControlType.Number,title:\"Inset\",min:-100,max:100,defaultValue:20,displayStepper:true,hidden:props=>!props.showMouseControls||!props.arrowShouldSpace},arrowPaddingTop:{type:ControlType.Number,title:\"Top\",min:-500,max:500,defaultValue:0,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace||props.arrowPosition===\"auto\"||props.arrowPosition===\"bottom-mid\"||props.arrowPosition===\"bottom-left\"||props.arrowPosition===\"bottom-right\"},arrowPaddingBottom:{type:ControlType.Number,title:\"Bottom\",min:-500,max:500,defaultValue:0,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace||props.arrowPosition===\"auto\"||props.arrowPosition===\"top-mid\"||props.arrowPosition===\"top-left\"||props.arrowPosition===\"top-right\"},arrowPaddingRight:{type:ControlType.Number,title:\"Right\",min:-500,max:500,defaultValue:0,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace||props.arrowPosition===\"auto\"||props.arrowPosition===\"top-left\"||props.arrowPosition===\"top-mid\"||props.arrowPosition===\"bottom-left\"||props.arrowPosition===\"bottom-mid\"},arrowPaddingLeft:{type:ControlType.Number,title:\"Left\",min:-500,max:500,defaultValue:0,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace||props.arrowPosition===\"auto\"||props.arrowPosition===\"top-right\"||props.arrowPosition===\"top-mid\"||props.arrowPosition===\"bottom-right\"||props.arrowPosition===\"bottom-mid\"},arrowGap:{type:ControlType.Number,title:\"Gap\",min:0,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace}}},progressOptions:{type:ControlType.Object,title:\"Dots\",controls:{showProgressDots:{type:ControlType.Boolean,title:\"Show\",defaultValue:false},dotSize:{type:ControlType.Number,title:\"Size\",min:1,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsInset:{type:ControlType.Number,title:\"Inset\",min:-100,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsGap:{type:ControlType.Number,title:\"Gap\",min:0,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsPadding:{type:ControlType.Number,title:\"Padding\",min:0,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsFill:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#fff\",hidden:props=>!props.showProgressDots||props.showScrollbar},dotsBackground:{type:ControlType.Color,title:\"Backdrop\",defaultValue:\"rgba(0,0,0,0.2)\",hidden:props=>!props.showProgressDots||props.showScrollbar},dotsRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:200,defaultValue:50,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsOpacity:{type:ControlType.Number,title:\"Opacity\",min:0,max:1,defaultValue:.5,step:.1,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsActiveOpacity:{type:ControlType.Number,title:\"Current\",min:0,max:1,defaultValue:1,step:.1,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsBlur:{type:ControlType.Number,title:\"Blur\",min:0,max:50,defaultValue:0,step:1,hidden:props=>!props.showProgressDots||props.showScrollbar}}}});/* Placeholder Styles */const containerStyle={display:\"flex\",flexDirection:\"row\",width:\"100%\",height:\"100%\",maxWidth:\"100%\",maxHeight:\"100%\",placeItems:\"center\",margin:0,padding:0,listStyleType:\"none\",textIndent:\"none\"};/* Component Styles */const placeholderStyles={display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",color:\"#96F\",background:\"rgba(136, 85, 255, 0.1)\",fontSize:11,overflow:\"hidden\",padding:\"20px 20px 30px 20px\"};const emojiStyles={fontSize:32,marginBottom:10};const titleStyles={margin:0,marginBottom:10,fontWeight:600,textAlign:\"center\"};const subtitleStyles={margin:0,opacity:.7,maxWidth:180,lineHeight:1.5,textAlign:\"center\"};/* Control Styles */const baseButtonStyles={border:\"none\",display:\"flex\",placeContent:\"center\",placeItems:\"center\",overflow:\"hidden\",background:\"transparent\",cursor:\"pointer\",margin:0,padding:0};const controlsStyles={display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",position:\"absolute\",pointerEvents:\"none\",userSelect:\"none\",top:0,left:0,right:0,bottom:0,border:0,padding:0,margin:0};/* Clamp function, used for fadeInset */const clamp=(num,min,max)=>Math.min(Math.max(num,min),max);/* Slide Component */const Slide=/*#__PURE__*/forwardRef(function Component(props,ref){var _child_props,_child_props1;const{slideKey,width,height,child,size,gap,wrappedValue,numChildren,childCounter,isCanvas,effects,effectsOpacity,effectsScale,effectsRotate,isHorizontal,isLast,index}=props;/**\n * Unique offsets + scroll range [0, 1, 1, 0]\n */const childOffset=((size===null||size===void 0?void 0:size.item)+gap)*childCounter;const scrollRange=[-(size===null||size===void 0?void 0:size.item),0,(size===null||size===void 0?void 0:size.parent)-(size===null||size===void 0?void 0:size.item)+gap,size===null||size===void 0?void 0:size.parent].map(val=>val-childOffset);/**\n * Effects\n */const rotateY=!isCanvas&&useTransform(wrappedValue,scrollRange,[-effectsRotate,0,0,effectsRotate]);const rotateX=!isCanvas&&useTransform(wrappedValue,scrollRange,[effectsRotate,0,0,-effectsRotate]);const opacity=!isCanvas&&useTransform(wrappedValue,scrollRange,[effectsOpacity,1,1,effectsOpacity]);const scale=!isCanvas&&useTransform(wrappedValue,scrollRange,[effectsScale,1,1,effectsScale]);const originXorY=!isCanvas&&useTransform(wrappedValue,scrollRange,[1,1,0,0]);const isVisible=!isCanvas&&useTransform(wrappedValue,latest=>latest>=scrollRange[1]&&latest<=scrollRange[2]);useEffect(()=>{if(!isVisible)return;return isVisible.onChange(newValue=>{var _ref_current;(_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.setAttribute(\"aria-hidden\",!newValue);});},[]);const visibility=isCanvas?\"visible\":useTransform(wrappedValue,[scrollRange[0]-size.viewportLength,mix(scrollRange[1],scrollRange[2],.5),scrollRange[3]+size.viewportLength],[\"hidden\",\"visible\",\"hidden\"]);return /*#__PURE__*/_jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/_jsx(\"li\",{style:{display:\"contents\"},\"aria-hidden\":index===0?false:true,children:/*#__PURE__*/cloneElement(child,{ref:ref,key:slideKey+\"child\",style:{...(_child_props=child.props)===null||_child_props===void 0?void 0:_child_props.style,flexShrink:0,userSelect:\"none\",width,height,opacity:opacity,scale:scale,originX:isHorizontal?originXorY:.5,originY:!isHorizontal?originXorY:.5,rotateY:isHorizontal?rotateY:0,rotateX:!isHorizontal?rotateX:0,visibility},layoutId:child.props.layoutId?child.props.layoutId+\"-original-\"+index:undefined},(_child_props1=child.props)===null||_child_props1===void 0?void 0:_child_props1.children)})});});function Dot({selectedOpacity,opacity,total,index,wrappedIndex,wrappedIndexInverted,dotStyle,buttonStyle,gap,padding,isHorizontal,isInverted,...props}){/* Check active item *//* Go 0\u20141\u20142\u20143\u20144\u20145\u20140 */let isSelected=wrappedIndex===index;/* Go 0\u20145\u20144\u20143\u20142\u20141\u20140\u20145 instead when inverted */if(isInverted){isSelected=Math.abs(wrappedIndexInverted)===index;}const inlinePadding=gap/2;let top=!isHorizontal&&index>0?inlinePadding:padding;let bottom=!isHorizontal&&index!==total-1?inlinePadding:padding;let right=isHorizontal&&index!==total-1?inlinePadding:padding;let left=isHorizontal&&index>0?inlinePadding:padding;return /*#__PURE__*/_jsx(\"button\",{\"aria-label\":`Scroll to page ${index+1}`,type:\"button\",...props,style:{...buttonStyle,padding:`${top}px ${right}px ${bottom}px ${left}px`},children:/*#__PURE__*/_jsx(motion.div,{style:{...dotStyle},initial:false,animate:{opacity:isSelected?selectedOpacity:opacity},transition:{duration:.3}})});}/* Dot Styles */const dotsContainerStyle={display:\"flex\",placeContent:\"center\",placeItems:\"center\",overflow:\"hidden\",position:\"absolute\",pointerEvents:\"auto\"};const dotStyle={borderRadius:\"50%\",background:\"white\",cursor:\"pointer\",border:\"none\",placeContent:\"center\",placeItems:\"center\",padding:0};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Slideshow\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"*\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SlideShow.map", "// Generated by Framer (f074239)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,cx,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const enabledGestures={rix3oNdZJ:{hover:true,pressed:true}};const serializationHash=\"framer-4WkHW\";const variantClassNames={rix3oNdZJ:\"framer-v-1ri7kih\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={duration:0,type:\"tween\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const getProps=({height,id,width,...props})=>{return{...props};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Variants=motion.create(React.Fragment);const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"rix3oNdZJ\",enabledGestures,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:{pathVariables:{dXvhhqkIo:\"numbered\"},unresolvedPathSlugs:{dXvhhqkIo:{collectionId:\"QAh42Fylg\",collectionItemId:\"Yo7wtaIMm\"}},webPageId:\"ktjdPt1z5\"},nodeId:\"rix3oNdZJ\",openInNewTab:false,children:/*#__PURE__*/_jsx(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-1ri7kih\",className,classNames)} framer-1jkh0mt`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"rix3oNdZJ\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"rgb(0, 0, 0)\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,...style},variants:{\"rix3oNdZJ-hover\":{backgroundColor:\"rgb(239, 64, 65)\"},\"rix3oNdZJ-pressed\":{backgroundColor:\"rgb(239, 64, 65)\"}},...addPropertyOverrides({\"rix3oNdZJ-hover\":{\"data-framer-name\":undefined},\"rix3oNdZJ-pressed\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBCb29r\",\"--framer-font-family\":'\"Gibson Book\", \"Gibson Book Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"150%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"View project\"})}),className:\"framer-1d79hk0\",\"data-framer-name\":\"View project\",fonts:[\"CUSTOM;Gibson Book\"],layoutDependency:layoutDependency,layoutId:\"z24qdVu01\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-4WkHW.framer-1jkh0mt, .framer-4WkHW .framer-1jkh0mt { display: block; }\",\".framer-4WkHW.framer-1ri7kih { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 7px 19px 7px 19px; position: relative; text-decoration: none; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-4WkHW .framer-1d79hk0 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-4WkHW.framer-1ri7kih { gap: 0px; } .framer-4WkHW.framer-1ri7kih > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-4WkHW.framer-1ri7kih > :first-child { margin-left: 0px; } .framer-4WkHW.framer-1ri7kih > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 41\n * @framerIntrinsicWidth 127.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"SF3MgKKcF\":{\"layout\":[\"auto\",\"auto\"]},\"RU0awVoAR\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerFMj6UO3S9=withCSS(Component,css,\"framer-4WkHW\");export default FramerFMj6UO3S9;FramerFMj6UO3S9.displayName=\"View Project\";FramerFMj6UO3S9.defaultProps={height:41,width:127.5};addFonts(FramerFMj6UO3S9,[{explicitInter:true,fonts:[{family:\"Gibson Book\",source:\"custom\",url:\"https://framerusercontent.com/assets/UKFzxH4fuRprq7kS6LG8QukrluM.woff2\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerFMj6UO3S9\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"SF3MgKKcF\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"RU0awVoAR\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"41\",\"framerIntrinsicWidth\":\"127.5\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FMj6UO3S9.map", "// Generated by Framer (5753dbc)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"neOcZ67NR\",\"tQc5696F7\",\"DVezSaemr\",\"us1YRSJBj\",\"JdzZgjCZQ\",\"Juuf8WHYy\",\"eHuUypmtx\",\"AEqW_PrLu\",\"zuJ3DLnnQ\"];const serializationHash=\"framer-Uk0qi\";const variantClassNames={AEqW_PrLu:\"framer-v-1t2f6o2\",DVezSaemr:\"framer-v-1hy5mal\",eHuUypmtx:\"framer-v-1pym306\",JdzZgjCZQ:\"framer-v-if8ns\",Juuf8WHYy:\"framer-v-syrkgy\",neOcZ67NR:\"framer-v-1iw0fyq\",tQc5696F7:\"framer-v-l8ljuw\",us1YRSJBj:\"framer-v-ge1sz5\",zuJ3DLnnQ:\"framer-v-28urdu\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"neOcZ67NR\",\"Variant 2\":\"tQc5696F7\",\"Variant 3\":\"DVezSaemr\",\"Variant 4\":\"us1YRSJBj\",\"Variant 5\":\"JdzZgjCZQ\",\"Variant 6\":\"Juuf8WHYy\",\"Variant 7\":\"eHuUypmtx\",\"Variant 8\":\"AEqW_PrLu\",\"Variant 9\":\"zuJ3DLnnQ\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"neOcZ67NR\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"neOcZ67NR\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1iw0fyq\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"neOcZ67NR\",ref:ref??ref1,style:{borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10,...style},...addPropertyOverrides({AEqW_PrLu:{\"data-framer-name\":\"Variant 8\"},DVezSaemr:{\"data-framer-name\":\"Variant 3\"},eHuUypmtx:{\"data-framer-name\":\"Variant 7\"},JdzZgjCZQ:{\"data-framer-name\":\"Variant 5\"},Juuf8WHYy:{\"data-framer-name\":\"Variant 6\"},tQc5696F7:{\"data-framer-name\":\"Variant 2\"},us1YRSJBj:{\"data-framer-name\":\"Variant 4\"},zuJ3DLnnQ:{\"data-framer-name\":\"Variant 9\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"Sleek black cannabis grinder designed by a product development firm, showcased against a bold orange backdrop. Modern and functional product design.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+-17.5),pixelHeight:505,pixelWidth:594,sizes:`calc(${componentViewport?.width||\"100vw\"} + 20px)`,src:\"https://framerusercontent.com/images/p2h1LPF33G4HPlE2Uz5a60jGJZw.jpg\",srcSet:\"https://framerusercontent.com/images/p2h1LPF33G4HPlE2Uz5a60jGJZw.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/p2h1LPF33G4HPlE2Uz5a60jGJZw.jpg 594w\"},className:\"framer-17u6u8\",\"data-framer-name\":\"Frame 4153\",layoutDependency:layoutDependency,layoutId:\"CELXar43H\",style:{borderBottomLeftRadius:9,borderBottomRightRadius:9,borderTopLeftRadius:9,borderTopRightRadius:9},...addPropertyOverrides({AEqW_PrLu:{background:{alt:\"Front view of a compact action camera with a sleek design, built for high-quality recording and adventure capturing.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+-9),pixelHeight:504,pixelWidth:593,sizes:`calc(${componentViewport?.width||\"100vw\"} + 2px)`,src:\"https://framerusercontent.com/images/4O72ePbYvQHr41vcSrIo42Cd4.jpg\",srcSet:\"https://framerusercontent.com/images/4O72ePbYvQHr41vcSrIo42Cd4.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/4O72ePbYvQHr41vcSrIo42Cd4.jpg 593w\"}},DVezSaemr:{background:{alt:\"Side view of a compact action camera designed to clip onto phones, offering a seamless and portable recording experience.\",fit:\"fit\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+-17.5),pixelHeight:1111,pixelWidth:1108,positionX:\"center\",positionY:\"center\",sizes:`calc(${componentViewport?.width||\"100vw\"} + 20px)`,src:\"https://framerusercontent.com/images/l2rWzPtRuWDyxBZ4uR68522wFkc.jpg\",srcSet:\"https://framerusercontent.com/images/l2rWzPtRuWDyxBZ4uR68522wFkc.jpg?scale-down-to=1024 1021w,https://framerusercontent.com/images/l2rWzPtRuWDyxBZ4uR68522wFkc.jpg 1108w\"}},eHuUypmtx:{background:{alt:\"Smart baby bottle monitor with real-time tracking, ensuring optimal feeding temperature and intake monitoring for parents.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+-9.5),pixelHeight:1305,pixelWidth:1393,sizes:`calc(${componentViewport?.width||\"100vw\"} + 2px)`,src:\"https://framerusercontent.com/images/WYkqMcISKSd6CfzzJR1LXiFcx4.jpg\",srcSet:\"https://framerusercontent.com/images/WYkqMcISKSd6CfzzJR1LXiFcx4.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/WYkqMcISKSd6CfzzJR1LXiFcx4.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/WYkqMcISKSd6CfzzJR1LXiFcx4.jpg 1393w\"}},JdzZgjCZQ:{background:{alt:\"PCB enclosure for the fridge temperature control system.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+-17.5),pixelHeight:1110,pixelWidth:1333,sizes:`calc(${componentViewport?.width||\"100vw\"} + 20px)`,src:\"https://framerusercontent.com/images/CuPcBXeUhcR49ML6VMK1ujB3uc.jpg\",srcSet:\"https://framerusercontent.com/images/CuPcBXeUhcR49ML6VMK1ujB3uc.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/CuPcBXeUhcR49ML6VMK1ujB3uc.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/CuPcBXeUhcR49ML6VMK1ujB3uc.jpg 1333w\"}},Juuf8WHYy:{background:{alt:\"Search results page of a baseball card app displaying card details, values, and organization features for collectors.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+-10.5),pixelHeight:1110,pixelWidth:1308,sizes:`calc(${componentViewport?.width||\"100vw\"} + 3px)`,src:\"https://framerusercontent.com/images/wCYn4d4XprMfr2FsL3N7VcMf3zc.jpg\",srcSet:\"https://framerusercontent.com/images/wCYn4d4XprMfr2FsL3N7VcMf3zc.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/wCYn4d4XprMfr2FsL3N7VcMf3zc.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/wCYn4d4XprMfr2FsL3N7VcMf3zc.jpg 1308w\"}},tQc5696F7:{background:{alt:\"Minimalistic blue GPS tracking device with a sleek design, combining modern aesthetics and advanced location technology.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+-17.5),pixelHeight:1110,pixelWidth:1108,sizes:`calc(${componentViewport?.width||\"100vw\"} + 20px)`,src:\"https://framerusercontent.com/images/FONUPlodes1BinSFsWAJ2DZx0E.jpg\",srcSet:\"https://framerusercontent.com/images/FONUPlodes1BinSFsWAJ2DZx0E.jpg?scale-down-to=1024 1022w,https://framerusercontent.com/images/FONUPlodes1BinSFsWAJ2DZx0E.jpg 1108w\"}},us1YRSJBj:{background:{alt:\"Stairlift designed to assist elderly patients at home, providing safety and mobility against a turquoise background.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+-10.5),pixelHeight:2128,pixelWidth:3217,sizes:`calc(${componentViewport?.width||\"100vw\"} + 3px)`,src:\"https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg\",srcSet:\"https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg?scale-down-to=2048 2048w,https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg 3217w\"}},zuJ3DLnnQ:{background:{alt:\"NFT display screen showcasing digital artwork with a sleek, modern design for collectors and enthusiasts.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+-8.5),pixelHeight:1110,pixelWidth:1347,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/gMFtEhaa2WTms7JssjY22luEjg.png\",srcSet:\"https://framerusercontent.com/images/gMFtEhaa2WTms7JssjY22luEjg.png?scale-down-to=512 512w,https://framerusercontent.com/images/gMFtEhaa2WTms7JssjY22luEjg.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/gMFtEhaa2WTms7JssjY22luEjg.png 1347w\"}}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Uk0qi.framer-1nhkxe6, .framer-Uk0qi .framer-1nhkxe6 { display: block; }\",\".framer-Uk0qi.framer-1iw0fyq { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 53px; height: 269px; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 281px; will-change: var(--framer-will-change-override, transform); }\",\".framer-Uk0qi .framer-17u6u8 { bottom: -17px; flex: none; left: -9px; overflow: hidden; position: absolute; right: -10px; top: -17px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-Uk0qi.framer-1iw0fyq { gap: 0px; } .framer-Uk0qi.framer-1iw0fyq > * { margin: 0px; margin-bottom: calc(52.83220672607422px / 2); margin-top: calc(52.83220672607422px / 2); } .framer-Uk0qi.framer-1iw0fyq > :first-child { margin-top: 0px; } .framer-Uk0qi.framer-1iw0fyq > :last-child { margin-bottom: 0px; } }\",\".framer-Uk0qi.framer-v-l8ljuw.framer-1iw0fyq, .framer-Uk0qi.framer-v-1hy5mal.framer-1iw0fyq, .framer-Uk0qi.framer-v-ge1sz5.framer-1iw0fyq, .framer-Uk0qi.framer-v-if8ns.framer-1iw0fyq, .framer-Uk0qi.framer-v-syrkgy.framer-1iw0fyq, .framer-Uk0qi.framer-v-1pym306.framer-1iw0fyq, .framer-Uk0qi.framer-v-1t2f6o2.framer-1iw0fyq, .framer-Uk0qi.framer-v-28urdu.framer-1iw0fyq { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 281px); }\",\".framer-Uk0qi.framer-v-ge1sz5 .framer-17u6u8, .framer-Uk0qi.framer-v-syrkgy .framer-17u6u8 { bottom: -10px; left: -1px; right: -1px; top: -10px; }\",\".framer-Uk0qi.framer-v-1pym306 .framer-17u6u8, .framer-Uk0qi.framer-v-1t2f6o2 .framer-17u6u8 { bottom: -10px; left: -1px; right: -1px; top: -9px; }\",\".framer-Uk0qi.framer-v-28urdu .framer-17u6u8 { bottom: -9px; left: 0px; right: 0px; top: -8px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 281\n * @framerIntrinsicWidth 281\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"tQc5696F7\":{\"layout\":[\"fixed\",\"fixed\"]},\"DVezSaemr\":{\"layout\":[\"fixed\",\"fixed\"]},\"us1YRSJBj\":{\"layout\":[\"fixed\",\"fixed\"]},\"JdzZgjCZQ\":{\"layout\":[\"fixed\",\"fixed\"]},\"Juuf8WHYy\":{\"layout\":[\"fixed\",\"fixed\"]},\"eHuUypmtx\":{\"layout\":[\"fixed\",\"fixed\"]},\"AEqW_PrLu\":{\"layout\":[\"fixed\",\"fixed\"]},\"zuJ3DLnnQ\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerGmAgcrGA3=withCSS(Component,css,\"framer-Uk0qi\");export default FramerGmAgcrGA3;FramerGmAgcrGA3.displayName=\"Landing Image Smaller\";FramerGmAgcrGA3.defaultProps={height:281,width:281};addPropertyControls(FramerGmAgcrGA3,{variant:{options:[\"neOcZ67NR\",\"tQc5696F7\",\"DVezSaemr\",\"us1YRSJBj\",\"JdzZgjCZQ\",\"Juuf8WHYy\",\"eHuUypmtx\",\"AEqW_PrLu\",\"zuJ3DLnnQ\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\",\"Variant 4\",\"Variant 5\",\"Variant 6\",\"Variant 7\",\"Variant 8\",\"Variant 9\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerGmAgcrGA3,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerGmAgcrGA3\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"281\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"281\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"tQc5696F7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"DVezSaemr\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"us1YRSJBj\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"JdzZgjCZQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Juuf8WHYy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"eHuUypmtx\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"AEqW_PrLu\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"zuJ3DLnnQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GmAgcrGA3.map", "// Generated by Framer (ea53337)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"DZW3_XaJV\",\"W8OXVfSFp\",\"jJ9qC18j4\",\"jhyAukskL\",\"lqiaj9Tb3\",\"lZh5MFcEY\"];const serializationHash=\"framer-eZgVp\";const variantClassNames={DZW3_XaJV:\"framer-v-vcnb1k\",jhyAukskL:\"framer-v-f0cqx8\",jJ9qC18j4:\"framer-v-t5awbe\",lqiaj9Tb3:\"framer-v-yfsolk\",lZh5MFcEY:\"framer-v-y57rr7\",W8OXVfSFp:\"framer-v-pzdwsq\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"DZW3_XaJV\",\"Variant 2\":\"W8OXVfSFp\",\"Variant 3\":\"jJ9qC18j4\",\"Variant 4\":\"jhyAukskL\",\"Variant 5\":\"lqiaj9Tb3\",\"Variant 6\":\"lZh5MFcEY\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"DZW3_XaJV\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"DZW3_XaJV\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:{pathVariables:{uogxG6y5i:\"managing-product-scope\"},unresolvedPathSlugs:{uogxG6y5i:{collectionId:\"VvTfAfAnA\",collectionItemId:\"nqlUAIlpH\"}},webPageId:\"QoH1Clx_o\"},nodeId:\"DZW3_XaJV\",openInNewTab:false,...addPropertyOverrides({jhyAukskL:{href:{pathVariables:{dXvhhqkIo:\"velavu\"},unresolvedPathSlugs:{dXvhhqkIo:{collectionId:\"QAh42Fylg\",collectionItemId:\"Ha9qWDRNU\"}},webPageId:\"ktjdPt1z5\"}},jJ9qC18j4:{href:{webPageId:\"kbyiOVtJ4\"}},lqiaj9Tb3:{href:{pathVariables:{uogxG6y5i:\"a-practical-guide-to-chat-gpt\"},unresolvedPathSlugs:{uogxG6y5i:{collectionId:\"VvTfAfAnA\",collectionItemId:\"BULwgMcVY\"}},webPageId:\"QoH1Clx_o\"}},lZh5MFcEY:{href:{webPageId:\"kbyiOVtJ4\"}},W8OXVfSFp:{href:{pathVariables:{dXvhhqkIo:\"atomic-form\"},unresolvedPathSlugs:{dXvhhqkIo:{collectionId:\"QAh42Fylg\",collectionItemId:\"ttUCxhCMR\"}},webPageId:\"ktjdPt1z5\"}}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-vcnb1k\",className,classNames)} framer-ppaddm`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"DZW3_XaJV\",ref:ref??ref1,style:{...style},...addPropertyOverrides({jhyAukskL:{\"data-framer-name\":\"Variant 4\"},jJ9qC18j4:{\"data-framer-name\":\"Variant 3\"},lqiaj9Tb3:{\"data-framer-name\":\"Variant 5\"},lZh5MFcEY:{\"data-framer-name\":\"Variant 6\"},W8OXVfSFp:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1id57sp\",\"data-framer-name\":\"Frame 4439\",layoutDependency:layoutDependency,layoutId:\"xT2jp7NQI\",style:{backgroundColor:\"rgb(0, 0, 0)\",borderBottomLeftRadius:8.64,borderBottomRightRadius:8.64,borderTopLeftRadius:8.64,borderTopRightRadius:8.64},children:/*#__PURE__*/_jsx(Image,{background:{alt:\"Series of sketches showcasing the evolution of a garden shovel design, starting with a simple concept and progressing to more intricate and detailed designs with advanced features.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+-15),pixelHeight:700,pixelWidth:700,sizes:\"384px\",src:\"https://framerusercontent.com/images/HtZXrDJLImpl1WMXx2mulJu64k.webp\",srcSet:\"https://framerusercontent.com/images/HtZXrDJLImpl1WMXx2mulJu64k.webp?scale-down-to=512 512w,https://framerusercontent.com/images/HtZXrDJLImpl1WMXx2mulJu64k.webp 700w\"},className:\"framer-1ap2umm\",\"data-framer-name\":\"jo-szczepanska-bjemWZcNF34-unsplash 1\",layoutDependency:layoutDependency,layoutId:\"GZ715DOVv\",...addPropertyOverrides({jhyAukskL:{background:{alt:\"GPS tracking module clipped onto the dashboard of a car, displaying a compact, modern device with a sleek design for navigation and tracking purposes.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+224-239),pixelHeight:1552,pixelWidth:3841,sizes:\"384px\",src:\"https://framerusercontent.com/images/wKLG4SmOIoXE3ODFMb4S3A6oY.png\",srcSet:\"https://framerusercontent.com/images/wKLG4SmOIoXE3ODFMb4S3A6oY.png?scale-down-to=512 512w,https://framerusercontent.com/images/wKLG4SmOIoXE3ODFMb4S3A6oY.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/wKLG4SmOIoXE3ODFMb4S3A6oY.png?scale-down-to=2048 2048w,https://framerusercontent.com/images/wKLG4SmOIoXE3ODFMb4S3A6oY.png 3841w\"}},jJ9qC18j4:{background:{alt:\"Shark Tank logo submerged underwater.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+224-240),pixelHeight:900,pixelWidth:1600,sizes:\"384px\",src:\"https://framerusercontent.com/images/Ee3JGcpqz4zsTexHo2MF6eQROKo.jpg\",srcSet:\"https://framerusercontent.com/images/Ee3JGcpqz4zsTexHo2MF6eQROKo.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/Ee3JGcpqz4zsTexHo2MF6eQROKo.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/Ee3JGcpqz4zsTexHo2MF6eQROKo.jpg 1600w\"}},lqiaj9Tb3:{background:{alt:\"Vase of flowers designed in Minecraft block style, featuring pixelated blocks arranged to form a colorful bouquet with a blocky, geometric aesthetic.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+224-240),pixelHeight:1024,pixelWidth:1024,positionX:\"52.2%\",positionY:\"50%\",sizes:\"384px\",src:\"https://framerusercontent.com/images/ySdHxELFq7EYE249uwbJtRteRCc.png\",srcSet:\"https://framerusercontent.com/images/ySdHxELFq7EYE249uwbJtRteRCc.png?scale-down-to=512 512w,https://framerusercontent.com/images/ySdHxELFq7EYE249uwbJtRteRCc.png 1024w\"}},lZh5MFcEY:{background:{alt:\"Screenshot of design article feature in aclaimed Core 77 magazine. \",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+-15),pixelHeight:1890,pixelWidth:3210,positionX:\"left\",positionY:\"top\",sizes:\"384px\",src:\"https://framerusercontent.com/images/Om4X156mUI2BOoT3E7FpTrwDPw.png\",srcSet:\"https://framerusercontent.com/images/Om4X156mUI2BOoT3E7FpTrwDPw.png?scale-down-to=512 512w,https://framerusercontent.com/images/Om4X156mUI2BOoT3E7FpTrwDPw.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/Om4X156mUI2BOoT3E7FpTrwDPw.png?scale-down-to=2048 2048w,https://framerusercontent.com/images/Om4X156mUI2BOoT3E7FpTrwDPw.png 3210w\"}},W8OXVfSFp:{background:{alt:\"Minimalist design NFT display device, compact and sleek, designed to plug into any screen for showcasing digital NFT artwork, emphasizing simplicity and modern technology.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+224-240),pixelHeight:1546,pixelWidth:3840,sizes:\"384px\",src:\"https://framerusercontent.com/images/diCzmFxWd7jP0ioF8VQKwXvPCM.png\",srcSet:\"https://framerusercontent.com/images/diCzmFxWd7jP0ioF8VQKwXvPCM.png?scale-down-to=512 512w,https://framerusercontent.com/images/diCzmFxWd7jP0ioF8VQKwXvPCM.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/diCzmFxWd7jP0ioF8VQKwXvPCM.png?scale-down-to=2048 2048w,https://framerusercontent.com/images/diCzmFxWd7jP0ioF8VQKwXvPCM.png 3840w\"}}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-mn044w\",\"data-framer-name\":\"Frame 217\",layoutDependency:layoutDependency,layoutId:\"T6xeu5qT5\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBCb29r\",\"--framer-font-family\":'\"Gibson Book\", \"Gibson Book Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-line-height\":\"150%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(79, 79, 79))\"},children:\"Brash blog\"})}),className:\"framer-jhh2m9\",\"data-framer-name\":\"Brash blog\",fonts:[\"CUSTOM;Gibson Book\"],layoutDependency:layoutDependency,layoutId:\"HPHR7v_Y4\",style:{\"--extracted-r6o4lv\":\"rgb(79, 79, 79)\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({jhyAukskL:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBCb29r\",\"--framer-font-family\":'\"Gibson Book\", \"Gibson Book Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-line-height\":\"150%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(79, 79, 79))\"},children:\"Projects\"})})},jJ9qC18j4:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBCb29r\",\"--framer-font-family\":'\"Gibson Book\", \"Gibson Book Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-line-height\":\"150%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(79, 79, 79))\"},children:\"Media\"})})},lZh5MFcEY:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBCb29r\",\"--framer-font-family\":'\"Gibson Book\", \"Gibson Book Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-line-height\":\"150%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(79, 79, 79))\"},children:\"Media\"})})},W8OXVfSFp:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBCb29r\",\"--framer-font-family\":'\"Gibson Book\", \"Gibson Book Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-line-height\":\"150%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(79, 79, 79))\"},children:\"Projects\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBNZWRpdW0=\",\"--framer-font-family\":'\"Gibson Medium\", \"Gibson Medium Placeholder\", sans-serif',\"--framer-font-size\":\"24px\",\"--framer-letter-spacing\":\"0.02em\",\"--framer-line-height\":\"150%\"},children:\"Managing Scope Creep\"})}),className:\"framer-5iq9js\",\"data-framer-name\":\"Managing Scope Creep in Product Design\",fonts:[\"CUSTOM;Gibson Medium\"],layoutDependency:layoutDependency,layoutId:\"YgNz3JZZ5\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({jhyAukskL:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBNZWRpdW0=\",\"--framer-font-family\":'\"Gibson Medium\", \"Gibson Medium Placeholder\", sans-serif',\"--framer-font-size\":\"24px\",\"--framer-letter-spacing\":\"0.02em\",\"--framer-line-height\":\"150%\"},children:\"Velavu\"})})},jJ9qC18j4:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBNZWRpdW0=\",\"--framer-font-family\":'\"Gibson Medium\", \"Gibson Medium Placeholder\", sans-serif',\"--framer-font-size\":\"24px\",\"--framer-letter-spacing\":\"0.02em\",\"--framer-line-height\":\"150%\"},children:'Veba makes \"Shark Tank\" debut'})})},lqiaj9Tb3:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBNZWRpdW0=\",\"--framer-font-family\":'\"Gibson Medium\", \"Gibson Medium Placeholder\", sans-serif',\"--framer-font-size\":\"24px\",\"--framer-letter-spacing\":\"0.02em\",\"--framer-line-height\":\"150%\"},children:\"Chat GPT: A Practical Guide\"})})},lZh5MFcEY:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBNZWRpdW0=\",\"--framer-font-family\":'\"Gibson Medium\", \"Gibson Medium Placeholder\", sans-serif',\"--framer-font-size\":\"24px\",\"--framer-letter-spacing\":\"0.02em\",\"--framer-line-height\":\"150%\"},children:\"Core 77 Feature\"})})},W8OXVfSFp:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0dpYnNvbiBNZWRpdW0=\",\"--framer-font-family\":'\"Gibson Medium\", \"Gibson Medium Placeholder\", sans-serif',\"--framer-font-size\":\"24px\",\"--framer-letter-spacing\":\"0.02em\",\"--framer-line-height\":\"150%\"},children:\"Atomic Form\"})})}},baseVariant,gestureVariant)})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-eZgVp.framer-ppaddm, .framer-eZgVp .framer-ppaddm { display: block; }\",\".framer-eZgVp.framer-vcnb1k { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; text-decoration: none; width: 264px; }\",\".framer-eZgVp .framer-1id57sp { flex: none; height: 224px; overflow: hidden; position: relative; width: 264px; will-change: var(--framer-will-change-override, transform); }\",\".framer-eZgVp .framer-1ap2umm { aspect-ratio: 1.4966442473041304 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 257px); left: -42px; position: absolute; right: -77px; top: -15px; }\",\".framer-eZgVp .framer-mn044w { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-eZgVp .framer-jhh2m9, .framer-eZgVp .framer-5iq9js { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-eZgVp.framer-vcnb1k, .framer-eZgVp .framer-mn044w { gap: 0px; } .framer-eZgVp.framer-vcnb1k > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-eZgVp.framer-vcnb1k > :first-child, .framer-eZgVp .framer-mn044w > :first-child { margin-top: 0px; } .framer-eZgVp.framer-vcnb1k > :last-child, .framer-eZgVp .framer-mn044w > :last-child { margin-bottom: 0px; } .framer-eZgVp .framer-mn044w > * { margin: 0px; margin-bottom: calc(-1.4070229530334473px / 2); margin-top: calc(-1.4070229530334473px / 2); } }\",\".framer-eZgVp.framer-v-pzdwsq .framer-1ap2umm, .framer-eZgVp.framer-v-t5awbe .framer-1ap2umm { bottom: -16px; left: -59px; right: -60px; top: unset; }\",\".framer-eZgVp.framer-v-f0cqx8 .framer-1ap2umm { bottom: -17px; left: -59px; right: -60px; top: unset; }\",\".framer-eZgVp.framer-v-yfsolk .framer-1ap2umm { bottom: -16px; top: unset; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 307\n * @framerIntrinsicWidth 264\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"W8OXVfSFp\":{\"layout\":[\"fixed\",\"auto\"]},\"jJ9qC18j4\":{\"layout\":[\"fixed\",\"auto\"]},\"jhyAukskL\":{\"layout\":[\"fixed\",\"auto\"]},\"lqiaj9Tb3\":{\"layout\":[\"fixed\",\"auto\"]},\"lZh5MFcEY\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FrameridWCp6Kjk=withCSS(Component,css,\"framer-eZgVp\");export default FrameridWCp6Kjk;FrameridWCp6Kjk.displayName=\"Featured Content - Mobile\";FrameridWCp6Kjk.defaultProps={height:307,width:264};addPropertyControls(FrameridWCp6Kjk,{variant:{options:[\"DZW3_XaJV\",\"W8OXVfSFp\",\"jJ9qC18j4\",\"jhyAukskL\",\"lqiaj9Tb3\",\"lZh5MFcEY\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\",\"Variant 4\",\"Variant 5\",\"Variant 6\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FrameridWCp6Kjk,[{explicitInter:true,fonts:[{family:\"Gibson Book\",source:\"custom\",url:\"https://framerusercontent.com/assets/UKFzxH4fuRprq7kS6LG8QukrluM.woff2\"},{family:\"Gibson Medium\",source:\"custom\",url:\"https://framerusercontent.com/assets/qaSIvaEVWHfvU8ZsPHnDQedKao.woff2\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameridWCp6Kjk\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicHeight\":\"307\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"W8OXVfSFp\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"jJ9qC18j4\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"jhyAukskL\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"lqiaj9Tb3\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"lZh5MFcEY\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"264\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./idWCp6Kjk.map", "// Generated by Framer (ff6f0b6)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"ckQfawccN\",\"cawbhTaTI\",\"oUDvuSrD3\",\"ecPjs3ANy\",\"dH2phzv4O\",\"z7oFXRGfG\",\"uxwgS1INj\",\"oBRVKwwjP\",\"U75GSv1Rg\"];const serializationHash=\"framer-6IA2K\";const variantClassNames={cawbhTaTI:\"framer-v-xu6q8d\",ckQfawccN:\"framer-v-1y8fu9n\",dH2phzv4O:\"framer-v-18lq9rj\",ecPjs3ANy:\"framer-v-1bay7c4\",oBRVKwwjP:\"framer-v-uesm1p\",oUDvuSrD3:\"framer-v-2rhk15\",U75GSv1Rg:\"framer-v-1ob7r8j\",uxwgS1INj:\"framer-v-9maa1v\",z7oFXRGfG:\"framer-v-zfwmuz\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"ckQfawccN\",\"Variant 2\":\"cawbhTaTI\",\"Variant 3\":\"oUDvuSrD3\",\"Variant 4\":\"ecPjs3ANy\",\"Variant 5\":\"dH2phzv4O\",\"Variant 6\":\"z7oFXRGfG\",\"Variant 7\":\"uxwgS1INj\",\"Variant 8\":\"oBRVKwwjP\",\"Variant 9\":\"U75GSv1Rg\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"ckQfawccN\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"ckQfawccN\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1y8fu9n\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"ckQfawccN\",ref:ref??ref1,style:{borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10,...style},...addPropertyOverrides({cawbhTaTI:{\"data-framer-name\":\"Variant 2\"},dH2phzv4O:{\"data-framer-name\":\"Variant 5\"},ecPjs3ANy:{\"data-framer-name\":\"Variant 4\"},oBRVKwwjP:{\"data-framer-name\":\"Variant 8\"},oUDvuSrD3:{\"data-framer-name\":\"Variant 3\"},U75GSv1Rg:{\"data-framer-name\":\"Variant 9\"},uxwgS1INj:{\"data-framer-name\":\"Variant 7\"},z7oFXRGfG:{\"data-framer-name\":\"Variant 6\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"Sleek black cannabis grinder designed by a product development firm, showcased against a bold orange backdrop. Modern and functional product design.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:1971,pixelWidth:3508,sizes:\"420px\",src:\"https://framerusercontent.com/images/QDKSiK4fpopbj7Uv2SalQElSAFM.jpg\",srcSet:\"https://framerusercontent.com/images/QDKSiK4fpopbj7Uv2SalQElSAFM.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/QDKSiK4fpopbj7Uv2SalQElSAFM.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/QDKSiK4fpopbj7Uv2SalQElSAFM.jpg?scale-down-to=2048 2048w,https://framerusercontent.com/images/QDKSiK4fpopbj7Uv2SalQElSAFM.jpg 3508w\"},className:\"framer-h0cty4\",\"data-framer-name\":\"Frame 4153\",layoutDependency:layoutDependency,layoutId:\"Py2VqIqcR\",style:{borderBottomLeftRadius:9,borderBottomRightRadius:9,borderTopLeftRadius:9,borderTopRightRadius:9},...addPropertyOverrides({cawbhTaTI:{background:{alt:\"Minimalistic blue GPS tracking device with a sleek design, combining modern aesthetics and advanced location technology.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:1110,pixelWidth:1108,sizes:\"420px\",src:\"https://framerusercontent.com/images/FONUPlodes1BinSFsWAJ2DZx0E.jpg\",srcSet:\"https://framerusercontent.com/images/FONUPlodes1BinSFsWAJ2DZx0E.jpg?scale-down-to=1024 1022w,https://framerusercontent.com/images/FONUPlodes1BinSFsWAJ2DZx0E.jpg 1108w\"}},dH2phzv4O:{background:{alt:\"PCB enclosure for the fridge temperature control system.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:1110,pixelWidth:1333,sizes:\"420px\",src:\"https://framerusercontent.com/images/CuPcBXeUhcR49ML6VMK1ujB3uc.jpg\",srcSet:\"https://framerusercontent.com/images/CuPcBXeUhcR49ML6VMK1ujB3uc.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/CuPcBXeUhcR49ML6VMK1ujB3uc.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/CuPcBXeUhcR49ML6VMK1ujB3uc.jpg 1333w\"}},ecPjs3ANy:{background:{alt:\"Stairlift designed to assist elderly patients at home, providing safety and mobility against a turquoise background.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:2128,pixelWidth:3217,sizes:\"420px\",src:\"https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg\",srcSet:\"https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg?scale-down-to=2048 2048w,https://framerusercontent.com/images/tkYQDVNZJNRGbHODonNuGXI.jpg 3217w\"}},oBRVKwwjP:{background:{alt:\"Front view of a compact action camera with a sleek design, built for high-quality recording and adventure capturing.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:504,pixelWidth:593,sizes:\"420px\",src:\"https://framerusercontent.com/images/4O72ePbYvQHr41vcSrIo42Cd4.jpg\",srcSet:\"https://framerusercontent.com/images/4O72ePbYvQHr41vcSrIo42Cd4.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/4O72ePbYvQHr41vcSrIo42Cd4.jpg 593w\"}},oUDvuSrD3:{background:{alt:\"Side view of a compact action camera designed to clip onto phones, offering a seamless and portable recording experience.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:1111,pixelWidth:1108,sizes:\"420px\",src:\"https://framerusercontent.com/images/l2rWzPtRuWDyxBZ4uR68522wFkc.jpg\",srcSet:\"https://framerusercontent.com/images/l2rWzPtRuWDyxBZ4uR68522wFkc.jpg?scale-down-to=1024 1021w,https://framerusercontent.com/images/l2rWzPtRuWDyxBZ4uR68522wFkc.jpg 1108w\"}},U75GSv1Rg:{background:{alt:\"Modern digital frame displaying vibrant NFT artwork with intricate designs, showcasing the dynamic nature of digital art in a sleek, minimalist display.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:1110,pixelWidth:1347,sizes:\"420px\",src:\"https://framerusercontent.com/images/gMFtEhaa2WTms7JssjY22luEjg.png\",srcSet:\"https://framerusercontent.com/images/gMFtEhaa2WTms7JssjY22luEjg.png?scale-down-to=512 512w,https://framerusercontent.com/images/gMFtEhaa2WTms7JssjY22luEjg.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/gMFtEhaa2WTms7JssjY22luEjg.png 1347w\"}},uxwgS1INj:{background:{alt:\"Smart baby bottle monitor with real-time tracking, ensuring optimal feeding temperature and intake monitoring for parents.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:1175,pixelWidth:1315,sizes:\"420px\",src:\"https://framerusercontent.com/images/f7lmc4PqKDjNqMQwCixbrpO5tU0.jpg\",srcSet:\"https://framerusercontent.com/images/f7lmc4PqKDjNqMQwCixbrpO5tU0.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/f7lmc4PqKDjNqMQwCixbrpO5tU0.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/f7lmc4PqKDjNqMQwCixbrpO5tU0.jpg 1315w\"}},z7oFXRGfG:{background:{alt:\"Search results page of a baseball card app displaying card details, values, and organization features for collectors.\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:1110,pixelWidth:1308,sizes:\"420px\",src:\"https://framerusercontent.com/images/wCYn4d4XprMfr2FsL3N7VcMf3zc.jpg\",srcSet:\"https://framerusercontent.com/images/wCYn4d4XprMfr2FsL3N7VcMf3zc.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/wCYn4d4XprMfr2FsL3N7VcMf3zc.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/wCYn4d4XprMfr2FsL3N7VcMf3zc.jpg 1308w\"}}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-6IA2K.framer-8hykl6, .framer-6IA2K .framer-8hykl6 { display: block; }\",\".framer-6IA2K.framer-1y8fu9n { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 53px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-6IA2K .framer-h0cty4 { flex: none; height: 420px; overflow: hidden; position: relative; width: 420px; will-change: var(--framer-will-change-override, transform); }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-6IA2K.framer-1y8fu9n { gap: 0px; } .framer-6IA2K.framer-1y8fu9n > * { margin: 0px; margin-bottom: calc(52.83220672607422px / 2); margin-top: calc(52.83220672607422px / 2); } .framer-6IA2K.framer-1y8fu9n > :first-child { margin-top: 0px; } .framer-6IA2K.framer-1y8fu9n > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 420\n * @framerIntrinsicWidth 420\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"cawbhTaTI\":{\"layout\":[\"auto\",\"auto\"]},\"oUDvuSrD3\":{\"layout\":[\"auto\",\"auto\"]},\"ecPjs3ANy\":{\"layout\":[\"auto\",\"auto\"]},\"dH2phzv4O\":{\"layout\":[\"auto\",\"auto\"]},\"z7oFXRGfG\":{\"layout\":[\"auto\",\"auto\"]},\"uxwgS1INj\":{\"layout\":[\"auto\",\"auto\"]},\"oBRVKwwjP\":{\"layout\":[\"auto\",\"auto\"]},\"U75GSv1Rg\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const Framerm2D96Ud5w=withCSS(Component,css,\"framer-6IA2K\");export default Framerm2D96Ud5w;Framerm2D96Ud5w.displayName=\"Landing Image\";Framerm2D96Ud5w.defaultProps={height:420,width:420};addPropertyControls(Framerm2D96Ud5w,{variant:{options:[\"ckQfawccN\",\"cawbhTaTI\",\"oUDvuSrD3\",\"ecPjs3ANy\",\"dH2phzv4O\",\"z7oFXRGfG\",\"uxwgS1INj\",\"oBRVKwwjP\",\"U75GSv1Rg\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\",\"Variant 4\",\"Variant 5\",\"Variant 6\",\"Variant 7\",\"Variant 8\",\"Variant 9\"],title:\"Variant\",type:ControlType.Enum}});addFonts(Framerm2D96Ud5w,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerm2D96Ud5w\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"cawbhTaTI\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"oUDvuSrD3\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"ecPjs3ANy\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"dH2phzv4O\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"z7oFXRGfG\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"uxwgS1INj\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"oBRVKwwjP\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"U75GSv1Rg\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"420\",\"framerIntrinsicWidth\":\"420\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./m2D96Ud5w.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const defaultVideo=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\";// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(()=>playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the