{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/kYdRGi2lTSLniwQwFvOK/gXMtSUjux71TjaaYOVFw/Custom_Scrollbar.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";const BREAKPOINTS={DESKTOP:1200,TABLET:810,MOBILE:390};const UI_CONFIG={scrollbar:{width:8,tablet:6,mobile:4,borderRadius:4,thumbRadius:4,grab:40,touchGrab:48,colors:{track:\"#d6d6d6\",thumb:\"#FF4400\",hover:\"#8A8A91\",active:\"#000000\"}}};/**\n * @framerDisableUnlink\n */export function enhanceControl(Component){return props=>{useEffect(()=>{if(document.querySelector(\"[data-scrollbar-styles]\")){return;}const styleSheet=document.createElement(\"style\");styleSheet.setAttribute(\"data-scrollbar-styles\",\"\");styleSheet.textContent=`\n                /* Base styles - Desktop (>1200px) */\n                html {\n                    --scrollbar-width: ${UI_CONFIG.scrollbar.width}px;\n                    --scrollbar-grab: ${UI_CONFIG.scrollbar.grab}px;\n                }\n\n                /* Webkit/Blink Browsers */\n                ::-webkit-scrollbar {\n                    width: var(--scrollbar-width);\n                }\n\n                ::-webkit-scrollbar-track {\n                    background: ${UI_CONFIG.scrollbar.colors.track};\n                    border-radius: ${UI_CONFIG.scrollbar.borderRadius}px;\n                }\n\n                ::-webkit-scrollbar-thumb {\n                    background-color: ${UI_CONFIG.scrollbar.colors.thumb};\n                    border-radius: ${UI_CONFIG.scrollbar.thumbRadius}px;\n                    border: transparent;\n                    min-height: var(--scrollbar-grab);\n                }\n\n                ::-webkit-scrollbar-thumb:hover {\n                    background-color: ${UI_CONFIG.scrollbar.colors.hover};\n                }\n\n                ::-webkit-scrollbar-thumb:active {\n                    background-color: ${UI_CONFIG.scrollbar.colors.active};\n                }\n\n                /* Firefox */\n                * {\n                    scrollbar-width: thin;\n                    scrollbar-color: ${UI_CONFIG.scrollbar.colors.thumb} ${UI_CONFIG.scrollbar.colors.track};\n                }\n\n                /* Tablet Breakpoint (810px - 1199px) */\n                @media (max-width: ${BREAKPOINTS.DESKTOP-1}px) {\n                    html {\n                        --scrollbar-width: ${UI_CONFIG.scrollbar.tablet}px;\n                        --scrollbar-grab: ${UI_CONFIG.scrollbar.touchGrab}px;\n                    }\n                }\n\n                /* Mobile Breakpoint (390px - 809px) */\n                @media (max-width: ${BREAKPOINTS.TABLET-1}px) {\n                    html {\n                        --scrollbar-width: ${UI_CONFIG.scrollbar.mobile}px;\n                        --scrollbar-grab: ${UI_CONFIG.scrollbar.touchGrab}px;\n                    }\n                }\n\n                /* Small Mobile (<390px) */\n                @media (max-width: ${BREAKPOINTS.MOBILE-1}px) {\n                    html {\n                        --scrollbar-width: ${UI_CONFIG.scrollbar.mobile}px;\n                        --scrollbar-grab: ${UI_CONFIG.scrollbar.touchGrab}px;\n                    }\n                }\n\n                /* Touch Device Optimization */\n                @media (hover: none) and (pointer: coarse) {\n                    ::-webkit-scrollbar {\n                        width: ${UI_CONFIG.scrollbar.mobile}px;\n                    }\n                    \n                    ::-webkit-scrollbar-thumb {\n                        min-height: ${UI_CONFIG.scrollbar.touchGrab}px;\n                    }\n                }\n\n                /* iOS Momentum Scrolling */\n                html, body {\n                    -webkit-overflow-scrolling: touch;\n                }\n\n                /* Hide scrollbar for iOS while maintaining functionality */\n                @supports (-webkit-touch-callout: none) {\n                    ::-webkit-scrollbar {\n                        width: 0;\n                        height: 0;\n                    }\n                }\n            `;document.head.appendChild(styleSheet);return()=>{if(document.querySelectorAll(\"[data-scrollbar-styles]\").length===1){styleSheet.remove();}};},[]);return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"enhanceControl\":{\"type\":\"reactHoc\",\"name\":\"enhanceControl\",\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Custom_Scrollbar.map"],
  "mappings": "gDAAwE,IAAMA,EAAY,CAAC,QAAQ,KAAK,OAAO,IAAI,OAAO,GAAG,EAAQC,EAAU,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,GAAG,UAAU,GAAG,OAAO,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,UAAU,OAAO,SAAS,CAAC,CAAC,EAEvS,SAASC,EAAeC,EAAU,CAAC,OAAOC,IAAQC,EAAU,IAAI,CAAC,GAAG,SAAS,cAAc,yBAAyB,EAAG,OAAQ,IAAMC,EAAW,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAW,aAAa,wBAAwB,EAAE,EAAEA,EAAW,YAAY;AAAA;AAAA;AAAA,yCAG5NL,EAAU,UAAU,KAAK;AAAA,wCAC1BA,EAAU,UAAU,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAS9BA,EAAU,UAAU,OAAO,KAAK;AAAA,qCAC7BA,EAAU,UAAU,YAAY;AAAA;AAAA;AAAA;AAAA,wCAI7BA,EAAU,UAAU,OAAO,KAAK;AAAA,qCACnCA,EAAU,UAAU,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAM5BA,EAAU,UAAU,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,wCAIhCA,EAAU,UAAU,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAMlCA,EAAU,UAAU,OAAO,KAAK,IAAIA,EAAU,UAAU,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,qCAItED,EAAY,QAAQ,CAAC;AAAA;AAAA,6CAEbC,EAAU,UAAU,MAAM;AAAA,4CAC3BA,EAAU,UAAU,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,qCAKpCD,EAAY,OAAO,CAAC;AAAA;AAAA,6CAEZC,EAAU,UAAU,MAAM;AAAA,4CAC3BA,EAAU,UAAU,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,qCAKpCD,EAAY,OAAO,CAAC;AAAA;AAAA,6CAEZC,EAAU,UAAU,MAAM;AAAA,4CAC3BA,EAAU,UAAU,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAOxCA,EAAU,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA,sCAIrBA,EAAU,UAAU,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAgBrD,SAAS,KAAK,YAAYK,CAAU,EAAQ,IAAI,CAAI,SAAS,iBAAiB,yBAAyB,EAAE,SAAS,GAAGA,EAAW,OAAO,CAAG,CAAE,EAAE,CAAC,CAAC,EAAsBC,EAAKJ,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAI",
  "names": ["BREAKPOINTS", "UI_CONFIG", "enhanceControl", "Component", "props", "ue", "styleSheet", "p"]
}