{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/nHrndatqJ4mZcn7MF8HC/07vQjD8UYQg9c6SrIlay/oZ3o3xbn5.js"],
  "sourcesContent": ["// Generated by Framer (1bcc82d)\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\";import{useRef}from\"react\";const cycleOrder=[\"QqaMfmiwg\",\"qJM8Lof_U\"];const serializationHash=\"framer-CX1L0\";const variantClassNames={qJM8Lof_U:\"framer-v-1utnpu0\",QqaMfmiwg:\"framer-v-1g6cwwf\"};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\":\"QqaMfmiwg\",\"Variant 2\":\"qJM8Lof_U\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"QqaMfmiwg\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"QqaMfmiwg\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);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:{webPageId:\"IBNFAnKf1\"},motionChild:true,nodeId:\"QqaMfmiwg\",scopeId:\"oZ3o3xbn5\",children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-1g6cwwf\",className,classNames)} framer-3bmu6e`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"QqaMfmiwg\",ref:refBinding,style:{backgroundColor:\"rgb(143, 189, 196)\",borderBottomLeftRadius:40,borderBottomRightRadius:40,borderTopLeftRadius:40,borderTopRightRadius:40,boxShadow:\"8px 10px 5px 0px rgb(235, 229, 223)\",...style},...addPropertyOverrides({qJM8Lof_U:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:1440,intrinsicWidth:1920,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+20+0),pixelHeight:687,pixelWidth:572,sizes:`calc(${componentViewport?.width||\"100vw\"} - 40px)`,src:\"https://framerusercontent.com/images/DEZyroo0OcAABjlCXiK3SQH4MeQ.png\",srcSet:\"https://framerusercontent.com/images/DEZyroo0OcAABjlCXiK3SQH4MeQ.png 572w\"},className:\"framer-hpx2ne\",\"data-framer-name\":\"img\",layoutDependency:layoutDependency,layoutId:\"KGzKqANSr\",style:{borderBottomLeftRadius:30,borderBottomRightRadius:30,borderTopLeftRadius:30,borderTopRightRadius:30},...addPropertyOverrides({qJM8Lof_U:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:1440,intrinsicWidth:1920,pixelHeight:687,pixelWidth:572,sizes:`calc((${componentViewport?.width||\"100vw\"} - 25px) * 0.4)`,src:\"https://framerusercontent.com/images/DEZyroo0OcAABjlCXiK3SQH4MeQ.png\",srcSet:\"https://framerusercontent.com/images/DEZyroo0OcAABjlCXiK3SQH4MeQ.png 572w\"}}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1wd0d3u\",\"data-framer-name\":\"copy\",layoutDependency:layoutDependency,layoutId:\"OdZDweLcf\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h5,{style:{\"--font-selector\":\"R0Y7UFQgU2VyaWYtNzAw\",\"--framer-font-family\":'\"PT Serif\", \"PT Serif Placeholder\", serif',\"--framer-font-size\":\"28px\",\"--framer-font-weight\":\"700\",\"--framer-letter-spacing\":\"-0.03em\",\"--framer-line-height\":\"130%\",\"--framer-text-color\":\"var(--extracted-1lwpl3i, var(--token-fcb71515-4d80-40a2-a505-73dd96e9d16a, rgb(34, 34, 34)))\"},children:\"Color Flood\"})}),className:\"framer-1milgt6\",\"data-framer-name\":\"title\",fonts:[\"GF;PT Serif-700\"],layoutDependency:layoutDependency,layoutId:\"zE5baA8ik\",style:{\"--extracted-1lwpl3i\":\"var(--token-fcb71515-4d80-40a2-a505-73dd96e9d16a, rgb(34, 34, 34))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1yZWd1bGFy\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-size\":\"20px\",\"--framer-line-height\":\"110%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-fcb71515-4d80-40a2-a505-73dd96e9d16a, rgb(34, 34, 34)))\"},children:\"Select one color at a time to change connected tiles and flood the board.\"})}),className:\"framer-1wvl73z\",\"data-framer-name\":\"description\",fonts:[\"FS;Satoshi-regular\"],layoutDependency:layoutDependency,layoutId:\"hSfwzN5Ud\",style:{\"--extracted-r6o4lv\":\"var(--token-fcb71515-4d80-40a2-a505-73dd96e9d16a, rgb(34, 34, 34))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"center\",withExternalLayout:true})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-CX1L0.framer-3bmu6e, .framer-CX1L0 .framer-3bmu6e { display: block; }\",\".framer-CX1L0.framer-1g6cwwf { align-content: flex-start; align-items: flex-start; cursor: pointer; display: flex; flex-direction: column; flex-wrap: wrap; gap: 20px 0px; height: 420px; justify-content: flex-start; overflow: visible; padding: 20px; position: relative; text-decoration: none; width: 361px; }\",\".framer-CX1L0 .framer-hpx2ne { flex: none; height: 200px; overflow: visible; position: relative; width: 100%; }\",\".framer-CX1L0 .framer-1wd0d3u { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 10px; position: relative; width: 100%; }\",\".framer-CX1L0 .framer-1milgt6, .framer-CX1L0 .framer-1wvl73z { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-CX1L0.framer-v-1utnpu0.framer-1g6cwwf { flex-direction: row; gap: 20px 10px; height: 250px; padding: 20px 5px 20px 20px; width: 600px; }\",\".framer-CX1L0.framer-v-1utnpu0 .framer-hpx2ne { height: 100%; width: 40%; }\",\".framer-CX1L0.framer-v-1utnpu0 .framer-1wd0d3u { flex: 1 0 0px; width: 1px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 420\n * @framerIntrinsicWidth 361\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"qJM8Lof_U\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FrameroZ3o3xbn5=withCSS(Component,css,\"framer-CX1L0\");export default FrameroZ3o3xbn5;FrameroZ3o3xbn5.displayName=\"color-flood\";FrameroZ3o3xbn5.defaultProps={height:420,width:361};addPropertyControls(FrameroZ3o3xbn5,{variant:{options:[\"QqaMfmiwg\",\"qJM8Lof_U\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FrameroZ3o3xbn5,[{explicitInter:true,fonts:[{family:\"PT Serif\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt65qQXSr3pNNB.woff2\",weight:\"700\"},{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff2\",weight:\"400\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameroZ3o3xbn5\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"420\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"qJM8Lof_U\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"361\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./oZ3o3xbn5.map"],
  "mappings": "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",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "fallbackRef", "pe", "refBinding", "defaultLayoutId", "ae", "activeLocale", "setLocale", "useLocaleInfo", "componentViewport", "useComponentViewport", "style", "className", "layoutId", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "scopingClassNames", "cx", "LayoutGroup", "Link", "u", "Image2", "getLoadingLazyAtYPosition", "RichText", "css", "FrameroZ3o3xbn5", "withCSS", "oZ3o3xbn5_default", "addPropertyControls", "ControlType", "addFonts"]
}
