{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/jLHjtQ9MF326CwE1wg2v/FvLS415KUM8aBpFpzcGO/u7LwBTCXY.js"],
  "sourcesContent": ["// Generated by Framer (fd7a51d)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const RichTextWithFX=withFX(RichText);const enabledGestures={LAhVBVy2t:{hover:true}};const cycleOrder=[\"LAhVBVy2t\",\"gAcjxbXqr\"];const serializationHash=\"framer-m3zxe\";const variantClassNames={gAcjxbXqr:\"framer-v-ksghzf\",LAhVBVy2t:\"framer-v-y6x90o\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:1,type:\"spring\"};const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transformPerspective:1200,x:0,y:10};const transition2={damping:80,delay:0,mass:1,stiffness:400,type:\"spring\"};const animation1={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transformPerspective:1200,transition:transition2,x:0,y:10};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\":\"LAhVBVy2t\",\"Variant 2\":\"gAcjxbXqr\"};const getProps=({height,id,skillTitle,width,...props})=>{return{...props,RngOiSLi6:skillTitle??props.RngOiSLi6??\"UX Design\",variant:humanReadableVariantMap[props.variant]??props.variant??\"LAhVBVy2t\"};};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,RngOiSLi6,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"LAhVBVy2t\",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??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-y6x90o\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"LAhVBVy2t\",ref:ref??ref1,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(255, 255, 255, 0.24)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",...style},variants:{\"LAhVBVy2t-hover\":{background:\"linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(171, 171, 171, 0.15) 100%)\"},gAcjxbXqr:{\"--border-color\":\"rgb(92, 217, 255)\"}},...addPropertyOverrides({\"LAhVBVy2t-hover\":{\"data-framer-name\":undefined},gAcjxbXqr:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichTextWithFX,{__framer__animate:{transition:transition2},__framer__animateOnce:true,__framer__enter:animation,__framer__exit:animation1,__framer__styleAppearEffectEnabled:true,__framer__threshold:.5,__fromCanvasComponent:true,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h1,{style:{\"--font-selector\":\"Q1VTVE9NO1RXSyBFdmVyZXR0IExpZ2h0\",\"--framer-font-family\":'\"TWK Everett Light\", \"TWK Everett Light Placeholder\", sans-serif',\"--framer-font-size\":\"24px\",\"--framer-letter-spacing\":\"-1px\",\"--framer-line-height\":\"120%\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-gdpscs, var(--token-3ef014c9-ad51-4ceb-b698-92ed0047912a, rgb(255, 255, 255)))\"},children:\"UX Design\"})}),className:\"framer-114xfl6\",\"data-framer-name\":\"Title\",fonts:[\"CUSTOM;TWK Everett Light\"],layoutDependency:layoutDependency,layoutId:\"Bn1IsZm_b\",style:{\"--extracted-gdpscs\":\"var(--token-3ef014c9-ad51-4ceb-b698-92ed0047912a, rgb(255, 255, 255))\",transformPerspective:1200},text:RngOiSLi6,verticalAlignment:\"center\",withExternalLayout:true})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-m3zxe.framer-u2b6l5, .framer-m3zxe .framer-u2b6l5 { display: block; }\",\".framer-m3zxe.framer-y6x90o { 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: 0px; position: relative; width: 240px; }\",\".framer-m3zxe .framer-114xfl6 { flex: none; height: 240px; position: relative; white-space: pre-wrap; width: 240px; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-m3zxe.framer-y6x90o { gap: 0px; } .framer-m3zxe.framer-y6x90o > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-m3zxe.framer-y6x90o > :first-child { margin-left: 0px; } .framer-m3zxe.framer-y6x90o > :last-child { margin-right: 0px; } }\",\".framer-m3zxe.framer-v-ksghzf.framer-y6x90o { cursor: unset; }\",'.framer-m3zxe[data-border=\"true\"]::after, .framer-m3zxe [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 240\n * @framerIntrinsicWidth 240\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"gAcjxbXqr\":{\"layout\":[\"fixed\",\"auto\"]},\"tM6UYWdpg\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"RngOiSLi6\":\"skillTitle\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const Frameru7LwBTCXY=withCSS(Component,css,\"framer-m3zxe\");export default Frameru7LwBTCXY;Frameru7LwBTCXY.displayName=\"BlueBox\";Frameru7LwBTCXY.defaultProps={height:240,width:240};addPropertyControls(Frameru7LwBTCXY,{variant:{options:[\"LAhVBVy2t\",\"gAcjxbXqr\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum},RngOiSLi6:{defaultValue:\"UX Design\",displayTextArea:true,title:\"Skill Title\",type:ControlType.String}});addFonts(Frameru7LwBTCXY,[{explicitInter:true,fonts:[{family:\"TWK Everett Light\",source:\"custom\",url:\"https://framerusercontent.com/assets/o0zCMwJv6phxsGgRV3FGviHq8sw.woff2\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Frameru7LwBTCXY\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"gAcjxbXqr\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"tM6UYWdpg\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"RngOiSLi6\\\":\\\"skillTitle\\\"}\",\"framerIntrinsicHeight\":\"240\",\"framerIntrinsicWidth\":\"240\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./u7LwBTCXY.map"],
  "mappings": "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",
  "names": ["RichTextWithFX", "withFX", "RichText2", "enabledGestures", "cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "animation", "transition2", "animation1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "skillTitle", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "RngOiSLi6", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "scopingClassNames", "cx", "ref1", "pe", "defaultLayoutId", "ae", "componentViewport", "useComponentViewport", "LayoutGroup", "css", "Frameru7LwBTCXY", "withCSS", "u7LwBTCXY_default", "addPropertyControls", "ControlType", "addFonts"]
}