{"version":3,"file":"shared-lib.CKAcYHTi.mjs","names":["fonts","css","className","fonts","css","className","fonts","css","className","useState","useCallback","addPropertyOverrides","enabledGestures","cycleOrder","serializationHash","variantClassNames","transition1","transformTemplate1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","humanReadableEnumMap","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","RichText","sharedStyle.css","sharedStyle.fonts","useMemo","useMemo","useMemo","getProps","useRef","useCallback","useState","useMemo","fonts","css","className","addPropertyOverrides","enabledGestures","cycleOrder","serializationHash","variantClassNames","numberToPixelString","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","Image1","RichText","sharedStyle.css","sharedStyle.fonts","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","Image1","addPropertyOverrides","LCFooterLogoFonts","LCFooterLogo","PlaygroundImageHover","FooterClipboardFonts","FooterClipboard","cycleOrder","serializationHash","variantClassNames","transition1","numberToPixelString","matchVariant","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","sharedStyle1.className","sharedStyle2.className","RichText","sharedStyle.css","sharedStyle1.css","sharedStyle2.css","sharedStyle.fonts","sharedStyle1.fonts","sharedStyle2.fonts","PageWrapperPadding","fonts","css","className","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","transformTemplate1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","RichText","sharedStyle.css","sharedStyle.fonts","addPropertyOverrides","PlaygroundMenu","enabledGestures","cycleOrder","serializationHash","variantClassNames","numberToPixelString","matchVariant","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","sharedStyle1.className","sharedStyle2.className","RichText","sharedStyle.css","sharedStyle1.css","sharedStyle2.css","sharedStyle.fonts","sharedStyle1.fonts","sharedStyle2.fonts","hash","Children","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","className","SVG","Image1","RichText","sharedStyle.css","sharedStyle.fonts","PageWrapperPadding","LCFooterLogo","FooterClipboard","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","sharedStyle.className","sharedStyle1.className","RichText","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts"],"sources":["https:/framerusercontent.com/modules/tKeEM16rTkaDzeqTdSFE/KecMGUH3pVyO2AwlQ8cm/eGdhxcSzX.js","https:/framerusercontent.com/modules/kH0ruMN9S78gmhLujKLL/nFeYwZvlR9CF0luihKUB/HWPWfzAfu.js","https:/framerusercontent.com/modules/nSMQIQnyxJGvuHmdD208/1Oe4v8nRtslJBfWARPIC/qNn4C3Nti.js","https:/framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/r7KU3d0jY4jnUQG5z44O/Clipboard.js","https:/framerusercontent.com/modules/ZQVpZI9A8pkn4Fd0ze0T/0nKopudwrrDfYrpEAXr9/CnK6cHiSu.js","https:/framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js","https:/framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js","https:/framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js","https:/framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js","https:/framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js","https:/framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js","https:/framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js","https:/framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js","https:/framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js","https:/framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js","https:/framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js","https:/framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js","https:/framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js","https:/framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js","https:/framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js","https:/framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/7qT0r3So12155VV5Jq5x/Video.js","https:/framerusercontent.com/modules/wtggF3heH6YzYUL9Xh1l/ArDO7aPf8qatpjjghOCj/mEl9jmWaP.js","https:/framerusercontent.com/modules/xIwkAPZAIcKVmtXYVLle/phNfc9sI13eecyG6RnfO/F3kZtH9Zl.js","https:/framerusercontent.com/modules/3khB93FckynwOsNsoiMZ/GhzLm4WQyS3XLhxkMGGV/h4a7dWxv8.js","https:/framerusercontent.com/modules/bT4zmCU0fJlO4oTRLtjw/DwzsZec8BC55zMdedm5x/VCiy9Lg80.js","https:/framerusercontent.com/modules/a72nviBdzBQLo1tMi14j/REwehqrAhTIqWL6Navlw/anPuQtahT.js","https:/framerusercontent.com/modules/oijg5i80qZAnVX9JCteW/ODdR6nwG37izhOHGRH2a/EiA30Jfyi.js","https:/framerusercontent.com/modules/2YzPMI7yeXVFcPDBtEWA/FLdXNfwtT8aDww7eshLa/Jhjm2y_ka.js","https:/framerusercontent.com/modules/VYIQZPWRfZCe5AH1Yc2L/ZtryNriEwxNvGx2NUHjq/cJzkzhRYp.js","https:/framerusercontent.com/modules/dXMoFu7V9NbxJuWGeX9h/8zU7so8TlI4oIVv2mQOr/ColorCycle.js","https:/framerusercontent.com/modules/dZ9c6z10n71dmz3JQVi4/9V4bd6GeC5hErLrBqMW9/Arc.js","https:/framerusercontent.com/modules/gh5xmpM9GHT9MXnnMpPc/YOcbb3cyk0md6ytVCE3R/Animator.js","https:/framerusercontent.com/modules/PMc5KtfloCZliqK64XC0/YPOlTwOvTlB1Gkm4MLDS/v8oV2SLMH.js","https:/framerusercontent.com/modules/dsbvyWOpr0PpJfkVsW63/5H25mrqYrcBcq9uWfDG1/ph7T2EEPO.js","https:/framerusercontent.com/modules/48WoiiQkMLTMDBIygub7/wQy1donyjKCVRWbU2Q3P/YGDqW0035.js","https:/framerusercontent.com/modules/jfbDBYcDmOZnQbBcuSwZ/t5RTGsHAjrazEOkYxc5M/siteMetadata.js"],"sourcesContent":["// Generated by Framer (281588d)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOMV2;Untitled Sans Medium\",\"CUSTOMV2;Untitled Sans Bold\",\"CUSTOMV2;Untitled Sans Bold Italic\",\"CUSTOMV2;Untitled Sans Medium Italic\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Untitled Sans Medium\",source:\"custom\",style:\"normal\",uiFamilyName:\"Untitled Sans\",url:\"https://framerusercontent.com/assets/EGnxAE3G2egaerO0RSprRjns8I.woff2\",weight:\"500\"},{cssFamilyName:\"Untitled Sans Bold\",source:\"custom\",style:\"normal\",uiFamilyName:\"Untitled Sans\",url:\"https://framerusercontent.com/assets/fPZlKicF638OTObyoE43DbWvUg.woff2\",weight:\"700\"},{cssFamilyName:\"Untitled Sans Bold Italic\",source:\"custom\",style:\"italic\",uiFamilyName:\"Untitled Sans\",url:\"https://framerusercontent.com/assets/PKXuEQNmqFnVt5TYhWN7bWBTaI8.woff2\",weight:\"700\"},{cssFamilyName:\"Untitled Sans Medium Italic\",source:\"custom\",style:\"italic\",uiFamilyName:\"Untitled Sans\",url:\"https://framerusercontent.com/assets/tIoSE87Gs2QGVREmsrgrdKGt2I.woff2\",weight:\"500\"}]}];export const css=['.framer-kM0NZ .framer-styles-preset-u6m80w:not(.rich-text-wrapper), .framer-kM0NZ .framer-styles-preset-u6m80w.rich-text-wrapper h3 { --framer-font-family: \"Untitled Sans Medium\", \"Untitled Sans Medium Placeholder\", sans-serif; --framer-font-family-bold: \"Untitled Sans Bold\", \"Untitled Sans Bold Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Untitled Sans Bold Italic\", \"Untitled Sans Bold Italic Placeholder\", sans-serif; --framer-font-family-italic: \"Untitled Sans Medium Italic\", \"Untitled Sans Medium Italic Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.03em; --framer-line-height: 16px; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-acb6ee83-075d-479b-bb3b-06bc175b94df, #000000); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; }','@media (max-width: 1919px) and (min-width: 1440px) { .framer-kM0NZ .framer-styles-preset-u6m80w:not(.rich-text-wrapper), .framer-kM0NZ .framer-styles-preset-u6m80w.rich-text-wrapper h3 { --framer-font-family: \"Untitled Sans Medium\", \"Untitled Sans Medium Placeholder\", sans-serif; --framer-font-family-bold: \"Untitled Sans Bold\", \"Untitled Sans Bold Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Untitled Sans Bold Italic\", \"Untitled Sans Bold Italic Placeholder\", sans-serif; --framer-font-family-italic: \"Untitled Sans Medium Italic\", \"Untitled Sans Medium Italic Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.03em; --framer-line-height: 16px; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-acb6ee83-075d-479b-bb3b-06bc175b94df, #000000); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }','@media (max-width: 1439px) and (min-width: 810px) { .framer-kM0NZ .framer-styles-preset-u6m80w:not(.rich-text-wrapper), .framer-kM0NZ .framer-styles-preset-u6m80w.rich-text-wrapper h3 { --framer-font-family: \"Untitled Sans Medium\", \"Untitled Sans Medium Placeholder\", sans-serif; --framer-font-family-bold: \"Untitled Sans Bold\", \"Untitled Sans Bold Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Untitled Sans Bold Italic\", \"Untitled Sans Bold Italic Placeholder\", sans-serif; --framer-font-family-italic: \"Untitled Sans Medium Italic\", \"Untitled Sans Medium Italic Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.03em; --framer-line-height: 14px; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-acb6ee83-075d-479b-bb3b-06bc175b94df, #000000); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-kM0NZ .framer-styles-preset-u6m80w:not(.rich-text-wrapper), .framer-kM0NZ .framer-styles-preset-u6m80w.rich-text-wrapper h3 { --framer-font-family: \"Untitled Sans Medium\", \"Untitled Sans Medium Placeholder\", sans-serif; --framer-font-family-bold: \"Untitled Sans Bold\", \"Untitled Sans Bold Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Untitled Sans Bold Italic\", \"Untitled Sans Bold Italic Placeholder\", sans-serif; --framer-font-family-italic: \"Untitled Sans Medium Italic\", \"Untitled Sans Medium Italic Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.03em; --framer-line-height: 12px; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-acb6ee83-075d-479b-bb3b-06bc175b94df, #000000); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }'];export const className=\"framer-kM0NZ\";\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 (7c2f7bf)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-JVvJy .framer-styles-preset-1v0na38:not(.rich-text-wrapper), .framer-JVvJy .framer-styles-preset-1v0na38.rich-text-wrapper a { --framer-link-current-text-decoration: underline; --framer-link-hover-text-color: var(--token-d4045f0f-ea62-425e-ad4c-0ed0092386c3, #5b5757); --framer-link-hover-text-decoration: none; --framer-link-text-color: var(--token-acb6ee83-075d-479b-bb3b-06bc175b94df, #000000); --framer-link-text-decoration: none; }\"];export const className=\"framer-JVvJy\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (50fb820)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-eTvzW .framer-styles-preset-v201ga:not(.rich-text-wrapper), .framer-eTvzW .framer-styles-preset-v201ga.rich-text-wrapper a { --framer-link-current-text-decoration: none; --framer-link-hover-text-color: var(--token-9e6b357b-9388-4d93-9133-60740268741a, rgba(15, 14, 14, 0.5)); --framer-link-hover-text-decoration: none; --framer-link-text-color: var(--token-af4aa957-55ee-4f69-b04a-fc26bc15a171, #0f0e0e); --framer-link-text-decoration: none; }\"];export const className=\"framer-eTvzW\";\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\"}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useCallback,useState}from\"react\";import{addPropertyControls,ControlType,useTracking}from\"framer\";import{motion}from\"framer-motion\";export default function Clipboard(props){const{label=\"Copy to Clipboard\",success=\"Copied!\",content,trackingId,fill=\"#06F\",color=\"#FFF\",// Font control lives at top-level again\nfont={fontFamily:\"Inter\",fontWeight:500,fontSize:16,lineHeight:1},hoverOptions,style,onClick,// padding & radius controls (top-level, ungrouped)\npadding=10,paddingPerSide,paddingTop=10,paddingRight=10,paddingBottom=10,paddingLeft=10,borderRadius=50,isMixedBorderRadius,topLeftRadius=50,topRightRadius=50,bottomRightRadius=50,bottomLeftRadius=50,...rest}=props;// Padding string from fused control\nconst paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;// Radius string from fused control\nconst radiusValue=isMixedBorderRadius?`${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px`:`${borderRadius}px`;const track=useTracking();const[copied,setCopied]=useState(false);const safeContent=content??\"\";const legacyCopy=text=>{try{const ta=document.createElement(\"textarea\");ta.value=text;ta.setAttribute(\"readonly\",\"\");ta.style.position=\"absolute\";ta.style.left=\"-9999px\";document.body.appendChild(ta);ta.select();const ok=document.execCommand(\"copy\");document.body.removeChild(ta);return ok;}catch{return false;}};const handleClick=useCallback(async()=>{let ok=false;try{if(typeof navigator!==\"undefined\"&&navigator.clipboard?.writeText){await navigator.clipboard.writeText(safeContent);ok=true;}else if(typeof document!==\"undefined\"){ok=legacyCopy(safeContent);}}catch{if(typeof document!==\"undefined\")ok=legacyCopy(safeContent);}if(ok){setCopied(true);setTimeout(()=>setCopied(false),2e3)// 2s success state\n;}if(trackingId)track(trackingId);onClick?.();},[safeContent,onClick,trackingId,track]);return /*#__PURE__*/_jsxs(motion.button,{type:\"button\",style:{// Default font (Download parity) + user overrides\nfontFamily:\"Inter\",fontWeight:500,fontSize:16,lineHeight:1,display:\"inline-flex\",position:\"relative\",placeItems:\"center\",placeContent:\"center\",whiteSpace:\"nowrap\",backgroundColor:fill,color,borderRadius:radiusValue,padding:paddingValue,cursor:\"pointer\",userSelect:\"none\",letterSpacing:\"-0.2px\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",border:\"none\",outline:\"none\",// external overrides last\n...style,...font},onClick:handleClick,...rest,whileHover:hoverOptions,transition:hoverOptions?.transition,// Remove borders/outlines even if browser applies any\nonFocus:e=>{e.currentTarget.style.outline=\"none\";e.currentTarget.style.border=\"none\";e.currentTarget.style.boxShadow=\"none\";},onBlur:e=>{e.currentTarget.style.outline=\"none\";e.currentTarget.style.border=\"none\";e.currentTarget.style.boxShadow=\"none\";},onMouseDown:e=>{e.currentTarget.style.outline=\"none\";e.currentTarget.style.border=\"none\";e.currentTarget.style.boxShadow=\"none\";},onMouseUp:e=>{e.currentTarget.style.outline=\"none\";e.currentTarget.style.border=\"none\";e.currentTarget.style.boxShadow=\"none\";},\"aria-live\":\"polite\",\"aria-label\":label,children:[/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":true,style:{position:\"absolute\",visibility:\"hidden\",whiteSpace:\"nowrap\",pointerEvents:\"none\"},children:label}),/*#__PURE__*/_jsxs(\"span\",{style:{position:\"relative\",display:\"grid\",placeItems:\"center\"},children:[/*#__PURE__*/_jsx(motion.span,{style:{gridArea:\"1 / 1\",whiteSpace:\"nowrap\"},initial:false,animate:{opacity:copied?0:1},transition:{duration:.25},children:label},\"label\"),/*#__PURE__*/_jsx(motion.span,{style:{gridArea:\"1 / 1\",whiteSpace:\"nowrap\"},initial:false,animate:{opacity:copied?1:0},transition:{duration:.25},\"aria-hidden\":!copied,children:success},\"success\")]})]});}Clipboard.displayName=\"Clipboard\";addPropertyControls(Clipboard,{content:{type:ControlType.String,title:\"Content\",displayTextArea:true,defaultValue:\"When clicked, this will be copied to the clipboard.\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Copy to Clipboard\"},success:{title:\"Success\",type:ControlType.String,defaultValue:\"Copied!\"},trackingId:{title:\"Tracking\",type:ControlType.TrackingId,placeholder:\"ID\"},// Ungrouped style controls\nfill:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#06F\"},color:{type:ControlType.Color,title:\"Text\",defaultValue:\"#FFF\"},font:{// @ts-ignore - Internal\ntype:ControlType.Font,title:\"Font\",controls:\"extended\",defaultValue:{fontFamily:\"Inter\",fontWeight:500,fontSize:16,lineHeight:1}},hoverOptions:{type:ControlType.Object,title:\"Hover\",buttonTitle:\"Effect\",optional:true,controls:{scale:{type:ControlType.Number,title:\"Scale\",min:0,max:10,displayStepper:true,step:.01,defaultValue:1.05},backgroundColor:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#0088FF\",optional:true},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#FFF\",optional:true},transition:{type:ControlType.Transition,title:\"Transition\",defaultValue:{type:\"spring\",stiffness:400,damping:30}}}},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:10,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{title:\"Radius\",type:ControlType.FusedNumber,toggleKey:\"isMixedBorderRadius\",toggleTitles:[\"Radius\",\"Radius per corner\"],valueKeys:[\"topLeftRadius\",\"topRightRadius\",\"bottomRightRadius\",\"bottomLeftRadius\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0,defaultValue:50}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Clipboard\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Clipboard.map","// Generated by Framer (36277c8)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,RichText,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Clipboard from\"https://framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/r7KU3d0jY4jnUQG5z44O/Clipboard.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/tKeEM16rTkaDzeqTdSFE/KecMGUH3pVyO2AwlQ8cm/eGdhxcSzX.js\";const ClipboardFonts=getFonts(Clipboard);const enabledGestures={BLuxhHZwX:{hover:true},GO4AI9Ulq:{hover:true},nMK7MX2Yf:{hover:true},VpLIXg2cW:{hover:true},WkrtWyrTr:{hover:true}};const cycleOrder=[\"WkrtWyrTr\",\"nMK7MX2Yf\",\"VpLIXg2cW\",\"BLuxhHZwX\",\"GO4AI9Ulq\"];const serializationHash=\"framer-WveA3\";const variantClassNames={BLuxhHZwX:\"framer-v-a1r6me\",GO4AI9Ulq:\"framer-v-1l4ae1j\",nMK7MX2Yf:\"framer-v-1gv8emf\",VpLIXg2cW:\"framer-v-17attfh\",WkrtWyrTr:\"framer-v-133inv9\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const FqM0jUmbm=undefined;const Gn_1rao2v=undefined;const cagoaDIW1=undefined;const Jmnc6eH6H=undefined;const tRYYjKr5O=undefined;const QRAbQrIye=undefined;const kzz0uXzMU=undefined;const transition1={damping:30,delay:0,mass:1,stiffness:340,type:\"spring\"};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;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 humanReadableVariantMap={\"Invert CTA\":\"nMK7MX2Yf\",Clicked:\"VpLIXg2cW\",M_Clicked:\"GO4AI9Ulq\",M_Primary:\"BLuxhHZwX\",Main:\"WkrtWyrTr\"};const Variants=motion.create(React.Fragment);const humanReadableEnumMap={\"Space Around\":\"space-around\",\"Space Between\":\"space-between\",\"Space Evenly\":\"space-evenly\",Center:\"center\",End:\"flex-end\",Start:\"flex-start\"};const humanReadableEnumMap1={Center:\"center\",End:\"flex-end\",Start:\"flex-start\"};const getProps=({align,cursor,distribute,emailClipboard,height,id,primary,secondHover,text,width,...props})=>{return{...props,cagoaDIW1:humanReadableEnumMap1[align]??align??props.cagoaDIW1??\"flex-end\",FqM0jUmbm:humanReadableEnumMap[distribute]??distribute??props.FqM0jUmbm??\"flex-end\",Gn_1rao2v:cursor??props.Gn_1rao2v,Jmnc6eH6H:primary??props.Jmnc6eH6H??\"var(--token-acb6ee83-075d-479b-bb3b-06bc175b94df, rgb(0, 0, 0))\",kzz0uXzMU:emailClipboard??props.kzz0uXzMU??\"HELLO@LINECREATIVE.CO\",QRAbQrIye:secondHover??props.QRAbQrIye??\"var(--token-c3043347-e55d-4e8f-a620-23399553e32c, rgb(255, 255, 255))\",tRYYjKr5O:text??props.tRYYjKr5O??\"info@linecreative.co\",variant:humanReadableVariantMap[props.variant]??props.variant??\"WkrtWyrTr\"};};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,tRYYjKr5O,kzz0uXzMU,Jmnc6eH6H,QRAbQrIye,Gn_1rao2v,FqM0jUmbm,cagoaDIW1,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"WkrtWyrTr\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap4d6zxu=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"VpLIXg2cW\");});const onAppear1rve4r=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"WkrtWyrTr\",true),1e3);});const onTapm7g661=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"GO4AI9Ulq\");});const onAppearaxn92=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"BLuxhHZwX\",true),1e3);});useOnVariantChange(baseVariant,{GO4AI9Ulq:onAppearaxn92,VpLIXg2cW:onAppear1rve4r});const sharedStyleClassNames=[sharedStyle.className];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__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-133inv9\",className,classNames),\"data-framer-cursor\":Gn_1rao2v,\"data-framer-name\":\"Main\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"WkrtWyrTr\",onTap:onTap4d6zxu,ref:refBinding,style:{\"--jn7ddo\":FqM0jUmbm,...style},...addPropertyOverrides({\"BLuxhHZwX-hover\":{\"data-framer-name\":undefined},\"GO4AI9Ulq-hover\":{\"data-framer-name\":undefined},\"nMK7MX2Yf-hover\":{\"data-framer-name\":undefined},\"VpLIXg2cW-hover\":{\"data-framer-name\":undefined},\"WkrtWyrTr-hover\":{\"data-framer-name\":undefined},BLuxhHZwX:{\"data-framer-name\":\"M_Primary\",onTap:onTapm7g661},GO4AI9Ulq:{\"data-framer-name\":\"M_Clicked\",onTap:onTapm7g661},nMK7MX2Yf:{\"data-framer-name\":\"Invert CTA\"},VpLIXg2cW:{\"data-framer-name\":\"Clicked\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1wekxso\",layoutDependency:layoutDependency,layoutId:\"bsBxhDUdh\",style:{\"--10s7t1f\":cagoaDIW1},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"right\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-Jmnc6eH6H-CnK6cHiSu))\"},children:\"info@linecreative.co\"})}),className:\"framer-z3lfk3\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"OSwydBq4N\",style:{\"--extracted-a0htzi\":\"var(--variable-reference-Jmnc6eH6H-CnK6cHiSu)\",\"--variable-reference-Jmnc6eH6H-CnK6cHiSu\":Jmnc6eH6H,\"--variable-reference-QRAbQrIye-CnK6cHiSu\":QRAbQrIye},text:tRYYjKr5O,variants:{\"BLuxhHZwX-hover\":{\"--extracted-a0htzi\":\"var(--variable-reference-QRAbQrIye-CnK6cHiSu)\",\"--variable-reference-QRAbQrIye-CnK6cHiSu\":QRAbQrIye},\"GO4AI9Ulq-hover\":{\"--extracted-a0htzi\":\"var(--variable-reference-QRAbQrIye-CnK6cHiSu)\",\"--variable-reference-QRAbQrIye-CnK6cHiSu\":QRAbQrIye},\"WkrtWyrTr-hover\":{\"--extracted-a0htzi\":\"var(--variable-reference-QRAbQrIye-CnK6cHiSu)\",\"--variable-reference-QRAbQrIye-CnK6cHiSu\":QRAbQrIye}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"BLuxhHZwX-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-QRAbQrIye-CnK6cHiSu))\"},children:\"info@linecreative.co\"})})},\"GO4AI9Ulq-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"right\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-QRAbQrIye-CnK6cHiSu))\"},children:\"info@linecreative.co\"})})},\"WkrtWyrTr-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"right\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-QRAbQrIye-CnK6cHiSu))\"},children:\"info@linecreative.co\"})})},BLuxhHZwX:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-Jmnc6eH6H-CnK6cHiSu))\"},children:\"info@linecreative.co\"})})},GO4AI9Ulq:{transformTemplate:transformTemplate1}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"right\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-Jmnc6eH6H-CnK6cHiSu))\"},children:\"Email Copied\"})}),className:\"framer-6ejglp\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"RPwwh9235\",style:{\"--extracted-a0htzi\":\"var(--variable-reference-Jmnc6eH6H-CnK6cHiSu)\",\"--variable-reference-Jmnc6eH6H-CnK6cHiSu\":Jmnc6eH6H,\"--variable-reference-QRAbQrIye-CnK6cHiSu\":QRAbQrIye},variants:{\"BLuxhHZwX-hover\":{\"--extracted-a0htzi\":\"var(--variable-reference-QRAbQrIye-CnK6cHiSu)\",\"--variable-reference-QRAbQrIye-CnK6cHiSu\":QRAbQrIye},\"GO4AI9Ulq-hover\":{\"--extracted-a0htzi\":\"var(--variable-reference-QRAbQrIye-CnK6cHiSu)\",\"--variable-reference-QRAbQrIye-CnK6cHiSu\":QRAbQrIye},\"VpLIXg2cW-hover\":{\"--extracted-a0htzi\":\"var(--variable-reference-QRAbQrIye-CnK6cHiSu)\",\"--variable-reference-QRAbQrIye-CnK6cHiSu\":QRAbQrIye}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"BLuxhHZwX-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-QRAbQrIye-CnK6cHiSu))\"},children:\"Email Copied\"})})},\"GO4AI9Ulq-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"right\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-QRAbQrIye-CnK6cHiSu))\"},children:\"Email Copied\"})})},\"VpLIXg2cW-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"right\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-QRAbQrIye-CnK6cHiSu))\"},children:\"Email Copied\"})})},BLuxhHZwX:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-u6m80w\",\"data-styles-preset\":\"eGdhxcSzX\",dir:\"auto\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--variable-reference-Jmnc6eH6H-CnK6cHiSu))\"},children:\"Email Copied\"})}),transformTemplate:transformTemplate1}},baseVariant,gestureVariant)})]}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1a1t0wt-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"aJzCLC6k2-container\",nodeId:\"aJzCLC6k2\",rendersWithMotion:true,scopeId:\"CnK6cHiSu\",style:{opacity:0},children:/*#__PURE__*/_jsx(Clipboard,{borderRadius:50,bottomLeftRadius:50,bottomRightRadius:50,color:QRAbQrIye,content:kzz0uXzMU,fill:Jmnc6eH6H,font:{fontFamily:'\"Untitled Sans Regular\", \"Untitled Sans Regular Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},height:\"100%\",id:\"aJzCLC6k2\",isMixedBorderRadius:false,label:tRYYjKr5O,layoutId:\"aJzCLC6k2\",padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,style:{height:\"100%\",width:\"100%\"},success:\"Copied!\",topLeftRadius:50,topRightRadius:50,width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-WveA3.framer-99sz8o, .framer-WveA3 .framer-99sz8o { display: block; }\",\".framer-WveA3.framer-133inv9 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: var(--jn7ddo); overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-WveA3 .framer-1wekxso { align-content: var(--10s7t1f); align-items: var(--10s7t1f); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-WveA3 .framer-z3lfk3 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-WveA3 .framer-6ejglp { flex: none; height: auto; position: absolute; right: 0px; top: 24px; white-space: pre; width: auto; z-index: 1; }\",\".framer-WveA3 .framer-1a1t0wt-container { bottom: 0px; flex: none; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 1; }\",\".framer-WveA3.framer-v-17attfh .framer-z3lfk3 { order: 1; position: absolute; right: 0px; top: 24px; z-index: 1; }\",\".framer-WveA3.framer-v-17attfh .framer-6ejglp, .framer-WveA3.framer-v-1l4ae1j .framer-6ejglp { order: 0; position: relative; right: unset; top: unset; }\",\".framer-WveA3.framer-v-a1r6me.framer-133inv9, .framer-WveA3.framer-v-1l4ae1j.framer-133inv9 { justify-content: center; width: 300px; }\",\".framer-WveA3.framer-v-a1r6me .framer-1wekxso { align-content: center; align-items: center; flex: 1 0 0px; justify-content: center; width: 1px; }\",\".framer-WveA3.framer-v-a1r6me .framer-6ejglp { left: 50%; right: unset; }\",\".framer-WveA3.framer-v-1l4ae1j .framer-1wekxso { align-content: center; align-items: center; flex: 1 0 0px; width: 1px; }\",\".framer-WveA3.framer-v-1l4ae1j .framer-z3lfk3 { left: 50%; order: 1; position: absolute; top: 24px; z-index: 1; }\",\".framer-WveA3.framer-v-17attfh.hover .framer-6ejglp, .framer-WveA3.framer-v-1l4ae1j.hover .framer-6ejglp { right: unset; top: unset; }\",\".framer-WveA3.framer-v-a1r6me.hover .framer-6ejglp { right: unset; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 16\n * @framerIntrinsicWidth 169\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"nMK7MX2Yf\":{\"layout\":[\"auto\",\"auto\"]},\"VpLIXg2cW\":{\"layout\":[\"auto\",\"auto\"]},\"BLuxhHZwX\":{\"layout\":[\"fixed\",\"auto\"]},\"GO4AI9Ulq\":{\"layout\":[\"fixed\",\"auto\"]},\"ZP1c09okS\":{\"layout\":[\"auto\",\"auto\"]},\"fRpxptpV1\":{\"layout\":[\"auto\",\"auto\"]},\"cWWzgllPi\":{\"layout\":[\"auto\",\"auto\"]},\"bcT31MaWx\":{\"layout\":[\"fixed\",\"auto\"]},\"ZOvyy00ik\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"tRYYjKr5O\":\"text\",\"kzz0uXzMU\":\"emailClipboard\",\"Jmnc6eH6H\":\"primary\",\"QRAbQrIye\":\"secondHover\",\"Gn_1rao2v\":\"cursor\",\"FqM0jUmbm\":\"distribute\",\"cagoaDIW1\":\"align\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerCnK6cHiSu=withCSS(Component,css,\"framer-WveA3\");export default FramerCnK6cHiSu;FramerCnK6cHiSu.displayName=\"Footer Clipboard\";FramerCnK6cHiSu.defaultProps={height:16,width:169};addPropertyControls(FramerCnK6cHiSu,{variant:{options:[\"WkrtWyrTr\",\"nMK7MX2Yf\",\"VpLIXg2cW\",\"BLuxhHZwX\",\"GO4AI9Ulq\"],optionTitles:[\"Main\",\"Invert CTA\",\"Clicked\",\"M_Primary\",\"M_Clicked\"],title:\"Variant\",type:ControlType.Enum},tRYYjKr5O:{defaultValue:\"info@linecreative.co\",displayTextArea:false,title:\"Text\",type:ControlType.String},ontRYYjKr5OChange:{changes:\"tRYYjKr5O\",type:ControlType.ChangeHandler},kzz0uXzMU:{defaultValue:\"HELLO@LINECREATIVE.CO\",displayTextArea:true,title:\"Email Clipboard\",type:ControlType.String},onkzz0uXzMUChange:{changes:\"kzz0uXzMU\",type:ControlType.ChangeHandler},Jmnc6eH6H:{defaultValue:'var(--token-acb6ee83-075d-479b-bb3b-06bc175b94df, rgb(0, 0, 0)) /* {\"name\":\"True Black\"} */',title:\"Primary\",type:ControlType.Color},QRAbQrIye:{defaultValue:\"var(--token-c3043347-e55d-4e8f-a620-23399553e32c, rgb(255, 255, 255))\",title:\"Second Hover\",type:ControlType.Color},Gn_1rao2v:{title:\"Cursor\",type:ControlType.CustomCursor},FqM0jUmbm:{defaultValue:\"flex-end\",options:[\"flex-start\",\"center\",\"flex-end\",\"space-between\",\"space-around\",\"space-evenly\"],optionTitles:[\"Start\",\"Center\",\"End\",\"Space Between\",\"Space Around\",\"Space Evenly\"],title:\"Distribute\",type:ControlType.Enum},cagoaDIW1:{defaultValue:\"flex-end\",options:[\"flex-start\",\"center\",\"flex-end\"],optionTitles:[\"Start\",\"Center\",\"End\"],title:\"Align\",type:ControlType.Enum}});addFonts(FramerCnK6cHiSu,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"},{cssFamilyName:\"Untitled Sans Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"Untitled Sans\",url:\"https://framerusercontent.com/assets/vSMNm9rjNKCV3OnTDCbLJyoLg4.woff2\",weight:\"400\"}]},...ClipboardFonts,...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCnK6cHiSu\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"169\",\"framerVariables\":\"{\\\"tRYYjKr5O\\\":\\\"text\\\",\\\"kzz0uXzMU\\\":\\\"emailClipboard\\\",\\\"Jmnc6eH6H\\\":\\\"primary\\\",\\\"QRAbQrIye\\\":\\\"secondHover\\\",\\\"Gn_1rao2v\\\":\\\"cursor\\\",\\\"FqM0jUmbm\\\":\\\"distribute\\\",\\\"cagoaDIW1\\\":\\\"align\\\"}\",\"framerImmutableVariables\":\"true\",\"framerColorSyntax\":\"true\",\"framerIntrinsicHeight\":\"16\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"nMK7MX2Yf\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"VpLIXg2cW\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"BLuxhHZwX\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"GO4AI9Ulq\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ZP1c09okS\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"fRpxptpV1\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"cWWzgllPi\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"bcT31MaWx\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ZOvyy00ik\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CnK6cHiSu.map","import { ControlType } from \"framer\";\nexport const fontStack = `\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;\nexport const containerStyles = {\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nexport const emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(136, 85, 255, 0.3)\",\n color: \"#85F\",\n border: \"1px dashed #85F\",\n flexDirection: \"column\"\n};\nexport const defaultEvents = {\n onClick: {\n type: ControlType.EventHandler\n },\n onMouseEnter: {\n type: ControlType.EventHandler\n },\n onMouseLeave: {\n type: ControlType.EventHandler\n }\n};\nexport const fontSizeOptions = {\n type: ControlType.Number,\n title: \"Font Size\",\n min: 2,\n max: 200,\n step: 1,\n displayStepper: true\n};\nexport const fontControls = {\n font: {\n type: ControlType.Boolean,\n title: \"Font\",\n defaultValue: false,\n disabledTitle: \"Default\",\n enabledTitle: \"Custom\"\n },\n fontFamily: {\n type: ControlType.String,\n title: \"Family\",\n placeholder: \"Inter\",\n hidden: ({ font })=>!font\n },\n fontWeight: {\n type: ControlType.Enum,\n title: \"Weight\",\n options: [\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900\n ],\n optionTitles: [\n \"Thin\",\n \"Extra-light\",\n \"Light\",\n \"Regular\",\n \"Medium\",\n \"Semi-bold\",\n \"Bold\",\n \"Extra-bold\",\n \"Black\", \n ],\n hidden: ({ font })=>!font\n }\n};\n// @TODO check if we're missing anything here — there doesn't seem to be a reliable browser API for this\nexport const localeOptions = {\n af: \"Afrikaans\",\n sq: \"Albanian\",\n an: \"Aragonese\",\n ar: \"Arabic (Standard)\",\n \"ar-dz\": \"Arabic (Algeria)\",\n \"ar-bh\": \"Arabic (Bahrain)\",\n \"ar-eg\": \"Arabic (Egypt)\",\n \"ar-iq\": \"Arabic (Iraq)\",\n \"ar-jo\": \"Arabic (Jordan)\",\n \"ar-kw\": \"Arabic (Kuwait)\",\n \"ar-lb\": \"Arabic (Lebanon)\",\n \"ar-ly\": \"Arabic (Libya)\",\n \"ar-ma\": \"Arabic (Morocco)\",\n \"ar-om\": \"Arabic (Oman)\",\n \"ar-qa\": \"Arabic (Qatar)\",\n \"ar-sa\": \"Arabic (Saudi Arabia)\",\n \"ar-sy\": \"Arabic (Syria)\",\n \"ar-tn\": \"Arabic (Tunisia)\",\n \"ar-ae\": \"Arabic (U.A.E.)\",\n \"ar-ye\": \"Arabic (Yemen)\",\n hy: \"Armenian\",\n as: \"Assamese\",\n ast: \"Asturian\",\n az: \"Azerbaijani\",\n eu: \"Basque\",\n bg: \"Bulgarian\",\n be: \"Belarusian\",\n bn: \"Bengali\",\n bs: \"Bosnian\",\n br: \"Breton\",\n my: \"Burmese\",\n ca: \"Catalan\",\n ch: \"Chamorro\",\n ce: \"Chechen\",\n zh: \"Chinese\",\n \"zh-hk\": \"Chinese (Hong Kong)\",\n \"zh-cn\": \"Chinese (PRC)\",\n \"zh-sg\": \"Chinese (Singapore)\",\n \"zh-tw\": \"Chinese (Taiwan)\",\n cv: \"Chuvash\",\n co: \"Corsican\",\n cr: \"Cree\",\n hr: \"Croatian\",\n cs: \"Czech\",\n da: \"Danish\",\n nl: \"Dutch (Standard)\",\n \"nl-be\": \"Dutch (Belgian)\",\n en: \"English\",\n \"en-au\": \"English (Australia)\",\n \"en-bz\": \"English (Belize)\",\n \"en-ca\": \"English (Canada)\",\n \"en-ie\": \"English (Ireland)\",\n \"en-jm\": \"English (Jamaica)\",\n \"en-nz\": \"English (New Zealand)\",\n \"en-ph\": \"English (Philippines)\",\n \"en-za\": \"English (South Africa)\",\n \"en-tt\": \"English (Trinidad & Tobago)\",\n \"en-gb\": \"English (United Kingdom)\",\n \"en-us\": \"English (United States)\",\n \"en-zw\": \"English (Zimbabwe)\",\n eo: \"Esperanto\",\n et: \"Estonian\",\n fo: \"Faeroese\",\n fa: \"Farsi\",\n fj: \"Fijian\",\n fi: \"Finnish\",\n fr: \"French (Standard)\",\n \"fr-be\": \"French (Belgium)\",\n \"fr-ca\": \"French (Canada)\",\n \"fr-fr\": \"French (France)\",\n \"fr-lu\": \"French (Luxembourg)\",\n \"fr-mc\": \"French (Monaco)\",\n \"fr-ch\": \"French (Switzerland)\",\n fy: \"Frisian\",\n fur: \"Friulian\",\n gd: \"Gaelic (Scots)\",\n \"gd-ie\": \"Gaelic (Irish)\",\n gl: \"Galacian\",\n ka: \"Georgian\",\n de: \"German (Standard)\",\n \"de-at\": \"German (Austria)\",\n \"de-de\": \"German (Germany)\",\n \"de-li\": \"German (Liechtenstein)\",\n \"de-lu\": \"German (Luxembourg)\",\n \"de-ch\": \"German (Switzerland)\",\n el: \"Greek\",\n gu: \"Gujurati\",\n ht: \"Haitian\",\n he: \"Hebrew\",\n hi: \"Hindi\",\n hu: \"Hungarian\",\n is: \"Icelandic\",\n id: \"Indonesian\",\n iu: \"Inuktitut\",\n ga: \"Irish\",\n it: \"Italian (Standard)\",\n \"it-ch\": \"Italian (Switzerland)\",\n ja: \"Japanese\",\n kn: \"Kannada\",\n ks: \"Kashmiri\",\n kk: \"Kazakh\",\n km: \"Khmer\",\n ky: \"Kirghiz\",\n tlh: \"Klingon\",\n ko: \"Korean\",\n \"ko-kp\": \"Korean (North Korea)\",\n \"ko-kr\": \"Korean (South Korea)\",\n la: \"Latin\",\n lv: \"Latvian\",\n lt: \"Lithuanian\",\n lb: \"Luxembourgish\",\n mk: \"FYRO Macedonian\",\n ms: \"Malay\",\n ml: \"Malayalam\",\n mt: \"Maltese\",\n mi: \"Maori\",\n mr: \"Marathi\",\n mo: \"Moldavian\",\n nv: \"Navajo\",\n ng: \"Ndonga\",\n ne: \"Nepali\",\n no: \"Norwegian\",\n nb: \"Norwegian (Bokmal)\",\n nn: \"Norwegian (Nynorsk)\",\n oc: \"Occitan\",\n or: \"Oriya\",\n om: \"Oromo\",\n \"fa-ir\": \"Persian/Iran\",\n pl: \"Polish\",\n pt: \"Portuguese\",\n \"pt-br\": \"Portuguese (Brazil)\",\n pa: \"Punjabi\",\n \"pa-in\": \"Punjabi (India)\",\n \"pa-pk\": \"Punjabi (Pakistan)\",\n qu: \"Quechua\",\n rm: \"Rhaeto-Romanic\",\n ro: \"Romanian\",\n \"ro-mo\": \"Romanian (Moldavia)\",\n ru: \"Russian\",\n \"ru-mo\": \"Russian (Moldavia)\",\n sz: \"Sami (Lappish)\",\n sg: \"Sango\",\n sa: \"Sanskrit\",\n sc: \"Sardinian\",\n sd: \"Sindhi\",\n si: \"Singhalese\",\n sr: \"Serbian\",\n sk: \"Slovak\",\n sl: \"Slovenian\",\n so: \"Somani\",\n sb: \"Sorbian\",\n es: \"Spanish\",\n \"es-ar\": \"Spanish (Argentina)\",\n \"es-bo\": \"Spanish (Bolivia)\",\n \"es-cl\": \"Spanish (Chile)\",\n \"es-co\": \"Spanish (Colombia)\",\n \"es-cr\": \"Spanish (Costa Rica)\",\n \"es-do\": \"Spanish (Dominican Republic)\",\n \"es-ec\": \"Spanish (Ecuador)\",\n \"es-sv\": \"Spanish (El Salvador)\",\n \"es-gt\": \"Spanish (Guatemala)\",\n \"es-hn\": \"Spanish (Honduras)\",\n \"es-mx\": \"Spanish (Mexico)\",\n \"es-ni\": \"Spanish (Nicaragua)\",\n \"es-pa\": \"Spanish (Panama)\",\n \"es-py\": \"Spanish (Paraguay)\",\n \"es-pe\": \"Spanish (Peru)\",\n \"es-pr\": \"Spanish (Puerto Rico)\",\n \"es-es\": \"Spanish (Spain)\",\n \"es-uy\": \"Spanish (Uruguay)\",\n \"es-ve\": \"Spanish (Venezuela)\",\n sx: \"Sutu\",\n sw: \"Swahili\",\n sv: \"Swedish\",\n \"sv-fi\": \"Swedish (Finland)\",\n \"sv-sv\": \"Swedish (Sweden)\",\n ta: \"Tamil\",\n tt: \"Tatar\",\n te: \"Teluga\",\n th: \"Thai\",\n tig: \"Tigre\",\n ts: \"Tsonga\",\n tn: \"Tswana\",\n tr: \"Turkish\",\n tk: \"Turkmen\",\n uk: \"Ukrainian\",\n hsb: \"Upper Sorbian\",\n ur: \"Urdu\",\n ve: \"Venda\",\n vi: \"Vietnamese\",\n vo: \"Volapuk\",\n wa: \"Walloon\",\n cy: \"Welsh\",\n xh: \"Xhosa\",\n ji: \"Yiddish\",\n zu: \"Zulu\"\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./constants.map","import { useIsInCurrentNavigationTarget } from \"framer\";\nimport { useEffect } from \"react\";\nexport function useOnEnter(onEnter, enabled) {\n return useOnSpecificTargetChange(true, onEnter, enabled);\n}\nexport function useOnExit(onExit, enabled) {\n return useOnSpecificTargetChange(false, onExit, enabled);\n}\nfunction useOnSpecificTargetChange(goal, callback, enabled = true) {\n const isInTarget = useIsInCurrentNavigationTarget();\n useEffect(()=>{\n if (enabled && isInTarget === goal) callback();\n }, [\n isInTarget\n ]);\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useOnEnter\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnNavigationTargetChange.map","import { useRef } from \"react\";\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */ export function useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useConstant.map","import { Color } from \"framer\";\nexport function colorFromToken(color) {\n if (color.startsWith(\"var(--token-\")) return \"rgb\" + color.split(\") /*\")[0].split(\", rgb\")[1];\n return color;\n}\nexport function colorTokentoValue(color) {\n return Color(colorFromToken(color)).toValue();\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"colorFromToken\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./colorFromToken.map","import { MotionValue } from \"framer\";\nexport const isMotionValue = (v)=>v instanceof MotionValue\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isMotionValue.map","import * as React from \"react\";\nconst letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nconst l = ()=>letters[Math.floor(Math.random() * letters.length)]\n;\nexport const randomID = ()=>l() + l() + l() + l() + l() + l() + l() + l() + l()\n;\nfunction createUniqueClass(suffix) {\n return `framer-${suffix}-${randomID()}`;\n}\nexport function useUniqueClassName(suffix, deps) {\n const [className, setClassName] = React.useState(createUniqueClass(suffix));\n React.useEffect(()=>{\n setClassName(createUniqueClass(suffix));\n }, [\n suffix,\n ...deps\n ]);\n return className;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useUniqueClassName\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useUniqueClassName.map","import { ControlType } from \"framer\";\n// I realize this only applies to select right now\n// but we can work on it in here\nexport function getVariantControls(Component, variant, additionalControls = {\n}) {\n return {\n [`${variant}TextColor`]: {\n type: ControlType.Color,\n title: \"Text Color\",\n defaultValue: Component.defaultProps[`${variant}TextColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}IconColor`]: {\n type: ControlType.Color,\n title: \"Icon Color\",\n defaultValue: Component.defaultProps[`${variant}IconColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BackgroundColor`]: {\n type: ControlType.Color,\n title: \"Bg Color\",\n defaultValue: Component.defaultProps[`${variant}BackgroundColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderColor`]: {\n type: ControlType.Color,\n title: \"Border Color\",\n defaultValue: Component.defaultProps[`${variant}BorderColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderWidth`]: {\n type: ControlType.Number,\n title: \" \",\n min: 0,\n max: 5,\n displayStepper: true,\n defaultValue: Component.defaultProps[`${variant}BorderWidth`],\n hidden: (props)=>props.variant !== variant\n },\n ...additionalControls\n };\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"getVariantControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./variantUtils.map","import { useMemo } from \"react\";\nexport const isBrowserSafari = ()=>{\n if (typeof navigator !== `undefined`) {\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = (userAgent.indexOf(\"safari\") > -1 || userAgent.indexOf(\"framermobile\") > -1 || userAgent.indexOf(\"framerx\") > -1) && userAgent.indexOf(\"chrome\") < 0;\n return isSafari;\n } else return false;\n};\nexport const useIsBrowserSafari = ()=>useMemo(()=>isBrowserSafari()\n , [])\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isBrowser.map","import { useEffect } from \"react\";\n//@ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\nexport function useOnChange(value, callback) {\n useEffect(()=>// @ts-ignore this should be detected as a MV :shrug:\n isMotionValue(value) ? value.onChange(callback) : undefined\n );\n}\nexport function useMultiOnChange(values, handler) {\n useEffect(()=>{\n const subscriptions = values.map((value)=>value.onChange(handler)\n );\n return ()=>subscriptions.forEach((unsubscribe)=>unsubscribe()\n )\n ;\n });\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"Subscriber\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnChange.map","import { useCallback, useEffect, useRef } from \"react\";\nimport { motionValue, animate, RenderTarget } from \"framer\";\n// @ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\n// @ts-ignore\nimport { useConstant } from \"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";\nexport function useAutoMotionValue(inputValue, options) {\n var ref;\n // Put options on a local ref\n // Might wanna just memo instead but it works for now\n const optionsRef = useRef(options);\n const animation = useRef();\n const didInitialMount = useRef(false);\n const isOnCanvas = RenderTarget.current() === RenderTarget.canvas;\n // in-progress - trying to figure out effect hooks\n const onChangeDeps = (options === null || options === void 0 ? void 0 : options.onChangeDeps) ? options.onChangeDeps : [];\n // Memoize the onChange handler\n const onChange = useCallback(options === null || options === void 0 ? void 0 : options.onChange, [\n ...onChangeDeps, \n ]);\n // Optionally scale the value from props\n const transformer = useCallback((value)=>((ref = optionsRef.current) === null || ref === void 0 ? void 0 : ref.transform) ? optionsRef.current.transform(value) : value\n , []);\n // Create new MotionValue from inputValue\n const value = useConstant(()=>isMotionValue(inputValue) ? inputValue : motionValue(transformer(inputValue))\n );\n // Setting value from prop change\n useEffect(()=>{\n if (!isMotionValue(inputValue) && didInitialMount.current) {\n var ref1, ref2;\n const newValue = transformer(inputValue);\n (ref1 = animation.current) === null || ref1 === void 0 ? void 0 : ref1.stop();\n // Call change callback\n if (onChange) onChange(newValue, value);\n // Trigger animation to new value\n if (((ref2 = optionsRef.current) === null || ref2 === void 0 ? void 0 : ref2.animate) && !isOnCanvas) {\n var ref3;\n // @ts-ignore\n animation.current = animate(value, newValue, (ref3 = optionsRef.current) === null || ref3 === void 0 ? void 0 : ref3.transition);\n } else {\n value.set(newValue);\n }\n }\n didInitialMount.current = true;\n }, [\n inputValue,\n ...onChangeDeps\n ]);\n return value;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useAutoMotionValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","// @ts-ignore\nimport{fontStore}from\"framer\";import{useEffect}from\"react\";import{fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";const fontWeights={100:\"Thin\",200:\"Extra-light\",300:\"Light\",400:\"Regular\",500:\"Medium\",600:\"Semi-bold\",700:\"Bold\",800:\"Extra-bold\",900:\"Black\"};export function useFontControls(props){const{fontFamily=\"Inter\",fontSize=16,fontWeight=400,font=false}=props;const fontWeightName=fontWeights[fontWeight];const customFontStack=`\"${fontFamily} ${fontWeightName}\", \"${fontFamily}\", ${fontStack}`;const fontFamilyStyle=fontFamily?{fontSize,fontWeight,fontFamily:customFontStack}:{fontSize,fontWeight};const fetchCustomFonts=async()=>{await fontStore.loadWebFontsFromSelectors([`CUSTOM;${fontFamily}`,`CUSTOM;${fontFamily} ${fontWeightName}`,`GF;${fontFamily}-${fontWeightName.toLowerCase()}`,]).catch(e=>console.error(e));};useEffect(()=>{if(font)fetchCustomFonts();},[font,fontFamily,fontWeight]);return fontFamilyStyle;}\nexport const __FramerMetadata__ = {\"exports\":{\"useFontControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useFontControls.map","import { useMemo } from \"react\";\nimport { RenderTarget } from \"framer\";\nexport function useRenderTarget() {\n const currentRenderTarget = useMemo(()=>RenderTarget.current()\n , []);\n return currentRenderTarget;\n}\nexport function useIsInPreview() {\n const inPreview = useMemo(()=>RenderTarget.current() === RenderTarget.preview\n , []);\n return inPreview;\n}\nexport function useIsOnCanvas() {\n const onCanvas = useMemo(()=>RenderTarget.current() === RenderTarget.canvas\n , []);\n return onCanvas;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsInPreview\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useRenderTarget.map","import * as React from \"react\";\nexport function useControlledState(value) {\n const [controlledValue, setValue] = React.useState(value);\n React.useEffect(()=>{\n setValue(value);\n }, [\n value\n ]);\n return [\n controlledValue,\n setValue\n ];\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useControlledState\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useControlledState.map","import { useMemo } from \"react\";\nimport { ControlType } from \"framer\";\nexport function useRadius(props) {\n const { borderRadius , isMixedBorderRadius , topLeftRadius , topRightRadius , bottomRightRadius , bottomLeftRadius , } = props;\n const radiusValue = useMemo(()=>isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`\n , [\n borderRadius,\n isMixedBorderRadius,\n topLeftRadius,\n topRightRadius,\n bottomRightRadius,\n bottomLeftRadius, \n ]);\n return radiusValue;\n}\nexport const borderRadiusControl = {\n borderRadius: {\n title: \"Radius\",\n type: ControlType.FusedNumber,\n toggleKey: \"isMixedBorderRadius\",\n toggleTitles: [\n \"Radius\",\n \"Radius per corner\"\n ],\n valueKeys: [\n \"topLeftRadius\",\n \"topRightRadius\",\n \"bottomRightRadius\",\n \"bottomLeftRadius\", \n ],\n valueLabels: [\n \"TL\",\n \"TR\",\n \"BR\",\n \"BL\"\n ],\n min: 0\n }\n};\nexport function usePadding(props) {\n const { padding , paddingPerSide , paddingTop , paddingRight , paddingBottom , paddingLeft , } = props;\n const paddingValue = useMemo(()=>paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : padding\n , [\n padding,\n paddingPerSide,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft, \n ]);\n return paddingValue;\n}\nexport const paddingControl = {\n padding: {\n type: ControlType.FusedNumber,\n toggleKey: \"paddingPerSide\",\n toggleTitles: [\n \"Padding\",\n \"Padding per side\"\n ],\n valueKeys: [\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\", \n ],\n valueLabels: [\n \"T\",\n \"R\",\n \"B\",\n \"L\"\n ],\n min: 0,\n title: \"Padding\"\n }\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./propUtils.map","import{defaultEvents,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";import{useOnEnter,useOnExit}from\"https://framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js\";import{useConstant}from\"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";import{colorTokentoValue,colorFromToken}from\"https://framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js\";import{isMotionValue}from\"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";import{useUniqueClassName,randomID}from\"https://framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js\";import{getVariantControls}from\"https://framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js\";import{useIsBrowserSafari}from\"https://framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js\";import{useMultiOnChange,useOnChange}from\"https://framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js\";import{mstoMinAndSec,secondsToMinutes}from\"https://framerusercontent.com/modules/4zHZnO5JojN1PrIbu2jm/revv9QCWpkh8lPzi2jje/time.js\";import{useAutoMotionValue}from\"https://framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js\";import{useFontControls}from\"https://framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js\";import{useRenderTarget,useIsInPreview,useIsOnCanvas}from\"https://framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js\";import{useControlledState}from\"https://framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js\";import{usePadding,useRadius,paddingControl,borderRadiusControl}from\"https://framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js\";import{detectAutoSizingAxis}from\"https://framerusercontent.com/modules/8CkHAZatUz1UR8jNTcfD/HwbnIAZlUmQ2oTpcLkaH/detectAutoSizingAxis.js\";export{useOnEnter,useOnExit,defaultEvents,isMotionValue,colorFromToken,colorTokentoValue,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack,useUniqueClassName,getVariantControls,useIsBrowserSafari,randomID,useConstant,useMultiOnChange,useOnChange,usePadding,useRadius,paddingControl,borderRadiusControl,mstoMinAndSec,useFontControls,secondsToMinutes,useAutoMotionValue,useRenderTarget,useIsInPreview,useControlledState,detectAutoSizingAxis,useIsOnCanvas,};\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useUniqueClassName\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getVariantControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorFromToken\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useControlledState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useAutoMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsInPreview\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"detectAutoSizingAxis\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mstoMinAndSec\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnEnter\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"secondsToMinutes\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget,RenderTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius,useRenderTarget}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const defaultVideo=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\";// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(()=>playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the