{"version":3,"file":"ThemeImage.BASGedII.mjs","names":["fonts","css","className","useState"],"sources":["https:/framerusercontent.com/modules/mP047oTdwRHjMBMQyPpN/fdEQCm3Fysk30ttS5MJz/x7lTJvxLL.js","https:/framerusercontent.com/modules/PfB6USLSv5BjaSeBFauD/tvsh9GggZbHqkdmiR1ok/OlhASIKVl.js","https:/framerusercontent.com/modules/IztVrQPRhPsLiJDd8cZt/ykbwzJcEtzsfdaOV8ph0/ThemeImage.js"],"sourcesContent":["// Generated by Framer (6d96db3)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOM;Spoqa Han Sans Neo Regular\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Spoqa Han Sans Neo Regular\",source:\"custom\",url:\"https://framerusercontent.com/assets/KOtvXoipwBX11xgS3PaBBcLb0A.otf\"}]}];export const css=[\".framer-ceiML .framer-styles-preset-3luvka:not(.rich-text-wrapper), .framer-ceiML .framer-styles-preset-3luvka.rich-text-wrapper h4 { --framer-font-family: \\\"Spoqa Han Sans Neo Regular\\\", \\\"Spoqa Han Sans Neo Regular Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: 0em; --framer-line-height: 150%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-3f6d0e2e-bc08-41da-80d4-e85922a60dd8, #282828); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }\",\"@media (max-width: 1199px) and (min-width: 810px) { .framer-ceiML .framer-styles-preset-3luvka:not(.rich-text-wrapper), .framer-ceiML .framer-styles-preset-3luvka.rich-text-wrapper h4 { --framer-font-family: \\\"Spoqa Han Sans Neo Regular\\\", \\\"Spoqa Han Sans Neo Regular Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 15px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: 0em; --framer-line-height: 150%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-3f6d0e2e-bc08-41da-80d4-e85922a60dd8, #282828); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }\",\"@media (max-width: 809px) and (min-width: 0px) { .framer-ceiML .framer-styles-preset-3luvka:not(.rich-text-wrapper), .framer-ceiML .framer-styles-preset-3luvka.rich-text-wrapper h4 { --framer-font-family: \\\"Spoqa Han Sans Neo Regular\\\", \\\"Spoqa Han Sans Neo Regular Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: 0em; --framer-line-height: 150%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-3f6d0e2e-bc08-41da-80d4-e85922a60dd8, #282828); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }\"];export const className=\"framer-ceiML\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (6d96db3)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOM;Spoqa Han Sans Neo Bold\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Spoqa Han Sans Neo Bold\",source:\"custom\",url:\"https://framerusercontent.com/assets/2wt4KJs52ac3pOiNHyjL2UaMTk.otf\"}]}];export const css=[\".framer-ZCD0B .framer-styles-preset-1c1mdcs:not(.rich-text-wrapper), .framer-ZCD0B .framer-styles-preset-1c1mdcs.rich-text-wrapper h2 { --framer-font-family: \\\"Spoqa Han Sans Neo Bold\\\", \\\"Spoqa Han Sans Neo Bold Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 20px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: 0em; --framer-line-height: 150%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-3f6d0e2e-bc08-41da-80d4-e85922a60dd8, #282828); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }\",\"@media (max-width: 1199px) and (min-width: 810px) { .framer-ZCD0B .framer-styles-preset-1c1mdcs:not(.rich-text-wrapper), .framer-ZCD0B .framer-styles-preset-1c1mdcs.rich-text-wrapper h2 { --framer-font-family: \\\"Spoqa Han Sans Neo Bold\\\", \\\"Spoqa Han Sans Neo Bold Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 19px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: 0em; --framer-line-height: 150%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-3f6d0e2e-bc08-41da-80d4-e85922a60dd8, #282828); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }\",\"@media (max-width: 809px) and (min-width: 0px) { .framer-ZCD0B .framer-styles-preset-1c1mdcs:not(.rich-text-wrapper), .framer-ZCD0B .framer-styles-preset-1c1mdcs.rich-text-wrapper h2 { --framer-font-family: \\\"Spoqa Han Sans Neo Bold\\\", \\\"Spoqa Han Sans Neo Bold Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 18px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-letter-spacing: 0em; --framer-line-height: 140%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-3f6d0e2e-bc08-41da-80d4-e85922a60dd8, #282828); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }\"];export const className=\"framer-ZCD0B\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect}from\"react\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */const getUserPreferredTheme=()=>{if(typeof window!==\"undefined\"){return window.matchMedia(\"(prefers-color-scheme: dark)\").matches?\"dark\":\"light\";}return\"light\";};export default function ThemeImage(props){const[isDarkTheme,setIsDarkTheme]=useState(null);useEffect(()=>{const updateTheme=()=>{// For compatibility with the theme toggle component.\n// If your site does not have a theme toggle, the device theme will be used.\nconst currentToggleState=sessionStorage.getItem(\"currentToggleState\")||getUserPreferredTheme();// If the toggle theme was found in local storage, use it.\nif(currentToggleState!==null){setIsDarkTheme(currentToggleState===\"dark\");}else{// If the theme toggle was not found in local storage, use the device theme.\nconst mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");setIsDarkTheme(mediaQuery.matches);}};// Event listener for changes in the device theme\nconst osThemeChange=e=>{setIsDarkTheme(e.matches);};// Update the theme when the page loads\nupdateTheme();// Listen for theme changes made by the theme toggle component\nwindow.addEventListener(\"themeChange\",updateTheme);// Listen for changes in the device theme\nconst mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");mediaQuery.addListener(osThemeChange);// Clean up the event listeners when the theme toggle component unmounts\nreturn()=>{window.removeEventListener(\"themeChange\",updateTheme);mediaQuery.removeListener(osThemeChange);};},[]);// Before the theme has been determined, render nothing.\n// This prevents flashing while the page loads.\nif(isDarkTheme===null){return null;}// Once the theme is determined, render the image corresponding to the theme.\nconst imageSrc=isDarkTheme?props.dark:props.light;return /*#__PURE__*/_jsx(\"img\",{src:imageSrc?imageSrc.src:\"\",alt:imageSrc?imageSrc.alt:\"\",style:{width:\"100%\",height:\"100%\",objectFit:props.sizing,borderRadius:props.radiusIsMixed?`${props.topLeft}px ${props.topRight}px ${props.bottomRight}px ${props.bottomLeft}px`:`${props.radius}px`}});}ThemeImage.displayName=\"Theme Image\";addPropertyControls(ThemeImage,{light:{type:ControlType.ResponsiveImage},dark:{type:ControlType.ResponsiveImage},sizing:{type:ControlType.Enum,defaultValue:\"cover\",options:[\"cover\",\"contain\",\"fill\"],optionTitles:[\"Fill\",\"Fit\",\"Stretch\"]},radius:{type:ControlType.FusedNumber,defaultValue:0,toggleKey:\"radiusIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"topLeft\",\"topRight\",\"bottomRight\",\"bottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0,description:\"*Note:* Theming may not work properly on the canvas or preview.\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ThemeImage\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ThemeImage.map"],"mappings":"wNAC8B,GAAU,UAAU,CAAC,oCAAoC,CAAC,CAAcA,EAAM,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,OAAO,6BAA6B,OAAO,SAAS,IAAI,sEAAsE,CAAC,CAAC,CAAC,CAAcC,EAAI,CAAC,0xBAA8xB,g1BAAo1B,60BAAi1B,CAAcC,EAAU,qCCA1tF,GAAU,UAAU,CAAC,iCAAiC,CAAC,CAAc,EAAM,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,OAAO,0BAA0B,OAAO,SAAS,IAAI,sEAAsE,CAAC,CAAC,CAAC,CAAc,EAAI,CAAC,sxBAA0xB,40BAAg1B,y0BAA60B,CAAc,EAAU,kBCEjkF,SAAwB,EAAW,EAAM,CAAC,GAAK,CAAC,EAAY,GAAgBC,EAAS,KAAK,CAW/P,GAXgQ,MAAc,CAAC,IAAM,MAAgB,CAErS,IAAM,EAAmB,eAAe,QAAQ,qBAAqB,EAAE,GAAuB,CAE3B,EADhE,IAAqB,KACP,EAAO,WAAW,+BAA+B,CAA2B,QADhD,IAAqB,OACmC,EAC/F,EAAc,GAAG,CAAC,EAAe,EAAE,QAAQ,EACjD,GAAa,CACb,EAAO,iBAAiB,cAAc,EAAY,CAClD,IAAM,EAAW,EAAO,WAAW,+BAA+B,CAClE,OADmE,EAAW,YAAY,EAAc,KAC9F,CAAC,EAAO,oBAAoB,cAAc,EAAY,CAAC,EAAW,eAAe,EAAc,GAAK,EAAE,CAAC,CAE9G,IAAc,KAAM,OAAO,KAC9B,IAAM,EAAS,EAAY,EAAM,KAAK,EAAM,MAAM,OAAoB,EAAK,MAAM,CAAC,IAAI,EAAS,EAAS,IAAI,GAAG,IAAI,EAAS,EAAS,IAAI,GAAG,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,EAAM,OAAO,aAAa,EAAM,cAAc,GAAG,EAAM,QAAQ,KAAK,EAAM,SAAS,KAAK,EAAM,YAAY,KAAK,EAAM,WAAW,IAAI,GAAG,EAAM,OAAO,IAAI,CAAC,CAAC,wBAfvS,IAAoD,IAAsC,CAG5H,MAAqC,IAAS,OAAoG,QAAhF,EAAO,WAAW,+BAA+B,CAAC,QAAQ,OAAO,QAYwM,EAAW,YAAY,cAAc,EAAoB,EAAW,CAAC,MAAM,CAAC,KAAK,EAAY,gBAAgB,CAAC,KAAK,CAAC,KAAK,EAAY,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAY,KAAK,aAAa,QAAQ,QAAQ,CAAC,QAAQ,UAAU,OAAO,CAAC,aAAa,CAAC,OAAO,MAAM,UAAU,CAAC,CAAC,OAAO,CAAC,KAAK,EAAY,YAAY,aAAa,EAAE,UAAU,gBAAgB,aAAa,CAAC,MAAM,aAAa,CAAC,UAAU,CAAC,UAAU,WAAW,cAAc,aAAa,CAAC,YAAY,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE,YAAY,kEAAkE,CAAC,CAAC"}