{"version":3,"file":"NHBlogProse.DfCSj0Ce.mjs","names":["_Fragment","__esmMin","init_jsx_runtime","c","p","withBlogProse","l","PROSE_CSS","Component","props","init_NHBlogProse"],"sources":["https:/framerusercontent.com/modules/nhqxy3RtECmw5CBy2H6R/WrHuLBHn7kyD0d7Ug9xZ/NHBlogProse.js"],"sourcesContent":["// Reading styles for the body of a blog entry (the Content field of the \"Blog\" collection on /articles/:slug).\n// Put the override on the text layer bound to Content: it sets the reading width and the look of every tag the\n// CMS can hold - headings, paragraphs, links, lists, quotes, images, embeds and code - in the site's type scale,\n// so old entries pasted from LinkedIn and new devlogs look the same without styling each tag by hand.\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";export const PROSE_CSS=`\n.gi-prose { width: 100%; max-width: 720px; margin: 0 auto; font-family: \"Poppins\", \"Inter\", sans-serif; color: rgba(255, 255, 255, 0.82); }\n.gi-prose, .gi-prose p, .gi-prose li { font-size: 18px !important; line-height: 1.75 !important; color: rgba(255, 255, 255, 0.82) !important; font-family: \"Poppins\", \"Inter\", sans-serif !important; }\n.gi-prose p { margin: 0 0 20px !important; }\n.gi-prose h2 { margin: 44px 0 16px !important; font: 700 30px/1.25 \"Poppins\", sans-serif !important; letter-spacing: -0.02em !important; color: #fff !important; }\n.gi-prose h3 { margin: 36px 0 12px !important; font: 700 22px/1.3 \"Poppins\", sans-serif !important; letter-spacing: -0.01em !important; color: #fff !important; }\n.gi-prose h4, .gi-prose h5, .gi-prose h6 { margin: 28px 0 10px !important; font: 700 18px/1.4 \"Poppins\", sans-serif !important; color: #fff !important; }\n.gi-prose strong, .gi-prose b { color: #fff !important; font-weight: 700 !important; }\n.gi-prose a { color: #fff !important; text-decoration: underline !important; text-decoration-color: #D91919 !important; text-decoration-thickness: 2px !important; text-underline-offset: 3px !important; }\n.gi-prose a, .gi-prose a *, .gi-prose p span, .gi-prose li span { font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; letter-spacing: inherit !important; }\n.gi-prose a { font-weight: inherit !important; }\n.gi-prose a:hover { color: #FF5A5A !important; }\n.gi-prose ul, .gi-prose ol { margin: 0 0 20px !important; padding-left: 24px !important; }\n.gi-prose li { margin: 0 0 8px !important; }\n.gi-prose li::marker { color: #D91919; }\n.gi-prose blockquote { margin: 32px 0 !important; padding: 20px 24px !important; border-left: 4px solid #D91919 !important; border-radius: 0 16px 16px 0 !important; background: rgba(255, 255, 255, 0.06) !important; }\n.gi-prose blockquote p { margin: 0 !important; font-size: 20px !important; line-height: 1.6 !important; color: #fff !important; font-weight: 700 !important; }\n.gi-prose img { display: block; width: 100% !important; height: auto !important; margin: 28px 0 !important; border-radius: 20px !important; }\n.gi-prose iframe { display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; margin: 28px 0 !important; border: 0; border-radius: 20px !important; overflow: hidden; }\n.gi-prose code { padding: 2px 6px !important; border-radius: 6px !important; background: rgba(255, 255, 255, 0.1) !important; font: 15px/1.6 \"JetBrains Mono\", ui-monospace, monospace !important; color: #fff !important; }\n.gi-prose pre { margin: 24px 0 !important; padding: 18px 20px !important; border-radius: 16px !important; background: #111 !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; overflow-x: auto !important; }\n.gi-prose pre code { padding: 0 !important; background: none !important; font-size: 14px !important; }\n.gi-prose hr { margin: 40px 0 !important; border: 0 !important; height: 1px !important; background: rgba(255, 255, 255, 0.12) !important; }\n.gi-prose br.trailing-break { display: none; }\n@media (max-width: 809px) {\n  .gi-prose, .gi-prose p, .gi-prose li { font-size: 17px !important; line-height: 1.7 !important; }\n  .gi-prose h2 { font-size: 24px !important; margin-top: 36px !important; }\n  .gi-prose h3 { font-size: 20px !important; }\n  .gi-prose img, .gi-prose iframe { border-radius: 16px !important; }\n}\n`;export function withBlogProse(Component){return props=>/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:PROSE_CSS}),/*#__PURE__*/_jsx(Component,{...props,className:`${props.className||\"\"} gi-prose`})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"withBlogProse\":{\"type\":\"reactHoc\",\"name\":\"withBlogProse\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PROSE_CSS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NHBlogProse.map"],"mappings":"A,kHAkCE,SAAgBK,EAAc,EAAU,CAAC,MAAO,IAAoB,gBAAML,EAAU,CAAC,SAAS,CAAc,gBAAK,QAAQ,CAAC,SAASO,CAAS,CAAC,EAAe,gBAAKC,EAAU,CAAC,GAAGC,EAAM,UAAU,GAAGA,EAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAE,C,wCA9B5I,EAAU"}