{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/L5LxN7ykL8YqWv7HZfiS/hG1vK9ehvZwld2hBe1DS/oFNL10j9M.js"],
  "sourcesContent": ["// Generated by Framer (1b7c4bf)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"CNoKT0owT\",\"iy6FEDruJ\",\"R9Bvbg5Aq\",\"oqLkWFaAz\"];const serializationHash=\"framer-Nwjbm\";const variantClassNames={CNoKT0owT:\"framer-v-1hiscc9\",iy6FEDruJ:\"framer-v-1n9o58x\",oqLkWFaAz:\"framer-v-12xlybp\",R9Bvbg5Aq:\"framer-v-1nurfjr\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const numberToPixelString=value=>{if(typeof value!==\"number\")return value;if(!Number.isFinite(value))return undefined;return Math.max(0,value)+\"px\";};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\":\"CNoKT0owT\",\"Variant 2\":\"iy6FEDruJ\",\"Variant 3\":\"R9Bvbg5Aq\",\"Variant 4\":\"oqLkWFaAz\"};const getProps=({blog,fontSize,height,id,padding,width,...props})=>{return{...props,f6LQMTkpK:padding??props.f6LQMTkpK??\"4px 8px 4px 8px\",variant:humanReadableVariantMap[props.variant]??props.variant??\"CNoKT0owT\",YbK8jWEdQ:blog??props.YbK8jWEdQ??\"\u7A2E\u985E\",ZIvQg1dz2:fontSize??props.ZIvQg1dz2??20};};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,YbK8jWEdQ,ZIvQg1dz2,f6LQMTkpK,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"CNoKT0owT\",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-1hiscc9\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"CNoKT0owT\",ref:ref??ref1,style:{\"--t4746l\":numberToPixelString(f6LQMTkpK),backgroundColor:\"rgb(0, 0, 0)\",borderBottomLeftRadius:900,borderBottomRightRadius:900,borderTopLeftRadius:900,borderTopRightRadius:900,...style},variants:{iy6FEDruJ:{backgroundColor:\"rgb(209, 94, 238)\"},oqLkWFaAz:{backgroundColor:\"rgb(26, 101, 199)\"},R9Bvbg5Aq:{backgroundColor:\"rgb(18, 184, 123)\"}},...addPropertyOverrides({iy6FEDruJ:{\"data-framer-name\":\"Variant 2\"},oqLkWFaAz:{\"data-framer-name\":\"Variant 4\"},R9Bvbg5Aq:{\"data-framer-name\":\"Variant 3\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7Tm90byBTYW5zIEhLLTcwMA==\",\"--framer-font-family\":'\"Noto Sans HK\", \"Noto Sans HK Placeholder\", sans-serif',\"--framer-font-size\":\"calc(var(--variable-reference-ZIvQg1dz2-oFNL10j9M) * 1px)\",\"--framer-font-weight\":\"700\",\"--framer-line-height\":\"140%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"\u7A2E\u985E\"})}),className:\"framer-14uo0f0\",\"data-framer-name\":\"Blog\u7A2E\u985E\",fonts:[\"GF;Noto Sans HK-700\"],layoutDependency:layoutDependency,layoutId:\"JwjLx5VZJ\",style:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\",\"--variable-reference-ZIvQg1dz2-oFNL10j9M\":ZIvQg1dz2},text:YbK8jWEdQ,verticalAlignment:\"top\",withExternalLayout:true})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Nwjbm.framer-vn2cvj, .framer-Nwjbm .framer-vn2cvj { display: block; }\",\".framer-Nwjbm.framer-1hiscc9 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: var(--t4746l); position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-Nwjbm .framer-14uo0f0 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-Nwjbm.framer-1hiscc9 { gap: 0px; } .framer-Nwjbm.framer-1hiscc9 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-Nwjbm.framer-1hiscc9 > :first-child { margin-left: 0px; } .framer-Nwjbm.framer-1hiscc9 > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 36\n * @framerIntrinsicWidth 56\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"iy6FEDruJ\":{\"layout\":[\"auto\",\"auto\"]},\"R9Bvbg5Aq\":{\"layout\":[\"auto\",\"auto\"]},\"oqLkWFaAz\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"YbK8jWEdQ\":\"blog\",\"ZIvQg1dz2\":\"fontSize\",\"f6LQMTkpK\":\"padding\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FrameroFNL10j9M=withCSS(Component,css,\"framer-Nwjbm\");export default FrameroFNL10j9M;FrameroFNL10j9M.displayName=\"Blog\u7A2E\u985E\";FrameroFNL10j9M.defaultProps={height:36,width:56};addPropertyControls(FrameroFNL10j9M,{variant:{options:[\"CNoKT0owT\",\"iy6FEDruJ\",\"R9Bvbg5Aq\",\"oqLkWFaAz\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\",\"Variant 4\"],title:\"Variant\",type:ControlType.Enum},YbK8jWEdQ:{defaultValue:\"\u7A2E\u985E\",displayTextArea:false,title:\"Blog\u7A2E\u985E\",type:ControlType.String},ZIvQg1dz2:{defaultValue:20,title:\"Font Size\",type:ControlType.Number},f6LQMTkpK:{defaultValue:\"4px 8px 4px 8px\",title:\"Padding\",type:ControlType.Padding}});addFonts(FrameroFNL10j9M,[{explicitInter:true,fonts:[{family:\"Noto Sans HK\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/notosanshk/v32/nKKF-GM_FYFRJvXzVXaAPe97P1KHynJFP716qJd5-oCTiYjNvVA.woff2\",weight:\"700\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameroFNL10j9M\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"36\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"YbK8jWEdQ\\\":\\\"blog\\\",\\\"ZIvQg1dz2\\\":\\\"fontSize\\\",\\\"f6LQMTkpK\\\":\\\"padding\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"iy6FEDruJ\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"R9Bvbg5Aq\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"oqLkWFaAz\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"56\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./oFNL10j9M.map"],
  "mappings": "4MAC6Q,IAAMA,EAAW,CAAC,YAAY,YAAY,YAAY,WAAW,EAAQC,EAAkB,eAAqBC,EAAkB,CAAC,UAAU,mBAAmB,UAAU,mBAAmB,UAAU,mBAAmB,UAAU,kBAAkB,EAAE,SAASC,EAAqBC,KAAaC,EAAS,CAAC,IAAMC,EAAc,CAAC,EAAE,OAAAD,GAAU,QAAQE,GAASA,GAAS,OAAO,OAAOD,EAAcF,EAAUG,CAAO,CAAC,CAAC,EAASD,CAAc,CAAC,IAAME,EAAoBC,GAAO,CAAC,GAAG,OAAOA,GAAQ,SAAS,OAAOA,EAAM,GAAI,OAAO,SAASA,CAAK,EAAmB,OAAO,KAAK,IAAI,EAAEA,CAAK,EAAE,IAAK,EAAQC,EAAY,CAAC,OAAO,GAAG,MAAM,EAAE,SAAS,GAAG,KAAK,QAAQ,EAAQC,EAAW,CAAC,CAAC,MAAAF,EAAM,SAAAG,CAAQ,IAAI,CAAC,IAAMC,EAAaC,EAAWC,CAAmB,EAAQC,EAAWP,GAAOI,EAAO,WAAiBI,EAAmBC,EAAQ,KAAK,CAAC,GAAGL,EAAO,WAAAG,CAAU,GAAG,CAAC,KAAK,UAAUA,CAAU,CAAC,CAAC,EAAE,OAAoBG,EAAKJ,EAAoB,SAAS,CAAC,MAAME,EAAa,SAASL,CAAQ,CAAC,CAAE,EAAQQ,EAASC,EAAO,OAAaC,CAAQ,EAAQC,EAAwB,CAAC,YAAY,YAAY,YAAY,YAAY,YAAY,YAAY,YAAY,WAAW,EAAQC,EAAS,CAAC,CAAC,KAAAC,EAAK,SAAAC,EAAS,OAAAC,EAAO,GAAAC,EAAG,QAAAC,EAAQ,MAAAC,EAAM,GAAGC,CAAK,KAAW,CAAC,GAAGA,EAAM,UAAUF,GAASE,EAAM,WAAW,kBAAkB,QAAQR,EAAwBQ,EAAM,OAAO,GAAGA,EAAM,SAAS,YAAY,UAAUN,GAAMM,EAAM,WAAW,eAAK,UAAUL,GAAUK,EAAM,WAAW,EAAE,GAAUC,EAAuB,CAACD,EAAM1B,IAAe0B,EAAM,iBAAwB1B,EAAS,KAAK,GAAG,EAAE0B,EAAM,iBAAwB1B,EAAS,KAAK,GAAG,EAAU4B,EAA6BC,EAAW,SAASH,EAAMI,EAAI,CAAC,GAAK,CAAC,aAAAC,EAAa,UAAAC,CAAS,EAAEC,EAAc,EAAO,CAAC,MAAAC,EAAM,UAAAC,EAAU,SAAAC,EAAS,QAAAlC,EAAQ,UAAAmC,EAAU,UAAAC,EAAU,UAAAC,EAAU,GAAGC,CAAS,EAAErB,EAASO,CAAK,EAAO,CAAC,YAAAe,EAAY,WAAAC,EAAW,oBAAAC,GAAoB,gBAAAC,EAAgB,eAAAC,EAAe,UAAAC,GAAU,gBAAAC,GAAgB,WAAAC,GAAW,SAAAhD,CAAQ,EAAEiD,EAAgB,CAAC,WAAAtD,EAAW,eAAe,YAAY,QAAAO,EAAQ,kBAAAL,CAAiB,CAAC,EAAQqD,EAAiBvB,EAAuBD,EAAM1B,CAAQ,EAAuCmD,EAAkBC,EAAGxD,EAAkB,GAAhD,CAAC,CAAuE,EAAQyD,EAAWC,EAAO,IAAI,EAAQC,EAAsBC,EAAM,EAAQC,GAAkBC,EAAqB,EAAE,OAAoB5C,EAAK6C,EAAY,CAAC,GAAGvB,GAAUmB,EAAgB,SAAsBzC,EAAKC,EAAS,CAAC,QAAQf,EAAS,QAAQ,GAAM,SAAsBc,EAAKR,EAAW,CAAC,MAAMD,EAAY,SAAsBS,EAAKE,EAAO,IAAI,CAAC,GAAGwB,EAAU,GAAGI,EAAgB,UAAUQ,EAAGD,EAAkB,iBAAiBhB,EAAUO,CAAU,EAAE,mBAAmB,YAAY,iBAAiBQ,EAAiB,SAAS,YAAY,IAAIpB,GAAKuB,EAAK,MAAM,CAAC,WAAWlD,EAAoBoC,CAAS,EAAE,gBAAgB,eAAe,uBAAuB,IAAI,wBAAwB,IAAI,oBAAoB,IAAI,qBAAqB,IAAI,GAAGL,CAAK,EAAE,SAAS,CAAC,UAAU,CAAC,gBAAgB,mBAAmB,EAAE,UAAU,CAAC,gBAAgB,mBAAmB,EAAE,UAAU,CAAC,gBAAgB,mBAAmB,CAAC,EAAE,GAAGpC,EAAqB,CAAC,UAAU,CAAC,mBAAmB,WAAW,EAAE,UAAU,CAAC,mBAAmB,WAAW,EAAE,UAAU,CAAC,mBAAmB,WAAW,CAAC,EAAE2C,EAAYI,CAAc,EAAE,SAAsB/B,EAAK8C,EAAS,CAAC,sBAAsB,GAAK,SAAsB9C,EAAWG,EAAS,CAAC,SAAsBH,EAAKE,EAAO,EAAE,CAAC,MAAM,CAAC,kBAAkB,+BAA+B,uBAAuB,yDAAyD,qBAAqB,4DAA4D,uBAAuB,MAAM,uBAAuB,OAAO,sBAAsB,6CAA6C,EAAE,SAAS,cAAI,CAAC,CAAC,CAAC,EAAE,UAAU,iBAAiB,mBAAmB,mBAAS,MAAM,CAAC,qBAAqB,EAAE,iBAAiBkC,EAAiB,SAAS,YAAY,MAAM,CAAC,qBAAqB,qBAAqB,2CAA2CZ,CAAS,EAAE,KAAKD,EAAU,kBAAkB,MAAM,mBAAmB,EAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,EAAQwB,EAAI,CAAC,kFAAkF,gFAAgF,6UAA6U,iHAAiH,8WAA8W,EASpsKC,EAAgBC,EAAQnC,EAAUiC,EAAI,cAAc,EAASG,GAAQF,EAAgBA,EAAgB,YAAY,mBAASA,EAAgB,aAAa,CAAC,OAAO,GAAG,MAAM,EAAE,EAAEG,EAAoBH,EAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,YAAY,YAAY,WAAW,EAAE,aAAa,CAAC,YAAY,YAAY,YAAY,WAAW,EAAE,MAAM,UAAU,KAAKI,EAAY,IAAI,EAAE,UAAU,CAAC,aAAa,eAAK,gBAAgB,GAAM,MAAM,mBAAS,KAAKA,EAAY,MAAM,EAAE,UAAU,CAAC,aAAa,GAAG,MAAM,YAAY,KAAKA,EAAY,MAAM,EAAE,UAAU,CAAC,aAAa,kBAAkB,MAAM,UAAU,KAAKA,EAAY,OAAO,CAAC,CAAC,EAAEC,EAASL,EAAgB,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,OAAO,eAAe,OAAO,SAAS,MAAM,SAAS,IAAI,uGAAuG,OAAO,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,6BAA6B,EAAI,CAAC",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "numberToPixelString", "value", "transition1", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "blog", "fontSize", "height", "id", "padding", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "YbK8jWEdQ", "ZIvQg1dz2", "f6LQMTkpK", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "scopingClassNames", "cx", "ref1", "pe", "defaultLayoutId", "ae", "componentViewport", "useComponentViewport", "LayoutGroup", "RichText2", "css", "FrameroFNL10j9M", "withCSS", "oFNL10j9M_default", "addPropertyControls", "ControlType", "addFonts"]
}