{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/slX9mq6pOuvl2zaqXZjF/QJVq1STXKj70SanewWp8/WithCustomScrollbar.js", "ssg:https://framerusercontent.com/modules/4UA6R6U5sNCHS0tcvoOT/l7Qs9K1UqhzZmXJtAhvi/WithOverflowClip.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";const scrollbarWidth=8;const scrollbarBorderRadius=500;const scrollbarBackgroundColor=\"#000000\";const thumbBorderRadius=100;const thumbColor=\"#0085ff\";const hoverColor=\"#57aeff\";const focusColor=\"#57aeff\";const scrollbarBlack=\"#000000\";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});};}export function blackOnBlackScrollbar(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: ${scrollbarBlack};\n                    padding: 4px;\n                    border-radius: ${scrollbarBorderRadius}px;,\n                }\n                ::-webkit-scrollbar-thumb {\n                    background-color: ${scrollbarBlack};\n                    border: transparent;\n                    border-radius: ${thumbBorderRadius}px;\n                }\n                ::-webkit-scrollbar-thumb:hover {\n                    background-color: ${scrollbarBlack};\n                }\n                ::-webkit-scrollbar-thumb:active {\n                    background-color: ${scrollbarBlack};\n                }\n            `;document.head.appendChild(styleTag);return()=>{document.head.removeChild(styleTag);};},[scrollbarWidth,scrollbarBlack,scrollbarBorderRadius,thumbBorderRadius]);return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"blackOnBlackScrollbar\":{\"type\":\"reactHoc\",\"name\":\"blackOnBlackScrollbar\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"customScrollbar\":{\"type\":\"reactHoc\",\"name\":\"customScrollbar\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WithCustomScrollbar.map", "import{jsx as _jsx}from\"react/jsx-runtime\";/**\n * @framerDisableUnlink\n * @framerIntrinsicWidth auto\n * @framerIntrinsicHeight auto\n */export function withOverflowClip(Component){return props=>{const{style,...rest}=props;return /*#__PURE__*/_jsx(Component,{...rest,style:{...style,overflow:\"clip\"}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withOverflowClip\":{\"type\":\"reactHoc\",\"name\":\"withOverflowClip\",\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"auto\",\"framerDisableUnlink\":\"* @framerIntrinsicWidth auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WithOverflowClip.map"],
  "mappings": "gDAA2C,IAAMA,EAAe,EAAQC,EAAsB,IAAUC,EAAyB,UAAgBC,EAAkB,IAAUC,EAAW,UAAgBC,EAAW,UAAgBC,EAAW,UAAgBC,EAAe,UAA8C,SAASC,EAAgBC,EAAU,CAAC,OAAOC,IAAQC,EAAU,IAAI,CAAC,IAAMC,EAAS,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAS,UAAU;AAAA;AAAA;AAAA,6BAGlaZ;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,YAAYM,CAAQ,EAAQ,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAQ,CAAE,CAAE,EAAE,CAACZ,EAAeI,EAAWF,EAAyBD,EAAsBE,EAAkBE,EAAWC,CAAU,CAAC,EAAsBO,EAAKJ,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAI,CAAQ,SAASI,EAAsBL,EAAU,CAAC,OAAOC,IAAQC,EAAU,IAAI,CAAC,IAAMC,EAAS,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAS,UAAU;AAAA;AAAA;AAAA,6BAG/XZ;AAAA;AAAA;AAAA,kCAGKO;AAAA;AAAA,qCAEGN;AAAA;AAAA;AAAA,wCAGGM;AAAA;AAAA,qCAEHJ;AAAA;AAAA;AAAA,wCAGGI;AAAA;AAAA;AAAA,wCAGAA;AAAA;AAAA,cAE1B,SAAS,KAAK,YAAYK,CAAQ,EAAQ,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAQ,CAAE,CAAE,EAAE,CAACZ,EAAeO,EAAeN,EAAsBE,CAAiB,CAAC,EAAsBU,EAAKJ,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAI,CCtCrN,SAASK,EAAiBC,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAK,CAAC,MAAAC,EAAM,GAAGC,CAAI,EAAEF,EAAM,OAAoBG,EAAKJ,EAAU,CAAC,GAAGG,EAAK,MAAM,CAAC,GAAGD,EAAM,SAAS,MAAM,CAAC,CAAC,CAAE,CAAE",
  "names": ["scrollbarWidth", "scrollbarBorderRadius", "scrollbarBackgroundColor", "thumbBorderRadius", "thumbColor", "hoverColor", "focusColor", "scrollbarBlack", "customScrollbar", "Component", "props", "ue", "styleTag", "p", "blackOnBlackScrollbar", "withOverflowClip", "Component", "props", "style", "rest", "p"]
}