{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/W4zML5QDxpdmdOQ8pPTD/QXXnSXvNbBI84i8Zbw05/Scroll.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";const scrollbarWidth=8;const scrollbarBorderRadius=8;const scrollbarBackgroundColor=\"#f6f6f6\";const thumbBorderRadius=8;const thumbColor=\"#f06e8e\";const hoverColor=\"#f06e8e\";const focusColor=\"#f06e8e\";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=./Scroll.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;AAAA;AAAA;AAAA,kCAGKE;AAAA;AAAA,qCAEGD;AAAA;AAAA;AAAA,wCAGGG;AAAA;AAAA,qCAEHD;AAAA;AAAA;AAAA,wCAGGE;AAAA;AAAA;AAAA,wCAGAC;AAAA;AAAA,cAE1B,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"]
}