{"version":3,"file":"CSS.BSKauaa8.mjs","names":["useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/PTsUEEvwoHGBz6zKXbhQ/BHbtDshebXcEHNQKUE4R/CSS.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{forwardRef,useRef,useEffect}from\"react\";// Learn more: https://www.framer.com/developers/overrides/\nexport const withActiveStyle=Component=>{return /*#__PURE__*/forwardRef((props,ref)=>{const rootRef=useRef(null);const customStyle=`\n            .activeFilter a[data-framer-page-link-current=\"true\"], .activeFilter a[data-framer-page-link-current=\"true\"]:hover {\n                font-weight: bold;\n            }\n        `;props.className+=\" activeFilter\";useEffect(()=>{const root=rootRef.current;if(!root)return;const currentLink=root.querySelector('[data-framer-page-link-current=\"true\"]');if(!currentLink)return;const xOffset=currentLink.getBoundingClientRect().x;const minOffset=60;const scrollableWidth=root.scrollWidth-root.clientWidth;// if (scrollableWidth < minOffset) return\nif(scrollableWidth>=minOffset&&xOffset>minOffset){// console.log(\"scroll inside filters\")\nroot.scrollTo({left:xOffset-minOffset,// behavior: \"smooth\",\nbehavior:\"auto\"});}if(sessionStorage.getItem(\"isFromReponse\")!=\"1\"){// console.log(\"scroll to filters\")\nconst filters=document.getElementById(\"filters\");if(filters){filters.scrollIntoView({behavior:\"auto\",block:\"start\"});}}else{// console.log(\"scroll to card and remove\")\n// console.log(sessionStorage.getItem(\"anchor\"))\nif(sessionStorage.getItem(\"anchor\")){const card=document.getElementById(sessionStorage.getItem(\"anchor\"));sessionStorage.removeItem(\"anchor\");// console.log(card)\nif(card){const y=card.getBoundingClientRect().top+window.pageYOffset-120;window.scrollTo({top:y,behavior:\"auto\"});}}sessionStorage.removeItem(\"isFromReponse\");}},[]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:customStyle}),/*#__PURE__*/_jsx(Component,{ref:rootRef,...props})]});});};export const removeSession=Component=>{return /*#__PURE__*/forwardRef((props,ref)=>{const rootRef=useRef(null);sessionStorage.removeItem(\"isFromReponse\");sessionStorage.removeItem(\"anchor\");return /*#__PURE__*/_jsx(Component,{ref:rootRef,...props});});};export const withAnswerHistory=Component=>{return /*#__PURE__*/forwardRef((props,ref)=>{const rootRef=useRef(null);useEffect(()=>{sessionStorage.setItem(\"isFromReponse\",\"1\");sessionStorage.setItem(\"anchor\",location.pathname.split(\"/\").pop()+\"-card\");},[]);return /*#__PURE__*/_jsx(Component,{ref:rootRef,...props});});}/*export const withGridBackgrounds = (Component): ComponentType => {\n    return forwardRef((props, ref) => {\n        const rootRef = useRef(null)\n\n        const customStyle = `\n            [data-framer-name=\"Answers Grid\"] div:nth-child(5n+1) a {\n                background-color: #F7D9CE !important;\n            }\n            [data-framer-name=\"Answers Grid\"] div:nth-child(5n+2)  a {\n                background-color: #ACA198 !important;\n            }\n            [data-framer-name=\"Answers Grid\"] div:nth-child(5n+3) a {\n                background-color: #F7D9CE !important;\n            }\n            [data-framer-name=\"Answers Grid\"] div:nth-child(5n+4) a {\n                background-color: #F1EDEE !important;\n            }\n            [data-framer-name=\"Answers Grid\"] div:nth-child(5n) a {\n                background-color: #ACA198 !important;\n            }\n            \n            [data-framer-name=\"Answers Grid\"] div:nth-child(5n+2) a>div:nth-of-type(1)>div:nth-of-type(3) p, [data-framer-name=\"Answers Grid\"] div:nth-child(5n+2) a>div:nth-of-type(1)>div:nth-of-type(4) p, [data-framer-name=\"Answers Grid\"] div:nth-child(5n) a>div:nth-of-type(1)>div:nth-of-type(3) p, [data-framer-name=\"Answers Grid\"] div:nth-child(5n) a>div:nth-of-type(1)>div:nth-of-type(4) p {\n                color: white !important;\n            }\n        `\n\n        return (\n            <>\n                <style>{customStyle}</style>\n                <Component ref={rootRef} {...props} />\n            </>\n        )\n    })\n}*/;\nexport const __FramerMetadata__ = {\"exports\":{\"withActiveStyle\":{\"type\":\"reactHoc\",\"name\":\"withActiveStyle\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"removeSession\":{\"type\":\"reactHoc\",\"name\":\"removeSession\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withAnswerHistory\":{\"type\":\"reactHoc\",\"name\":\"withAnswerHistory\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CSS.map"],"mappings":"sLAA8E,IAA+C,EAChH,EAAgB,GAAgC,GAAY,EAAM,IAAM,CAAC,IAAM,EAAQA,EAAO,IAAI,EAWuD,MAP5J,GAAM,WAAW,gBAAgB,MAAc,CAAC,IAAM,EAAK,EAAQ,QAAQ,GAAG,CAAC,EAAK,OAAO,IAAM,EAAY,EAAK,cAAc,wCAAwC,EAAE,GAAG,CAAC,EAAY,OAAO,IAAM,EAAQ,EAAY,sBAAsB,CAAC,CAAC,EAG1O,GAHqR,EAAK,YAAY,EAAK,aAC1S,IAAW,EAAQ,IACvC,EAAK,SAAS,CAAC,KAAK,EAAQ,GAC5B,SAAS,MAAM,CAAC,EAAM,eAAe,QAAQ,eAAe,GAAG,IAAI,CACnE,IAAM,EAAQ,SAAS,eAAe,SAAS,EAAK,GAAS,EAAQ,eAAe,CAAC,SAAS,OAAO,MAAM,OAAO,CAAC,CAAG,KAAK,CAE3H,GAAG,eAAe,QAAQ,QAAQ,EAAE,CAAC,IAAM,EAAK,SAAS,eAAe,eAAe,QAAQ,QAAQ,CAAC,EACxG,GAD0G,eAAe,WAAW,QAAQ,EACzI,EAAK,CAAC,IAAM,EAAE,EAAK,sBAAsB,CAAC,CAAC,IAAI,EAAO,YAAY,IAAI,EAAO,SAAS,CAAC,IAAI,EAAE,SAAS,MAAM,CAAC,CAAE,CAAC,CAAC,eAAe,WAAW,eAAe,CAAE,CAAC,EAAE,CAAC,CAAC,EAAsB,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;SAAW,CAAC,EAAe,EAAK,EAAU,CAAC,IAAI,EAAQ,GAAG,CAAK,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,EAAiB,EAAc,GAAgC,GAAY,EAAM,IAAM,CAAC,IAAM,EAAQD,EAAO,IAAI,EAAiF,OAA/E,eAAe,WAAW,eAAe,EAAE,eAAe,WAAW,QAAQ,EAAsB,EAAK,EAAU,CAAC,IAAI,EAAQ,GAAG,CAAK,CAAC,CAAE,CAAC,EAAiB,EAAkB,GAAgC,GAAY,EAAM,IAAM,CAAC,IAAM,EAAQA,EAAO,IAAI,EAA+I,OAA7I,MAAc,CAAC,eAAe,QAAQ,gBAAgB,GAAG,EAAE,eAAe,QAAQ,SAAS,SAAS,SAAS,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,CAAE,EAAE,CAAC,CAAC,EAAsB,EAAK,EAAU,CAAC,IAAI,EAAQ,GAAG,CAAK,CAAC,CAAE,CAAC"}