{"version":3,"file":"Lab.DOFCqcJd.mjs","names":["p","c","React","__esmMin","init_npm_react_18_3_1","npm_react_18_3_1_exports","p","c","init_jsx_runtime","addPropertyControls","init_framer_BWFVvmND","useIsStaticRenderer","ControlType","useCss","useEffect","id","s","css","Experiment","CSS","isStatic","ref","useRef","btn","kind","KINDS","k","props","el","b","mv","r","dx","e","dy","lv","st","body","i","parse","m","v","raw","Stat","p$1","setK","useState","started","raf","t0","D","step","t","x","check","shown","PhotoStack","imgs","caps","setI","im","NowStack","cards","n","d","c$1","init_Lab"],"sources":["https:/framerusercontent.com/modules/WH2B2gR79QG8yaOzi63D/0NLbtmnm7BNdf2qBezJv/Lab.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";// MinimalFolio: small UI experiments (CSS-only loops, readable at rest), count-up stats and a photo stack.\nconst{useEffect,useRef,useState}=React;const CSS=`\n.mfx{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;font-family:Manrope,\"Manrope Placeholder\",system-ui,sans-serif;color:#04111F;-webkit-font-smoothing:antialiased}\n.mfx *{box-sizing:border-box}\n.mfx .paused,.mfx.static *{animation-play-state:paused!important}\n@media (prefers-reduced-motion: reduce){.mfx *{animation:none!important;transition:none!important}}\n/* toggle morph */\n.x-tg{width:132px;height:64px;border-radius:99px;background:#E3E5E9;position:relative;animation:xtg 3.2s cubic-bezier(.7,0,.2,1) infinite}\n.x-tg i{position:absolute;top:6px;left:6px;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(4,17,31,.18);animation:xtgk 3.2s cubic-bezier(.7,0,.2,1) infinite;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:22px;color:var(--a)}\n@keyframes xtg{0%,35%{background:#E3E5E9}50%,85%{background:var(--a)}100%{background:#E3E5E9}}\n@keyframes xtgk{0%,35%{transform:translateX(0);color:transparent}50%,85%{transform:translateX(68px);color:var(--a)}100%{transform:translateX(0);color:transparent}}\n/* magnetic button */\n.x-mag{padding:16px 26px;border-radius:99px;background:#04111F;color:#fff;font-weight:700;font-size:15px;transition:transform .25s cubic-bezier(.2,.8,.2,1);animation:xmag 4s ease-in-out infinite;box-shadow:0 14px 30px -12px var(--a)}\n@keyframes xmag{0%,100%{translate:0 0}25%{translate:10px -6px}50%{translate:-8px 4px}75%{translate:4px 8px}}\n/* like burst */\n.x-like{position:relative;width:120px;height:120px;display:grid;place-items:center}\n.x-like b{font-size:56px;color:var(--a);animation:xh 2.4s cubic-bezier(.2,.8,.2,1) infinite;line-height:1}\n.x-like s{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--a);text-decoration:none;opacity:0;animation:xp 2.4s ease-out infinite}\n@keyframes xh{0%,20%{transform:scale(1)}28%{transform:scale(.7)}40%{transform:scale(1.25)}52%,100%{transform:scale(1)}}\n@keyframes xp{0%,30%{opacity:0;transform:rotate(var(--r)) translateY(0)}38%{opacity:1}70%,100%{opacity:0;transform:rotate(var(--r)) translateY(-62px) scale(.4)}}\n/* haptic slider */\n.x-sl{width:76%;max-width:260px}\n.x-sl .tr{position:relative;height:10px;border-radius:9px;background:#E3E5E9}\n.x-sl .fl{position:absolute;left:0;top:0;bottom:0;border-radius:9px;background:var(--a);animation:xsf 4s cubic-bezier(.6,0,.3,1) infinite}\n.x-sl .th{position:absolute;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(4,17,31,.22);animation:xst 4s cubic-bezier(.6,0,.3,1) infinite}\n.x-sl .tk{display:flex;justify-content:space-between;margin-top:14px}\n.x-sl .tk i{width:2px;height:10px;border-radius:2px;background:#C9CDD4;animation:xtk 4s infinite}\n@keyframes xsf{0%,10%{width:12%}45%,60%{width:82%}95%,100%{width:12%}}\n@keyframes xst{0%,10%{left:12%}45%,60%{left:82%}95%,100%{left:12%}}\n@keyframes xtk{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.6);background:var(--a)}}\n/* typing */\n.x-chat{display:flex;flex-direction:column;gap:10px;align-items:flex-start;width:78%;max-width:280px}\n.x-chat .m{padding:11px 15px;border-radius:18px 18px 18px 6px;background:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 16px -8px rgba(4,17,31,.2)}\n.x-chat .me{align-self:flex-end;border-radius:18px 18px 6px 18px;background:var(--a);color:#fff}\n.x-chat .dots{display:flex;gap:5px;padding:14px 16px;border-radius:18px 18px 18px 6px;background:#fff;animation:xdots 4.2s infinite}\n.x-chat .dots i{width:8px;height:8px;border-radius:50%;background:#9AA1AC;animation:xdot 1s infinite}\n.x-chat .dots i:nth-child(2){animation-delay:.15s}.x-chat .dots i:nth-child(3){animation-delay:.3s}\n.x-chat .reply{animation:xrep 4.2s infinite}\n@keyframes xdot{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}\n@keyframes xdots{0%,55%{opacity:1;transform:scale(1)}60%,100%{opacity:0;transform:scale(.8);height:0;padding:0}}\n@keyframes xrep{0%,58%{opacity:0;transform:translateY(8px)}66%,100%{opacity:1;transform:none}}\n/* segmented */\n.x-seg{position:relative;display:flex;padding:5px;border-radius:16px;background:#E9EBEE;font-size:14px;font-weight:700}\n.x-seg span{position:relative;z-index:1;width:84px;text-align:center;padding:10px 0;color:#56606B}\n.x-seg i{position:absolute;z-index:0;top:5px;left:5px;width:84px;bottom:5px;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(4,17,31,.12);animation:xseg 4.5s cubic-bezier(.7,0,.2,1) infinite}\n@keyframes xseg{0%,25%{transform:translateX(0)}33%,58%{transform:translateX(84px)}66%,92%{transform:translateX(168px)}100%{transform:translateX(0)}}\n/* orb picker */\n.x-orb{width:130px;height:130px;border-radius:50%;background:conic-gradient(from 0deg,#FF5E8A,#FFB547,#A3E635,#22D3EE,#8B5CF6,#FF5E8A);animation:xorb 8s linear infinite;position:relative;box-shadow:0 20px 40px -18px rgba(4,17,31,.4)}\n.x-orb:after{content:\"\";position:absolute;inset:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.2) 60%,transparent)}\n.x-orb i{position:absolute;top:-4px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25);background:transparent}\n@keyframes xorb{to{transform:rotate(360deg)}}\n/* card stack */\n.x-stack{position:relative;width:170px;height:120px}\n.x-stack i{position:absolute;inset:0;border-radius:18px;box-shadow:0 12px 30px -14px rgba(4,17,31,.35);animation:xcs 4.5s cubic-bezier(.7,0,.2,1) infinite}\n.x-stack i:nth-child(1){background:var(--a);animation-delay:0s}.x-stack i:nth-child(2){background:#04111F;animation-delay:-1.5s}.x-stack i:nth-child(3){background:#fff;animation-delay:-3s}\n@keyframes xcs{0%{transform:translateY(0) scale(1);z-index:3}28%{transform:translateY(-60px) rotate(-6deg) scale(1);z-index:3}33%{transform:translateY(-24px) scale(.88);z-index:1}66%{transform:translateY(-12px) scale(.94);z-index:2}100%{transform:translateY(0) scale(1);z-index:3}}\n/* ring */\n@property --mfp{syntax:\"<integer>\";inherits:false;initial-value:0}\n.x-ring{--mfp:0;width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--a) calc(var(--mfp)*1%),#E3E5E9 0);display:grid;place-items:center;animation:xring 3.6s cubic-bezier(.6,0,.3,1) infinite;counter-reset:p calc(var(--mfp))}\n.x-ring:before{content:\"\";position:absolute;width:104px;height:104px;border-radius:50%;background:var(--bg)}\n.x-ring b{position:relative;font-size:26px;font-weight:800}\n.x-ring b:after{content:counter(p) \"%\"}\n@keyframes xring{0%,8%{--mfp:0}70%,90%{--mfp:86}100%{--mfp:0}}\n`;function useCss(id,css){useEffect(()=>{if(typeof document===\"undefined\"||document.getElementById(id))return;const s=document.createElement(\"style\");s.id=id;s.textContent=css;document.head.appendChild(s);},[]);}const KINDS=[\"Toggle\",\"Magnetic\",\"Like\",\"Slider\",\"Typing\",\"Segmented\",\"Orb\",\"Stack\",\"Ring\"];/**\n * Experiment\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Experiment(props){useCss(\"mf-lab-css\",CSS);const isStatic=useIsStaticRenderer();const ref=useRef(null);const btn=useRef(null);const kind=KINDS.find(k=>k.toLowerCase()===String(props.kind||\"\").trim().toLowerCase())||\"Toggle\";useEffect(()=>{if(isStatic||kind!==\"Magnetic\")return;const el=ref.current,b=btn.current;if(!el||!b)return;const mv=e=>{const r=el.getBoundingClientRect();const dx=e.clientX-(r.left+r.width/2),dy=e.clientY-(r.top+r.height/2);b.style.transform=`translate(${dx*.3}px,${dy*.3}px)`;b.style.animationPlayState=\"paused\";};const lv=()=>{b.style.transform=\"\";b.style.animationPlayState=\"\";};el.addEventListener(\"pointermove\",mv);el.addEventListener(\"pointerleave\",lv);return()=>{el.removeEventListener(\"pointermove\",mv);el.removeEventListener(\"pointerleave\",lv);};},[isStatic,kind]);const st={[\"--a\"]:props.accent,[\"--bg\"]:props.tint,background:props.tint,borderRadius:props.radius,...props.style};let body=null;if(kind===\"Toggle\")body=/*#__PURE__*/_jsx(\"div\",{className:\"x-tg\",children:/*#__PURE__*/_jsx(\"i\",{children:\"✓\"})});if(kind===\"Magnetic\")body=/*#__PURE__*/_jsx(\"div\",{ref:btn,className:\"x-mag\",children:props.label||\"Hover me\"});if(kind===\"Like\")body=/*#__PURE__*/_jsxs(\"div\",{className:\"x-like\",children:[/*#__PURE__*/_jsx(\"b\",{children:\"♥\"}),Array.from({length:8},(_,i)=>/*#__PURE__*/_jsx(\"s\",{style:{[\"--r\"]:`${i*45}deg`}},i))]});if(kind===\"Slider\")body=/*#__PURE__*/_jsxs(\"div\",{className:\"x-sl\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tr\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"fl\"}),/*#__PURE__*/_jsx(\"div\",{className:\"th\"})]}),/*#__PURE__*/_jsx(\"div\",{className:\"tk\",children:Array.from({length:11},(_,i)=>/*#__PURE__*/_jsx(\"i\",{style:{animationDelay:`${i*.12}s`}},i))})]});if(kind===\"Typing\")body=/*#__PURE__*/_jsxs(\"div\",{className:\"x-chat\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"m me\",children:\"Can you send the file?\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"dots\",children:[/*#__PURE__*/_jsx(\"i\",{}),/*#__PURE__*/_jsx(\"i\",{}),/*#__PURE__*/_jsx(\"i\",{})]}),/*#__PURE__*/_jsx(\"div\",{className:\"m reply\",children:\"On its way ✦\"})]});if(kind===\"Segmented\")body=/*#__PURE__*/_jsxs(\"div\",{className:\"x-seg\",children:[/*#__PURE__*/_jsx(\"i\",{}),/*#__PURE__*/_jsx(\"span\",{children:\"Day\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Week\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Month\"})]});if(kind===\"Orb\")body=/*#__PURE__*/_jsx(\"div\",{className:\"x-orb\",children:/*#__PURE__*/_jsx(\"i\",{})});if(kind===\"Stack\")body=/*#__PURE__*/_jsxs(\"div\",{className:\"x-stack\",children:[/*#__PURE__*/_jsx(\"i\",{}),/*#__PURE__*/_jsx(\"i\",{}),/*#__PURE__*/_jsx(\"i\",{})]});if(kind===\"Ring\")body=/*#__PURE__*/_jsx(\"div\",{className:\"x-ring\",children:/*#__PURE__*/_jsx(\"b\",{})});return /*#__PURE__*/_jsx(\"div\",{ref:ref,className:\"mfx\"+(isStatic?\" static\":\"\"),style:st,children:body});}addPropertyControls(Experiment,{kind:{type:ControlType.String,title:\"Kind\",defaultValue:\"Toggle\",description:\"Toggle, Magnetic, Like, Slider, Typing, Segmented, Orb, Stack or Ring\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"Hover me\"},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#8E7CFF\"},tint:{type:ControlType.Color,title:\"Background\",defaultValue:\"#EEEAFB\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:20,min:0,max:48,unit:\"px\"}});// ---- count-up stat ----\nfunction parse(v){const m=String(v||\"\").match(/^([^0-9\\-−]*)([\\-−]?)([0-9]+(?:[.,][0-9]+)?)(.*)$/);if(!m)return null;const raw=m[3].replace(\",\",\".\");return{pre:m[1],sign:m[2],n:parseFloat(raw),dec:(raw.split(\".\")[1]||\"\").length,post:m[4]};}/**\n * Stat\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export function Stat(props){const isStatic=useIsStaticRenderer();const ref=useRef(null);const p=parse(props.value);const[k,setK]=useState(1);useEffect(()=>{if(isStatic||!p)return;const el=ref.current;if(!el)return;let started=false,raf=0,t0=0;const D=props.duration*1e3;const step=t=>{if(!t0)t0=t;const x=Math.min(1,(t-t0)/D);setK(1-Math.pow(1-x,3));if(x<1)raf=requestAnimationFrame(step);};const check=()=>{if(started)return;const r=el.getBoundingClientRect();if(r.top<innerHeight*.9&&r.bottom>0){started=true;if(document.hidden){setK(1);return;}setK(0);raf=requestAnimationFrame(step);setTimeout(()=>setK(1),D+400);}};check();const id=setInterval(check,200);addEventListener(\"scroll\",check,{passive:true});return()=>{clearInterval(id);removeEventListener(\"scroll\",check);cancelAnimationFrame(raf);};},[isStatic,props.value]);const shown=p?`${p.pre}${p.sign}${(p.n*k).toFixed(p.dec)}${p.post}`:props.value;return /*#__PURE__*/_jsxs(\"div\",{ref:ref,style:{display:\"flex\",flexDirection:\"column\",gap:6,fontFamily:'Manrope, \"Manrope Placeholder\", system-ui, sans-serif',...props.style},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:props.size,fontWeight:600,letterSpacing:\"-0.02em\",lineHeight:1,color:props.color,fontVariantNumeric:\"tabular-nums\"},children:shown}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:14,fontWeight:500,lineHeight:1.45,color:\"#6F7782\"},children:props.label})]});}addPropertyControls(Stat,{value:{type:ControlType.String,title:\"Value\",defaultValue:\"+32%\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"Faster balance checks\"},color:{type:ControlType.Color,title:\"Colour\",defaultValue:\"#04111F\"},size:{type:ControlType.Number,title:\"Size\",defaultValue:44,min:20,max:96,unit:\"px\"},duration:{type:ControlType.Number,title:\"Count time\",defaultValue:1.2,min:.2,max:4,step:.1,unit:\"s\"}});// ---- photo stack with dots ----\n/**\n * Photo Stack\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export function PhotoStack(props){const isStatic=useIsStaticRenderer();const imgs=[props.image1,props.image2,props.image3].filter(x=>x&&x.src);const caps=[props.caption1,props.caption2,props.caption3];const[i,setI]=useState(0);useEffect(()=>{if(isStatic||imgs.length<2)return;const id=setInterval(()=>setI(x=>(x+1)%imgs.length),props.interval*1e3);return()=>clearInterval(id);},[isStatic,imgs.length,props.interval]);return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",borderRadius:props.radius,overflow:\"hidden\",background:\"#E9EBEE\",...props.style},children:[imgs.map((im,k)=>/*#__PURE__*/_jsx(\"img\",{src:im.src,srcSet:im.srcSet,alt:im.alt||caps[k]||\"\",style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",objectFit:\"cover\",opacity:k===i?1:0,transform:k===i?\"scale(1)\":\"scale(1.04)\",transition:\"opacity .9s ease, transform 1.6s cubic-bezier(.2,.8,.2,1)\"}},k)),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:\"50%\",bottom:16,transform:\"translateX(-50%)\",display:\"flex\",gap:6,padding:\"6px 8px\",borderRadius:99,background:\"rgba(255,255,255,.55)\",backdropFilter:\"blur(10px)\"},children:imgs.map((_,k)=>/*#__PURE__*/_jsx(\"button\",{\"aria-label\":`Show photo ${k+1}`,onClick:()=>setI(k),style:{width:k===i?18:7,height:7,borderRadius:9,border:0,padding:0,cursor:\"pointer\",background:k===i?\"#fff\":\"rgba(255,255,255,.6)\",transition:\"width .4s cubic-bezier(.2,.8,.2,1)\"}},k))})]});}addPropertyControls(PhotoStack,{image1:{type:ControlType.ResponsiveImage,title:\"Photo 1\"},caption1:{type:ControlType.String,title:\"Caption 1\",defaultValue:\"\"},image2:{type:ControlType.ResponsiveImage,title:\"Photo 2\"},caption2:{type:ControlType.String,title:\"Caption 2\",defaultValue:\"\"},image3:{type:ControlType.ResponsiveImage,title:\"Photo 3\"},caption3:{type:ControlType.String,title:\"Caption 3\",defaultValue:\"\"},interval:{type:ControlType.Number,title:\"Interval\",defaultValue:3.5,min:1.5,max:10,step:.5,unit:\"s\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:20,min:0,max:48,unit:\"px\"}});// ---- \"Now\" card stack (rail) ----\n/**\n * Now Stack\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export function NowStack(props){const isStatic=useIsStaticRenderer();const cards=[[props.label1,props.text1,props.dot1],[props.label2,props.text2,props.dot2],[props.label3,props.text3,props.dot3]].filter(c=>c[1]);const[i,setI]=useState(0);useEffect(()=>{if(isStatic||cards.length<2)return;const id=setInterval(()=>setI(x=>(x+1)%cards.length),props.interval*1e3);return()=>clearInterval(id);},[isStatic,cards.length,props.interval]);const n=cards.length;return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",fontFamily:'Manrope, \"Manrope Placeholder\", system-ui, sans-serif',...props.style},children:cards.map((c,k)=>{const d=(k-i+n)%n// 0 = front\n;return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",left:0,right:0,bottom:0,height:props.cardHeight,borderRadius:16,background:\"#fff\",boxShadow:d===0?\"0 14px 30px -16px rgba(4,17,31,.35)\":\"0 6px 14px -10px rgba(4,17,31,.2)\",border:\"1px solid rgba(4,17,31,.06)\",padding:\"14px 16px\",display:\"flex\",flexDirection:\"column\",gap:6,transformOrigin:\"50% 100%\",transform:`translateY(${-d*12}px) scale(${1-d*.05})`,opacity:d>2?0:1-d*.22,zIndex:10-d,transition:\"transform .7s cubic-bezier(.2,.8,.2,1), opacity .7s ease, box-shadow .7s ease\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:8,fontSize:11,fontWeight:700,letterSpacing:\".08em\",textTransform:\"uppercase\",color:\"#6F7782\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:7,height:7,borderRadius:9,background:c[2]}}),c[0]]}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:14,fontWeight:600,lineHeight:1.4,color:\"#04111F\"},children:c[1]})]},k);})});}addPropertyControls(NowStack,{label1:{type:ControlType.String,title:\"Label 1\",defaultValue:\"Now\"},text1:{type:ControlType.String,title:\"Text 1\",defaultValue:\"Designing offline mode for Quill\"},dot1:{type:ControlType.Color,title:\"Dot 1\",defaultValue:\"#22B567\"},label2:{type:ControlType.String,title:\"Label 2\",defaultValue:\"Learning\"},text2:{type:ControlType.String,title:\"Text 2\",defaultValue:\"State machines in Rive\"},dot2:{type:ControlType.Color,title:\"Dot 2\",defaultValue:\"#8E7CFF\"},label3:{type:ControlType.String,title:\"Label 3\",defaultValue:\"On repeat\"},text3:{type:ControlType.String,title:\"Text 3\",defaultValue:\"Late light mix, side B\"},dot3:{type:ControlType.Color,title:\"Dot 3\",defaultValue:\"#FF5E8A\"},cardHeight:{type:ControlType.Number,title:\"Card height\",defaultValue:84,min:60,max:160,unit:\"px\"},interval:{type:ControlType.Number,title:\"Interval\",defaultValue:3.2,min:1.5,max:10,step:.1,unit:\"s\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"NowStack\":{\"type\":\"reactComponent\",\"name\":\"NowStack\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"Stat\":{\"type\":\"reactComponent\",\"name\":\"Stat\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"PhotoStack\":{\"type\":\"reactComponent\",\"name\":\"PhotoStack\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Experiment\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Lab.map"],"mappings":"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"}