{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/pjnWkgwXqk7olGV34oC4/uxcRlwkSYuM3DQQZqpsA/RedScrollColor.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";const scrollbarWidth=8;const scrollbarBorderRadius=0;const scrollbarBackgroundColor=\"#F7F7F5\";const thumbBorderRadius=8;const thumbColor=\"#FF5645\";const hoverColor=\"#FF5645\";const focusColor=\"#FF5645\";import{useEffect}from\"react\";export function customScrollbar(Component){return props=>{useEffect(()=>{const styleTag=document.createElement(\"style\");styleTag.innerHTML=`\n                \n                ::-webkit-scrollbar {\n                    width: ${scrollbarWidth}px;\n                }\n                ::-webkit-scrollbar-track {\n                    background: ${scrollbarBackgroundColor};\n                    padding: 4px;\n                    border-radius: ${scrollbarBorderRadius}px;,\n                }\n                ::-webkit-scrollbar-thumb {\n                    background-color: ${thumbColor};\n                    border: transparent;\n                    border-radius: ${thumbBorderRadius}px;\n                }\n                ::-webkit-scrollbar-thumb:hover {\n                    background-color: ${hoverColor};\n                }\n                ::-webkit-scrollbar-thumb:active {\n                    background-color: ${focusColor};\n                }\n            `;document.head.appendChild(styleTag);return()=>{document.head.removeChild(styleTag);};},[scrollbarWidth,thumbColor,scrollbarBackgroundColor,scrollbarBorderRadius,thumbBorderRadius,hoverColor,focusColor]);return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"customScrollbar\":{\"type\":\"reactHoc\",\"name\":\"customScrollbar\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./RedScrollColor.map"],
  "mappings": "gDAA2C,IAAMA,EAAe,EAAQC,EAAsB,EAAQC,EAAyB,UAAgBC,EAAkB,EAAQC,EAAW,UAAgBC,EAAW,UAAgBC,EAAW,UAA8C,SAASC,EAAgBC,EAAU,CAAC,OAAOC,IAAQC,EAAU,IAAI,CAAC,IAAMC,EAAS,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAS,UAAU;AAAA;AAAA;AAAA,6BAG/XX,CAAc;AAAA;AAAA;AAAA,kCAGTE,CAAwB;AAAA;AAAA,qCAErBD,CAAqB;AAAA;AAAA;AAAA,wCAGlBG,CAAU;AAAA;AAAA,qCAEbD,CAAiB;AAAA;AAAA;AAAA,wCAGdE,CAAU;AAAA;AAAA;AAAA,wCAGVC,CAAU;AAAA;AAAA,cAEpC,SAAS,KAAK,YAAYK,CAAQ,EAAQ,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAQ,CAAE,CAAE,EAAE,CAACX,EAAeI,EAAWF,EAAyBD,EAAsBE,EAAkBE,EAAWC,CAAU,CAAC,EAAsBM,EAAKJ,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAI",
  "names": ["scrollbarWidth", "scrollbarBorderRadius", "scrollbarBackgroundColor", "thumbBorderRadius", "thumbColor", "hoverColor", "focusColor", "customScrollbar", "Component", "props", "ue", "styleTag", "p"]
}