{"version":3,"file":"SelectionColorChanger.ChRUNGN4.mjs","names":[],"sources":["https:/framerusercontent.com/modules/nRPjD5SnD5nuGU8YwNM7/27uIENuQQhtaya6ypwod/CIEBFbGJh.js","https:/framerusercontent.com/modules/nj2QoIEKY0epX20DFnDr/tsftXo0iXn9aMx1WUd6t/SelectionColorChanger.js"],"sourcesContent":["// Generated by Framer (9eb3b99)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\"><g d=\"M 6.673 0.157 L 10.607 1.983 C 11.74 2.506 11.74 3.371 10.607 3.894 L 6.673 5.72 C 6.227 5.929 5.493 5.929 5.047 5.72 L 1.113 3.894 C -0.02 3.371 -0.02 2.506 1.113 1.983 L 5.047 0.157 C 5.493 -0.052 6.227 -0.052 6.673 0.157 Z M 0 5.79 C 0 6.375 0.42 7.052 0.933 7.289 L 5.46 9.394 C 5.807 9.554 6.2 9.554 6.54 9.394 L 11.067 7.289 C 11.58 7.052 12 6.375 12 5.79 M 0 9.276 C 0 9.924 0.367 10.509 0.933 10.774 L 5.46 12.88 C 5.807 13.04 6.2 13.04 6.54 12.88 L 11.067 10.774 C 11.633 10.509 12 9.924 12 9.276\" fill=\"transparent\" height=\"12.99999985862565px\" id=\"dTNXD_hWm\" transform=\"translate(3 3)\" width=\"12px\"><path d=\"M 6.41 0.157 L 10.343 1.983 C 11.477 2.506 11.477 3.371 10.343 3.894 L 6.41 5.72 C 5.963 5.929 5.23 5.929 4.783 5.72 L 0.85 3.894 C -0.283 3.371 -0.283 2.506 0.85 1.983 L 4.783 0.157 C 5.23 -0.052 5.963 -0.052 6.41 0.157 Z\" fill=\"transparent\" height=\"5.876927105858918px\" id=\"NAO2nZnCx\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"var(--fqygex, 1.5)\" stroke=\"var(--1ljnjn8, var(--token-2dceda9b-99a0-4b85-9bdd-10d88874322d, rgb(255, 255, 255)))\" transform=\"translate(0.263 0)\" width=\"11.193333323399225px\"/><path d=\"M 0 0 C 0 0.586 0.42 1.262 0.933 1.499 L 5.46 3.604 C 5.807 3.765 6.2 3.765 6.54 3.604 L 11.067 1.499 C 11.58 1.262 12 0.586 12 0\" fill=\"transparent\" height=\"3.72449387082251px\" id=\"HntopaJdJ\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"var(--fqygex, 1.5)\" stroke=\"var(--1ljnjn8, var(--token-2dceda9b-99a0-4b85-9bdd-10d88874322d, rgb(255, 255, 255)))\" transform=\"translate(0 5.79)\" width=\"12px\"/><path d=\"M 0 0 C 0 0.648 0.367 1.234 0.933 1.499 L 5.46 3.604 C 5.807 3.765 6.2 3.765 6.54 3.604 L 11.067 1.499 C 11.633 1.234 12 0.648 12 0\" fill=\"transparent\" height=\"3.7244938390333653px\" id=\"XZWRDPNr5\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"var(--fqygex, 1.5)\" stroke=\"var(--1ljnjn8, var(--token-2dceda9b-99a0-4b85-9bdd-10d88874322d, rgb(255, 255, 255)))\" transform=\"translate(0 9.276)\" width=\"12px\"/></g></svg>';const getProps=({color,height,id,width,width1,...props})=>{return{...props,JOTtQYEE3:color??props.JOTtQYEE3??\"var(--token-2dceda9b-99a0-4b85-9bdd-10d88874322d, rgb(255, 255, 255))\",WIxTXornW:width1??props.WIxTXornW??1.5};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,JOTtQYEE3,WIxTXornW,...restProps}=getProps(props);const href=useSVGTemplate(\"1964956415\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-GIfye\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1ljnjn8\":JOTtQYEE3,\"--fqygex\":WIxTXornW,...style},viewBox:\"0 0 18 18\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-GIfye { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 18px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 18\n * @framerIntrinsicHeight 18\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"JOTtQYEE3\":\"color\",\"WIxTXornW\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Stack\",\"color\":{\"type\":\"variable\",\"value\":\"1ljnjn8\"},\"set\":{\"localId\":\"vectorSet/enR_AWzYj\",\"id\":\"enR_AWzYj\",\"moduleId\":\"X6UEYXnP8OJUDsE6RO2S\"}}\n */const Icon=withCSS(Component,css,\"framer-GIfye\");Icon.displayName=\"Stack\";export default Icon;addPropertyControls(Icon,{JOTtQYEE3:{defaultValue:'var(--token-2dceda9b-99a0-4b85-9bdd-10d88874322d, rgb(255, 255, 255)) /* {\"name\":\"White\"} */',hidden:false,title:\"Color\",type:ControlType.Color},WIxTXornW:{defaultValue:1.5,hidden:false,min:0,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"18\",\"framerVariables\":\"{\\\"JOTtQYEE3\\\":\\\"color\\\",\\\"WIxTXornW\\\":\\\"width1\\\"}\",\"framerVector\":\"{\\\"name\\\":\\\"Stack\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1ljnjn8\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/enR_AWzYj\\\",\\\"id\\\":\\\"enR_AWzYj\\\",\\\"moduleId\\\":\\\"X6UEYXnP8OJUDsE6RO2S\\\"}}\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"18\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Component to customize text selection color across the website\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect}from\"react\";/**\n * Selection Color\n *\n * @framerIntrinsicWidth 0\n * @framerIntrinsicHeight 0\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function SelectionColorChanger(props){const{selectionColor,selectionTextColor,style}=props;useEffect(()=>{if(typeof document===\"undefined\")return;const styleId=\"custom-selection-style\";let styleElement=document.getElementById(styleId);if(!styleElement){styleElement=document.createElement(\"style\");styleElement.id=styleId;document.head.appendChild(styleElement);}styleElement.textContent=`\n            ::selection {\n                background-color: ${selectionColor};\n                color: ${selectionTextColor};\n            }\n            ::-moz-selection {\n                background-color: ${selectionColor};\n                color: ${selectionTextColor};\n            }\n        `;return()=>{const element=document.getElementById(styleId);if(element){element.remove();}};},[selectionColor,selectionTextColor]);return /*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",width:0,height:0,opacity:0,pointerEvents:\"none\"}});}addPropertyControls(SelectionColorChanger,{selectionColor:{type:ControlType.Color,title:\"Selection Color\",defaultValue:\"#000000\"},selectionTextColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SelectionColorChanger\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"0\",\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicHeight\":\"0\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SelectionColorChanger.map"],"mappings":"mRAC2C,IAAqF,IAA4B,CAAoC,EAAK,0BAAgC,EAAkB,EAAW,SAAS,EAAM,EAAI,CAAC,OAAoB,EAAK,MAAM,CAAC,GAAG,EAAU,MAAI,SAAS,EAAM,SAAS,CAAC,EAAG,CAAO,EAAU,EAAO,OAAO,EAAK,CAAO,EAAiB,GAAY,EAAM,IAAM,CAAC,GAAK,CAAC,WAAS,WAAS,WAAS,GAAG,GAAM,EAAM,OAAO,EAAsB,EAAK,EAAU,CAAC,GAAG,EAAc,WAAa,MAAa,WAAS,CAAC,CAAc,EAAK,MAAM,CAAC,GAAG,EAAS,MAAa,WAAS,CAAC,EAAG,CAAO,EAAI,unEAA6nE,GAAU,CAAC,QAAM,SAAO,KAAG,QAAM,SAAO,GAAG,MAAgB,CAAC,GAAG,EAAM,UAAU,GAAO,EAAM,WAAW,wEAAwE,UAAU,GAAQ,EAAM,WAAW,IAAI,EAS/9F,EAAK,EAT0/F,EAAiB,SAAS,EAAM,EAAI,CAAC,GAAK,CAAC,QAAM,YAAU,WAAS,UAAQ,YAAU,YAAU,GAAG,GAAW,EAAS,EAAM,CAAO,EAAK,EAAe,aAAa,EAAI,CAAC,OAAoB,EAAK,EAAI,CAAC,GAAG,EAAU,UAAU,EAAG,eAAe,EAAU,CAAU,WAAa,MAAI,KAAK,eAAe,MAAM,CAAC,YAAY,EAAU,WAAW,EAAU,GAAG,EAAM,CAAC,QAAQ,YAAY,SAAsB,EAAK,MAAM,CAAM,OAAK,CAAC,CAAC,CAAC,EAAG,CAAW,CAAC,iCAAiC,EAAK,2CAA2C,EAAK,kBAAkB,CASpgH,eAAe,CAAC,EAAK,YAAY,UAAuB,EAAK,EAAoB,EAAK,CAAC,UAAU,CAAC,aAAa,+FAA+F,OAAO,GAAM,MAAM,QAAQ,KAAK,EAAY,MAAM,CAAC,UAAU,CAAC,aAAa,IAAI,OAAO,GAAM,IAAI,EAAE,MAAM,QAAQ,KAAK,EAAY,OAAO,CAAC,CAAC,ICDzX,SAAwB,EAAsB,EAAM,CAAC,GAAK,CAAC,iBAAe,qBAAmB,SAAO,EASoC,OAT9B,MAAc,CAAC,GAAG,OAAO,SAAW,IAAY,OAAO,IAAM,EAAQ,yBAA6B,EAAa,SAAS,eAAe,EAAQ,CASlP,OATuP,IAAc,EAAa,SAAS,cAAc,QAAQ,CAAC,EAAa,GAAG,EAAQ,SAAS,KAAK,YAAY,EAAa,EAAE,EAAa,YAAY;;oCAElX,EAAe;yBAC1B,EAAmB;;;oCAGR,EAAe;yBAC1B,EAAmB;;cAExB,CAAC,IAAM,EAAQ,SAAS,eAAe,EAAQ,CAAI,GAAS,EAAQ,QAAQ,GAAM,CAAC,EAAe,EAAmB,CAAC,CAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,OAAO,CAAC,CAAC,kBAjB7M,IAAoD,IAA6B,CAiB8H,EAAoB,EAAsB,CAAC,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,kBAAkB,aAAa,UAAU,CAAC,mBAAmB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,CAAC"}