{"version":3,"file":"StudyPageLayout.DrToVI3W.mjs","names":["_Fragment","React.useState"],"sources":["https:/framerusercontent.com/modules/07uBYwd6UwdeXPTnvKAZ/HAtmLrVI8sZRLBYOCwFN/StudyPageLayout.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";// One responsive layout layer for the native editable study pages.\n// It owns the class applied to its rendered page and scopes every rule to it.\nconst css=`\n.graphient-study-page{container:graphient-study / inline-size;width:100%!important;min-width:0!important;height:auto!important}\n.graphient-study-page [data-framer-name=\"Hero\"],.graphient-study-page [data-framer-name=\"Product value\"],.graphient-study-page [data-framer-name=\"Context and workflow\"],.graphient-study-page [data-framer-name=\"Questions and answers\"],.graphient-study-page [data-framer-name=\"Closing invitation\"]{width:100%!important;padding:104px 48px!important;height:auto!important}\n.graphient-study-page [data-framer-name=\"Hero layout\"],.graphient-study-page [data-framer-name=\"Context layout\"],.graphient-study-page [data-framer-name=\"FAQ layout\"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:64px!important;width:100%!important;height:auto!important}\n.graphient-study-page [data-framer-name=\"Hero copy\"],.graphient-study-page [data-framer-name=\"Context copy\"],.graphient-study-page [data-framer-name=\"FAQ introduction\"],.graphient-study-page [data-framer-name=\"FAQ list\"]{width:100%!important;min-width:0!important;align-self:auto!important}\n.graphient-study-page [data-framer-name=\"Hero illustration\"]{width:100%!important;max-width:640px!important;height:auto!important;align-self:center!important;justify-self:center!important}\n.graphient-study-page [data-framer-name=\"Benefit cards\"],.graphient-study-page [data-framer-name=\"Recovery opportunities\"],.graphient-study-page [data-framer-name=\"Workflow steps\"]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:24px!important;width:100%!important;height:auto!important}\n.graphient-study-page h1{--framer-font-size:64px!important;--framer-letter-spacing:-1.8px!important;--framer-line-height:1.1em!important}\n.graphient-study-page h2{--framer-font-size:42px!important;--framer-letter-spacing:-1.2px!important;--framer-line-height:1.2em!important}\n.graphient-study-page [data-framer-name=\"Hero copy\"]>div:has(>p){max-width:720px!important}\n.graphient-study-page [data-framer-name=\"Hero copy\"]>div>p{--framer-font-size:18px!important}\n.graphient-study-page [data-framer-name=\"Hero copy\"]>div:first-child>p{--framer-font-size:11px!important}\n@container graphient-study (max-width:1099px){\n.graphient-study-page [data-framer-name=\"Hero\"],.graphient-study-page [data-framer-name=\"Product value\"],.graphient-study-page [data-framer-name=\"Context and workflow\"],.graphient-study-page [data-framer-name=\"Questions and answers\"],.graphient-study-page [data-framer-name=\"Closing invitation\"]{padding:80px 32px!important}\n.graphient-study-page [data-framer-name=\"Hero layout\"],.graphient-study-page [data-framer-name=\"Context layout\"],.graphient-study-page [data-framer-name=\"FAQ layout\"]{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:40px!important}\n.graphient-study-page [data-framer-name=\"Hero illustration\"]{max-width:620px!important}\n.graphient-study-page h1{--framer-font-size:52px!important;--framer-letter-spacing:-1.2px!important}\n.graphient-study-page h2{--framer-font-size:36px!important;--framer-letter-spacing:-.8px!important}\n}\n@container graphient-study (max-width:650px){\n.graphient-study-page [data-framer-name=\"Hero\"],.graphient-study-page [data-framer-name=\"Product value\"],.graphient-study-page [data-framer-name=\"Context and workflow\"],.graphient-study-page [data-framer-name=\"Questions and answers\"],.graphient-study-page [data-framer-name=\"Closing invitation\"]{padding:64px 20px!important}\n.graphient-study-page [data-framer-name=\"Benefit cards\"],.graphient-study-page [data-framer-name=\"Recovery opportunities\"],.graphient-study-page [data-framer-name=\"Workflow steps\"]{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important}\n.graphient-study-page [data-framer-name=\"Benefit cards\"]>*,.graphient-study-page [data-framer-name=\"Workflow steps\"]>*{width:100%!important;height:auto!important}\n.graphient-study-page h1{--framer-font-size:42px!important;--framer-letter-spacing:-1.1px!important}\n.graphient-study-page h2{--framer-font-size:32px!important;--framer-letter-spacing:-.8px!important}\n.graphient-study-page [data-framer-name=\"Hero copy\"]>div>p{--framer-font-size:16px!important}\n.graphient-study-page [data-framer-name=\"Hero copy\"]>div:first-child>p{--framer-font-size:11px!important}\n}\n`;export function withStudyPageLayout(Component){return function StudyPageLayout(props){return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} graphient-study-page`})]});};}const legalCSS=`\n.graphient-legal-page{container:graphient-legal / inline-size;width:100%!important;min-width:0!important;height:auto!important}\n.graphient-legal-page [data-framer-name=\"Legal hero\"],.graphient-legal-page [data-framer-name=\"Legal reading section\"]{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important}\n.graphient-legal-page [data-framer-name=\"Legal reading content\"]{width:100%!important;max-width:820px!important;min-width:0!important}\n.graphient-legal-page h1{--framer-font-size:64px!important;--framer-letter-spacing:-1.8px!important;--framer-line-height:1.1em!important}\n.graphient-legal-page h2{--framer-font-size:38px!important;--framer-letter-spacing:-.8px!important;--framer-line-height:1.25em!important}\n.graphient-legal-page h3{--framer-font-size:21px!important;--framer-letter-spacing:-.3px!important;--framer-line-height:1.3em!important}\n@container graphient-legal (max-width:1099px){.graphient-legal-page [data-framer-name=\"Legal hero\"]{padding:80px 32px!important}.graphient-legal-page [data-framer-name=\"Legal reading section\"]{padding:64px 32px 80px!important}.graphient-legal-page h1{--framer-font-size:52px!important;--framer-letter-spacing:-1.2px!important}.graphient-legal-page h2{--framer-font-size:34px!important}}\n@container graphient-legal (max-width:650px){.graphient-legal-page [data-framer-name=\"Legal hero\"]{padding:64px 20px!important}.graphient-legal-page [data-framer-name=\"Legal reading section\"]{padding:52px 20px 64px!important}.graphient-legal-page h1{--framer-font-size:42px!important;--framer-letter-spacing:-1.1px!important}.graphient-legal-page h2{--framer-font-size:30px!important}.graphient-legal-page h3{--framer-font-size:20px!important}.graphient-legal-page p{--framer-font-size:16px!important}.graphient-legal-page [data-framer-name=\"Label\"] p{--framer-font-size:11px!important}.graphient-legal-page [data-framer-name=\"Effective Date\"] p{--framer-font-size:13px!important}}\n`;export function withLegalPageLayout(Component){return function LegalPageLayout(props){return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:legalCSS}),/*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} graphient-legal-page`})]});};}const blogCSS=`\n.graphient-blog-page{container:graphient-blog / inline-size;width:100%!important;min-width:0!important;height:auto!important;--blog-accent:#1F1610;--blog-tint:#BCA28D}\n.graphient-blog-page[data-blog-theme=teal]{--blog-accent:#397C6D;--blog-tint:#8ED8C4}\n.graphient-blog-page [data-framer-name=\"Blog hero\"],.graphient-blog-page [data-framer-name=\"Blog reading section\"],.graphient-blog-page [data-framer-name=\"Blog listing section\"]{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important}\n.graphient-blog-page [data-framer-name=\"Blog hero content\"],.graphient-blog-page [data-framer-name=\"Blog listing content\"]{width:100%!important;min-width:0!important}\n.graphient-blog-page [data-framer-name=\"Blog article content\"]{width:100%!important;max-width:820px!important;min-width:0!important}\n.graphient-blog-page [data-framer-name=\"Blog grid\"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;width:100%!important;height:auto!important}\n.graphient-blog-page [data-framer-name=\"Blog card\"]{width:100%!important;min-width:0!important;height:100%!important;transition:border-color .4s ease,background-color .4s ease!important}\n.graphient-blog-page [data-framer-name=\"Blog card\"]:hover{border-color:var(--blog-accent)!important}\n.graphient-blog-page [data-framer-name=\"Blog accent\"] p{--framer-text-color:var(--blog-tint)!important;color:var(--blog-tint)!important}\n.graphient-blog-page [data-framer-name^=\"Blog article navigation\"]{width:100%!important;min-width:0!important}\n.graphient-blog-page [data-framer-name^=\"Blog article navigation\"] a:hover p{--framer-text-color:var(--blog-accent)!important;color:var(--blog-accent)!important}.graphient-blog-page [data-framer-name=\"Blog card\"]:focus-visible,.graphient-blog-page [data-framer-name^=\"Blog article navigation\"] a:focus-visible{outline:2px solid var(--blog-accent);outline-offset:4px}\n.graphient-blog-page [data-framer-name=\"Blog article body\"] p{--framer-font-size:18px!important;--framer-line-height:1.8em!important}\n.graphient-blog-page [data-framer-name=\"Blog article body\"] h2{--framer-font-size:30px!important;--framer-line-height:1.3em!important;scroll-margin-top:100px}\n.graphient-blog-page [data-framer-name=\"Blog article body\"] a{overflow-wrap:anywhere}\n@container graphient-blog (max-width:1099px){.graphient-blog-page [data-framer-name=\"Blog hero\"]{padding:80px 32px!important}.graphient-blog-page [data-framer-name=\"Blog listing section\"],.graphient-blog-page [data-framer-name=\"Blog reading section\"]{padding:64px 32px 80px!important}.graphient-blog-page [data-framer-name=\"Blog hero\"] h1{--framer-font-size:52px!important;--framer-letter-spacing:-1.2px!important}}\n@container graphient-blog (max-width:799px){.graphient-blog-page [data-framer-name=\"Blog grid\"]{grid-template-columns:minmax(0,1fr)!important}.graphient-blog-page [data-framer-name=\"Blog card\"]{height:auto!important}}\n@container graphient-blog (max-width:650px){.graphient-blog-page [data-framer-name=\"Blog hero\"]{padding:64px 20px!important}.graphient-blog-page [data-framer-name=\"Blog listing section\"],.graphient-blog-page [data-framer-name=\"Blog reading section\"]{padding:52px 20px 64px!important}.graphient-blog-page [data-framer-name=\"Blog hero\"] h1{--framer-font-size:38px!important;--framer-letter-spacing:-.9px!important}.graphient-blog-page [data-framer-name=\"Blog card\"]{padding:26px!important}.graphient-blog-page [data-framer-name=\"Blog card\"] h2{--framer-font-size:23px!important}.graphient-blog-page [data-framer-name=\"Blog article body\"] p{--framer-font-size:17px!important}.graphient-blog-page [data-framer-name=\"Blog article body\"] h2{--framer-font-size:26px!important}.graphient-blog-page [data-framer-name^=\"Blog article navigation\"]{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.graphient-blog-page [data-framer-name^=\"Blog article navigation\"]>a{min-height:44px!important;justify-content:center!important}.graphient-blog-page [data-framer-name^=\"Blog article navigation\"]>*{width:100%!important}}\n@media(prefers-reduced-motion:reduce){.graphient-blog-page [data-framer-name=\"Blog card\"]{transition:none!important}}\n`;export function withBlogPageLayout(Component){return function BlogPageLayout(props){const[theme,setTheme]=React.useState(\"espresso\");React.useEffect(()=>{if(typeof window===\"undefined\")return;const receive=event=>{const value=event.detail;if(value===\"teal\"||value===\"espresso\")setTheme(value);};window.addEventListener(\"graphient:study-direction\",receive);const frame=requestAnimationFrame(()=>window.dispatchEvent(new Event(\"graphient:request-study-direction\")));return()=>{cancelAnimationFrame(frame);window.removeEventListener(\"graphient:study-direction\",receive);};},[]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:blogCSS}),/*#__PURE__*/_jsx(Component,{...props,\"data-blog-theme\":theme,className:`${props.className||\"\"} graphient-blog-page`})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withLegalPageLayout\":{\"type\":\"reactHoc\",\"name\":\"withLegalPageLayout\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withStudyPageLayout\":{\"type\":\"reactHoc\",\"name\":\"withStudyPageLayout\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withBlogPageLayout\":{\"type\":\"reactHoc\",\"name\":\"withBlogPageLayout\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./StudyPageLayout.map"],"mappings":"2IA8BE,SAAgB,EAAoB,EAAU,CAAC,OAAO,SAAyB,EAAM,CAAC,OAAoB,EAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,CAAG,CAAC,EAAe,EAAK,EAAU,CAAC,GAAG,EAAM,UAAU,GAAG,EAAM,WAAW,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAE,CAAE,CASpR,SAAgB,EAAoB,EAAU,CAAC,OAAO,SAAyB,EAAM,CAAC,OAAoB,EAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,CAAQ,CAAC,EAAe,EAAK,EAAU,CAAC,GAAG,EAAM,UAAU,GAAG,EAAM,WAAW,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAE,CAAE,CAmBzR,SAAgB,EAAmB,EAAU,CAAC,OAAO,SAAwB,EAAM,CAAC,GAAK,CAAC,EAAM,GAAUC,EAAe,UAAU,EAA4b,OAA1b,MAAoB,CAAC,GAAU,IAAS,OAAY,OAAO,IAAM,EAAQ,GAAO,CAAC,IAAM,EAAM,EAAM,QAAU,IAAQ,QAAQ,IAAQ,aAAW,EAAS,CAAK,CAAE,EAAE,EAAO,iBAAiB,4BAA4B,CAAO,EAAE,IAAM,EAAM,0BAA0B,EAAO,cAAc,IAAI,MAAM,mCAAmC,CAAC,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAK,EAAE,EAAO,oBAAoB,4BAA4B,CAAO,CAAE,CAAE,EAAE,CAAC,CAAC,EAAsB,EAAMD,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,CAAO,CAAC,EAAe,EAAK,EAAU,CAAC,GAAG,EAAM,kBAAkB,EAAM,UAAU,GAAG,EAAM,WAAW,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAE,CAAE,2BA1D5sB,IAA4B,EAEpG,EAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BmR,EAAS;;;;;;;;;EASJ,EAAQ"}