{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/o4XwvB2dU8LeKaOH0Moh/UtT5L9THEXhjrK2JMpMk/Highlight.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";export function withCustomTextSelection(Component){return props=>{React.useEffect(()=>{// Inject custom CSS for text selection highlight\nconst style=document.createElement(\"style\");style.textContent=`\n                ::selection {\n                    background-color: #2A136A; /* Custom highlight color */\n                    color: #F2F0E9; /* Optional: Text color within the selection */\n                    font-size: inherit; /* Ensure the font size remains the same */\n                    line-height: inherit; /* Ensure the line height remains the same */\n                    font-weight: inherit; /* Ensure the font weight remains the same */\n                }\n            `;document.head.appendChild(style);return()=>{document.head.removeChild(style)// Cleanup the style on component unmount\n;};},[]);return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withCustomTextSelection\":{\"type\":\"reactHoc\",\"name\":\"withCustomTextSelection\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Highlight.map"],
  "mappings": "yCAAkD,SAASA,EAAwBC,EAAU,CAAC,OAAOC,IAAQ,MAAM,UAAU,IAAI,CACjI,IAAMC,EAAM,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAQhD,SAAS,KAAK,YAAYA,CAAK,EAAQ,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAK,CACxF,CAAE,EAAE,CAAC,CAAC,EAAsBC,EAAKH,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAI",
  "names": ["withCustomTextSelection", "Component", "props", "style", "p"]
}