{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ENnoGGQOhghMTffmzQiz/IqRHMpTSDo9ByZFz3ToN/ScrollStop.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";/**\n * @framerDisableUnlink\n */export function withHiddenGlobalScrollbar(Component){return props=>{useEffect(()=>{// Create a style element\nconst style=document.createElement(\"style\");// Define the global styles\nstyle.textContent=`\n                html, body {\n                    scrollbar-width: none !important;  /* Firefox */\n                    -ms-overflow-style: none !important;  /* IE and Edge */\n                    overflow-y: scroll !important;\n                }\n                \n                /* WebKit browsers (Chrome, Safari, etc) */\n                ::-webkit-scrollbar {\n                    display: none !important;\n                    width: 0 !important;\n                }\n            `;// Add the styles to the document head\ndocument.head.appendChild(style);// Cleanup function\nreturn()=>{document.head.removeChild(style);};},[]);// Return the component unchanged\nreturn /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withHiddenGlobalScrollbar\":{\"type\":\"reactHoc\",\"name\":\"withHiddenGlobalScrollbar\",\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollStop.map"],
  "mappings": "gDAEU,SAASA,EAA0BC,EAAU,CAAC,OAAOC,IAAQC,EAAU,IAAI,CACrF,IAAMC,EAAM,SAAS,cAAc,OAAO,EAC1C,OAAAA,EAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAalB,SAAS,KAAK,YAAYA,CAAK,EACzB,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAK,CAAE,CAAE,EAAE,CAAC,CAAC,EAC9BC,EAAKJ,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAI",
  "names": ["withHiddenGlobalScrollbar", "Component", "props", "ue", "style", "p"]
}