------------------------------------------------------------
commit f858586d6512edc0a160f18e9fc7b3ec93d1a101
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub> Date: Thu Nov 28 02:58:01 2024 +0000 updated gamma.html diff --git a/gamma.html b/gamma.html index e69de29..e13b797 100644 --- a/gamma.html +++ b/gamma.html @@ -0,0 +1,15178 @@ +<!doctype html> +<html> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width" /> + <title>The Scroll: The next Web</title> + <meta name="robots" content=", " /> + <meta content="" name="description" /> + <meta content="The Scroll: The next Web" property="og:title" /> + <meta content="" property="og:description" /> + <meta + content="https://assets.api.gamma.app/zre41d3qe8x9vyv/screenshots/p78tpuk1nbekt5p/zitkq73wjk1498b/slide/-eE0F1W4NWyCkhBjWxKyT91MJLs" + property="og:image" + /> + <meta content="The Scroll: The next Web" property="twitter:title" /> + <meta content="" property="twitter:description" /> + <meta + content="https://assets.api.gamma.app/zre41d3qe8x9vyv/screenshots/p78tpuk1nbekt5p/zitkq73wjk1498b/slide/-eE0F1W4NWyCkhBjWxKyT91MJLs" + property="twitter:image" + /> + <meta property="og:type" content="website" /> + <meta content="summary_large_image" name="twitter:card" /> + <meta name="next-head-count" content="14" /> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> + <link + rel="preload" + href="/_next/static/css/7f1bf32feb6a8541.css" + as="style" + /> + <link + rel="stylesheet" + href="/_next/static/css/7f1bf32feb6a8541.css" + data-n-p="" + /> + <link + rel="preload" + href="/_next/static/css/c5909dc245a8df8d.css" + as="style" + /> + <link + rel="stylesheet" + href="/_next/static/css/c5909dc245a8df8d.css" + data-n-p="" + /> + <noscript data-n-css=""></noscript> + <script + defer="" + nomodule="" + src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js" + ></script> + <script + src="/_next/static/chunks/webpack-e412375702c814fb.js" + defer="" + ></script> + <script + src="/_next/static/chunks/framework-2f78ac0a0f267d65.js" + defer="" + ></script> + <script + src="/_next/static/chunks/main-9017a88c46c7a2eb.js" + defer="" + ></script> + <script + src="/_next/static/chunks/pages/_app-c4482e5d57b7a6a9.js" + defer="" + ></script> + <script + src="/_next/static/chunks/5adc83ef-8e07286a1a4aed9b.js" + defer="" + ></script> + <script + src="/_next/static/chunks/93656207-47dd101c94d41b02.js" + defer="" + ></script> + <script + src="/_next/static/chunks/69bd6bf3-583fd1786d6463f8.js" + defer="" + ></script> + <script + src="/_next/static/chunks/b4d7d80c-da42a3086aafde9e.js" + defer="" + ></script> + <script + src="/_next/static/chunks/ad54e6ef-6fc63f30e1d3513e.js" + defer="" + ></script> + <script + src="/_next/static/chunks/8c469d57-15109969c63e1543.js" + defer="" + ></script> + <script + src="/_next/static/chunks/2edb282b-a83f7ffd007bccf0.js" + defer="" + ></script> + <script + src="/_next/static/chunks/998ccc15-ad35dfdb33c695e6.js" + defer="" + ></script> + <script + src="/_next/static/chunks/b13ba9de-11ef9f2e07c3e310.js" + defer="" + ></script> + <script + src="/_next/static/chunks/91bbf309-384c42be65e3e52b.js" + defer="" + ></script> + <script + src="/_next/static/chunks/b155a556-fcae5884b6180690.js" + defer="" + ></script> + <script + src="/_next/static/chunks/d08a6a05-d92448afdf309bb8.js" + defer="" + ></script> + <script + src="/_next/static/chunks/9b583bcd-f8f16bc96d67efb2.js" + defer="" + ></script> + <script + src="/_next/static/chunks/1035ef44-e4d66d81a61710cd.js" + defer="" + ></script> + <script + src="/_next/static/chunks/b779bb5e-28b0d806a81f2318.js" + defer="" + ></script> + <script + src="/_next/static/chunks/a29ae703-de9ed4e81359daba.js" + defer="" + ></script> + <script + src="/_next/static/chunks/6783-95d1ae1a3513cac1.js" + defer="" + ></script> + <script + src="/_next/static/chunks/5331-5aeb273aa8a844b3.js" + defer="" + ></script> + <script + src="/_next/static/chunks/pages/published/%5BdocId%5D-8a58ac17147be1f7.js" + defer="" + ></script> + <script + src="/_next/static/A555MGVG4vuV9jLmwHtow/_buildManifest.js" + defer="" + ></script> + <script + src="/_next/static/A555MGVG4vuV9jLmwHtow/_ssgManifest.js" + defer="" + ></script> + <style + data-href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900" + > + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZs.woff) + format("woff"); + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZs.woff) + format("woff"); + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZs.woff) + format("woff"); + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZs.woff) + format("woff"); + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZs.woff) + format("woff"); + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZs.woff) + format("woff"); + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZs.woff) + format("woff"); + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZs.woff) + format("woff"); + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZs.woff) + format("woff"); + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, + U+A640-A69F, U+FE2E-FE2F; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+1F00-1FFF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, + U+038E-03A1, U+03A3-03FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, + U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, + U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, + U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, + U+A720-A7FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 100; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, + U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, + U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, + U+A640-A69F, U+FE2E-FE2F; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+1F00-1FFF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, + U+038E-03A1, U+03A3-03FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, + U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, + U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, + U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, + U+A720-A7FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 200; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, + U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, + U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, + U+A640-A69F, U+FE2E-FE2F; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+1F00-1FFF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, + U+038E-03A1, U+03A3-03FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, + U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, + U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, + U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, + U+A720-A7FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 300; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, + U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, + U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, + U+A640-A69F, U+FE2E-FE2F; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+1F00-1FFF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, + U+038E-03A1, U+03A3-03FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, + U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, + U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, + U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, + U+A720-A7FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, + U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, + U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, + U+A640-A69F, U+FE2E-FE2F; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+1F00-1FFF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, + U+038E-03A1, U+03A3-03FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, + U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, + U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, + U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, + U+A720-A7FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, + U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, + U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, + U+A640-A69F, U+FE2E-FE2F; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+1F00-1FFF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, + U+038E-03A1, U+03A3-03FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, + U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, + U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, + U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, + U+A720-A7FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, + U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, + U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, + U+A640-A69F, U+FE2E-FE2F; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+1F00-1FFF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, + U+038E-03A1, U+03A3-03FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, + U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, + U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, + U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, + U+A720-A7FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 700; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, + U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, + U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, + U+A640-A69F, U+FE2E-FE2F; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+1F00-1FFF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, + U+038E-03A1, U+03A3-03FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, + U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, + U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, + U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, + U+A720-A7FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 800; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, + U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, + U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, + U+A640-A69F, U+FE2E-FE2F; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+1F00-1FFF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, + U+038E-03A1, U+03A3-03FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, + U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, + U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) + format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, + U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, + U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, + U+A720-A7FF; + } + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 900; + src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, + U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, + U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + </style> + </head> + <body> + <div id="__next"> + <style data-emotion="css-global 12ctgee"> + :host, + :root, + [data-theme] { + --chakra-ring-inset: var(--chakra-empty, /*!*/ /*!*/); + --chakra-ring-offset-width: 0px; + --chakra-ring-offset-color: #fff; + --chakra-ring-color: rgba(66, 153, 225, 0.6); + --chakra-ring-offset-shadow: 0 0 #0000; + --chakra-ring-shadow: 0 0 #0000; + --chakra-space-x-reverse: 0; + --chakra-space-y-reverse: 0; + --chakra-colors-transparent: transparent; + --chakra-colors-current: currentColor; + --chakra-colors-black: #000000; + --chakra-colors-white: #ffffff; + --chakra-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04); + --chakra-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06); + --chakra-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08); + --chakra-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16); + --chakra-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24); + --chakra-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36); + --chakra-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48); + --chakra-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64); + --chakra-colors-whiteAlpha-800: rgba(255, 255, 255, 0.8); + --chakra-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92); + --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04); + --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06); + --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08); + --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16); + --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24); + --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36); + --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48); + --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64); + --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.8); + --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92); + --chakra-colors-gray-50: #f9f6f6; + --chakra-colors-gray-100: #f7f3f2; + --chakra-colors-gray-200: #e5e0df; + --chakra-colors-gray-300: #cac5c4; + --chakra-colors-gray-400: #ada8a8; + --chakra-colors-gray-500: #8f8b8b; + --chakra-colors-gray-600: #726e6e; + --chakra-colors-gray-700: #565151; + --chakra-colors-gray-800: #3c3838; + --chakra-colors-gray-900: #272525; + --chakra-colors-red-50: #fff5f5; + --chakra-colors-red-100: #fed7d7; + --chakra-colors-red-200: #feb2b2; + --chakra-colors-red-300: #fc8181; + --chakra-colors-red-400: #f56565; + --chakra-colors-red-500: #e53e3e; + --chakra-colors-red-600: #c53030; + --chakra-colors-red-700: #9b2c2c; + --chakra-colors-red-800: #822727; + --chakra-colors-red-900: #63171b; + --chakra-colors-orange-50: #fffaf0; + --chakra-colors-orange-100: #feebc8; + --chakra-colors-orange-200: #fbd38d; + --chakra-colors-orange-300: #f6ad55; + --chakra-colors-orange-400: #ed8936; + --chakra-colors-orange-500: #dd6b20; + --chakra-colors-orange-600: #c05621; + --chakra-colors-orange-700: #9c4221; + --chakra-colors-orange-800: #7b341e; + --chakra-colors-orange-900: #652b19; + --chakra-colors-yellow-50: #fffff0; + --chakra-colors-yellow-100: #fefcbf; + --chakra-colors-yellow-200: #faf089; + --chakra-colors-yellow-300: #f6e05e; + --chakra-colors-yellow-400: #ecc94b; + --chakra-colors-yellow-500: #d69e2e; + --chakra-colors-yellow-600: #b7791f; + --chakra-colors-yellow-700: #975a16; + --chakra-colors-yellow-800: #744210; + --chakra-colors-yellow-900: #5f370e; + --chakra-colors-green-50: #f0fff4; + --chakra-colors-green-100: #c6f6d5; + --chakra-colors-green-200: #9ae6b4; + --chakra-colors-green-300: #68d391; + --chakra-colors-green-400: #48bb78; + --chakra-colors-green-500: #38a169; + --chakra-colors-green-600: #2f855a; + --chakra-colors-green-700: #276749; + --chakra-colors-green-800: #22543d; + --chakra-colors-green-900: #1c4532; + --chakra-colors-teal-50: #e6fffa; + --chakra-colors-teal-100: #b2f5ea; + --chakra-colors-teal-200: #81e6d9; + --chakra-colors-teal-300: #4fd1c5; + --chakra-colors-teal-400: #38b2ac; + --chakra-colors-teal-500: #319795; + --chakra-colors-teal-600: #2c7a7b; + --chakra-colors-teal-700: #285e61; + --chakra-colors-teal-800: #234e52; + --chakra-colors-teal-900: #1d4044; + --chakra-colors-blue-50: #ebf8ff; + --chakra-colors-blue-100: #bee3f8; + --chakra-colors-blue-200: #90cdf4; + --chakra-colors-blue-300: #63b3ed; + --chakra-colors-blue-400: #4299e1; + --chakra-colors-blue-500: #3182ce; + --chakra-colors-blue-600: #2b6cb0; + --chakra-colors-blue-700: #2c5282; + --chakra-colors-blue-800: #2a4365; + --chakra-colors-blue-900: #1a365d; + --chakra-colors-cyan-50: #edfdfd; + --chakra-colors-cyan-100: #c4f1f9; + --chakra-colors-cyan-200: #9decf9; + --chakra-colors-cyan-300: #76e4f7; + --chakra-colors-cyan-400: #0bc5ea; + --chakra-colors-cyan-500: #00b5d8; + --chakra-colors-cyan-600: #00a3c4; + --chakra-colors-cyan-700: #0987a0; + --chakra-colors-cyan-800: #086f83; + --chakra-colors-cyan-900: #065666; + --chakra-colors-purple-50: #faf5ff; + --chakra-colors-purple-100: #e9d8fd; + --chakra-colors-purple-200: #d6bcfa; + --chakra-colors-purple-300: #b794f4; + --chakra-colors-purple-400: #9f7aea; + --chakra-colors-purple-500: #805ad5; + --chakra-colors-purple-600: #6b46c1; + --chakra-colors-purple-700: #553c9a; + --chakra-colors-purple-800: #44337a; + --chakra-colors-purple-900: #322659; + --chakra-colors-pink-50: #fff5f7; + --chakra-colors-pink-100: #fed7e2; + --chakra-colors-pink-200: #fbb6ce; + --chakra-colors-pink-300: #f687b3; + --chakra-colors-pink-400: #ed64a6; + --chakra-colors-pink-500: #d53f8c; + --chakra-colors-pink-600: #b83280; + --chakra-colors-pink-700: #97266d; + --chakra-colors-pink-800: #702459; + --chakra-colors-pink-900: #521b41; + --chakra-colors-linkedin-50: #e8f4f9; + --chakra-colors-linkedin-100: #cfedfb; + --chakra-colors-linkedin-200: #9bdaf3; + --chakra-colors-linkedin-300: #68c7ec; + --chakra-colors-linkedin-400: #34b3e4; + --chakra-colors-linkedin-500: #00a0dc; + --chakra-colors-linkedin-600: #008cc9; + --chakra-colors-linkedin-700: #0077b5; + --chakra-colors-linkedin-800: #005e93; + --chakra-colors-linkedin-900: #004471; + --chakra-colors-facebook-50: #e8f4f9; + --chakra-colors-facebook-100: #d9dee9; + --chakra-colors-facebook-200: #b7c2da; + --chakra-colors-facebook-300: #6482c0; + --chakra-colors-facebook-400: #4267b2; + --chakra-colors-facebook-500: #385898; + --chakra-colors-facebook-600: #314e89; + --chakra-colors-facebook-700: #29487d; + --chakra-colors-facebook-800: #223b67; + --chakra-colors-facebook-900: #1e355b; + --chakra-colors-messenger-50: #d0e6ff; + --chakra-colors-messenger-100: #b9daff; + --chakra-colors-messenger-200: #a2cdff; + --chakra-colors-messenger-300: #7ab8ff; + --chakra-colors-messenger-400: #2e90ff; + --chakra-colors-messenger-500: #0078ff; + --chakra-colors-messenger-600: #0063d1; + --chakra-colors-messenger-700: #0052ac; + --chakra-colors-messenger-800: #003c7e; + --chakra-colors-messenger-900: #002c5c; + --chakra-colors-whatsapp-50: #dffeec; + --chakra-colors-whatsapp-100: #b9f5d0; + --chakra-colors-whatsapp-200: #90edb3; + --chakra-colors-whatsapp-300: #65e495; + --chakra-colors-whatsapp-400: #3cdd78; + --chakra-colors-whatsapp-500: #22c35e; + --chakra-colors-whatsapp-600: #179848; + --chakra-colors-whatsapp-700: #0c6c33; + --chakra-colors-whatsapp-800: #01421c; + --chakra-colors-whatsapp-900: #001803; + --chakra-colors-twitter-50: #e5f4fd; + --chakra-colors-twitter-100: #c8e9fb; + --chakra-colors-twitter-200: #a8dcfa; + --chakra-colors-twitter-300: #83cdf7; + --chakra-colors-twitter-400: #57bbf5; + --chakra-colors-twitter-500: #1da1f2; + --chakra-colors-twitter-600: #1a94da; + --chakra-colors-twitter-700: #1681bf; + --chakra-colors-twitter-800: #136b9e; + --chakra-colors-twitter-900: #0d4d71; + --chakra-colors-telegram-50: #e3f2f9; + --chakra-colors-telegram-100: #c5e4f3; + --chakra-colors-telegram-200: #a2d4ec; + --chakra-colors-telegram-300: #7ac1e4; + --chakra-colors-telegram-400: #47a9da; + --chakra-colors-telegram-500: #0088cc; + --chakra-colors-telegram-600: #007ab8; + --chakra-colors-telegram-700: #006ba1; + --chakra-colors-telegram-800: #005885; + --chakra-colors-telegram-900: #003f5e; + --chakra-colors-gradient-light: linear-gradient( + 180deg, + #ffffff 0%, + #fcf9f5 100% + ); + --chakra-colors-gradient-dark: linear-gradient( + 180deg, + #3c3838 0%, + #272525 100% + ); + --chakra-colors-gradient-blue-to-purple: linear-gradient( + 91.78deg, + #3300d9 1.24%, + #9d20c9 73.37%, + #df7a6c 166.1% + ); + --chakra-colors-gradient-blue-to-orange: linear-gradient( + 92.91deg, + #3300d9 2.18%, + #9d20c9 44.94%, + #df7a6c 99.91% + ); + --chakra-colors-linen-50: #fefdfc; + --chakra-colors-linen-100: #fcfaf8; + --chakra-colors-linen-200: #faf5f2; + --chakra-colors-linen-300: #f7f1eb; + --chakra-colors-linen-400: #f5ece5; + --chakra-colors-linen-500: #f2e7de; + --chakra-colors-linen-600: #c2b9b2; + --chakra-colors-linen-700: #918b85; + --chakra-colors-linen-800: #615c59; + --chakra-colors-linen-900: #302e2c; + --chakra-colors-linen-950: #181716; + --chakra-colors-champagne-50: #fdfbfa; + --chakra-colors-champagne-100: #fbf8f5; + --chakra-colors-champagne-200: #f7f1eb; + --chakra-colors-champagne-300: #f4e9e1; + --chakra-colors-champagne-400: #f0e2d7; + --chakra-colors-champagne-500: #ecdbcd; + --chakra-colors-champagne-600: #bdafa4; + --chakra-colors-champagne-700: #8e837b; + --chakra-colors-champagne-800: #5e5852; + --chakra-colors-champagne-900: #2f2c29; + --chakra-colors-champagne-950: #181614; + --chakra-colors-sunglow-50: #fffae8; + --chakra-colors-sunglow-100: #fff5d1; + --chakra-colors-sunglow-200: #ffeba2; + --chakra-colors-sunglow-300: #ffe074; + --chakra-colors-sunglow-400: #ffd645; + --chakra-colors-sunglow-500: #ffcc17; + --chakra-colors-sunglow-600: #cca312; + --chakra-colors-sunglow-700: #997a0e; + --chakra-colors-sunglow-800: #665209; + --chakra-colors-sunglow-900: #332905; + --chakra-colors-sunglow-950: #191402; + --chakra-colors-salmon-50: #fef3f0; + --chakra-colors-salmon-100: #fde6e1; + --chakra-colors-salmon-200: #fbcdc4; + --chakra-colors-salmon-300: #f8b5a6; + --chakra-colors-salmon-400: #f69c89; + --chakra-colors-salmon-500: #f4836b; + --chakra-colors-salmon-600: #c36956; + --chakra-colors-salmon-700: #924f40; + --chakra-colors-salmon-800: #62342b; + --chakra-colors-salmon-900: #311a15; + --chakra-colors-salmon-950: #180d0b; + --chakra-colors-shocking-50: #fdebf9; + --chakra-colors-shocking-100: #fbd8f2; + --chakra-colors-shocking-200: #f6b0e5; + --chakra-colors-shocking-300: #f289d9; + --chakra-colors-shocking-400: #ed61cc; + --chakra-colors-shocking-500: #e93abf; + --chakra-colors-shocking-600: #ba2e99; + --chakra-colors-shocking-700: #8c2373; + --chakra-colors-shocking-800: #5d174c; + --chakra-colors-shocking-900: #2f0c26; + --chakra-colors-shocking-950: #170613; + --chakra-colors-orchid-50: #f5e9fa; + --chakra-colors-orchid-100: #ebd2f4; + --chakra-colors-orchid-200: #d8a6e9; + --chakra-colors-orchid-300: #c479df; + --chakra-colors-orchid-400: #b14dd4; + --chakra-colors-orchid-500: #9d20c9; + --chakra-colors-orchid-600: #7e1aa1; + --chakra-colors-orchid-700: #5e1379; + --chakra-colors-orchid-800: #3f0d50; + --chakra-colors-orchid-900: #1f0628; + --chakra-colors-orchid-950: #100314; + --chakra-colors-indigo-50: #ede7f5; + --chakra-colors-indigo-100: #dacfeb; + --chakra-colors-indigo-200: #b69ed7; + --chakra-colors-indigo-300: #916ec3; + --chakra-colors-indigo-400: #6d3daf; + --chakra-colors-indigo-500: #480d9b; + --chakra-colors-indigo-600: #3a0a7c; + --chakra-colors-indigo-700: #2b085d; + --chakra-colors-indigo-800: #1d053e; + --chakra-colors-indigo-900: #0e031f; + --chakra-colors-indigo-950: #07010f; + --chakra-colors-trueblue-50: #eae7ff; + --chakra-colors-trueblue-100: #d5ceff; + --chakra-colors-trueblue-200: #aa9dff; + --chakra-colors-trueblue-300: #806cff; + --chakra-colors-trueblue-400: #553bff; + --chakra-colors-trueblue-500: #2b0aff; + --chakra-colors-trueblue-600: #2208cc; + --chakra-colors-trueblue-700: #1a0699; + --chakra-colors-trueblue-800: #110466; + --chakra-colors-trueblue-900: #090233; + --chakra-colors-trueblue-950: #040119; + --chakra-colors-capri-50: #e6f9ff; + --chakra-colors-capri-100: #ccf2ff; + --chakra-colors-capri-200: #99e5ff; + --chakra-colors-capri-300: #66d9ff; + --chakra-colors-capri-400: #33ccff; + --chakra-colors-capri-500: #00bfff; + --chakra-colors-capri-600: #0099cc; + --chakra-colors-capri-700: #007399; + --chakra-colors-capri-800: #004c66; + --chakra-colors-capri-900: #002633; + --chakra-colors-capri-950: #001319; + --chakra-colors-flamingo-50: #fee6e6; + --chakra-colors-flamingo-100: #fddddd; + --chakra-colors-flamingo-200: #fcc9c9; + --chakra-colors-flamingo-300: #fbb6b6; + --chakra-colors-flamingo-400: #f88686; + --chakra-colors-flamingo-500: #f65555; + --chakra-colors-flamingo-600: #f32525; + --chakra-colors-flamingo-700: #d90c0c; + --chakra-colors-flamingo-800: #a90909; + --chakra-colors-flamingo-900: #780707; + --chakra-colors-flamingo-950: #3c0303; + --chakra-borders-none: 0; + --chakra-borders-1px: 1px solid; + --chakra-borders-2px: 2px solid; + --chakra-borders-4px: 4px solid; + --chakra-borders-8px: 8px solid; + --chakra-fonts-heading: "Inter", sans-serif; + --chakra-fonts-body: "Inter", sans-serif; + --chakra-fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, + "Liberation Mono", "Courier New", monospace; + --chakra-fontSizes-3xs: 0.45rem; + --chakra-fontSizes-2xs: 0.625rem; + --chakra-fontSizes-xs: 0.75rem; + --chakra-fontSizes-sm: 0.875rem; + --chakra-fontSizes-md: 1rem; + --chakra-fontSizes-lg: 1.125rem; + --chakra-fontSizes-xl: 1.25rem; + --chakra-fontSizes-2xl: 1.5rem; + --chakra-fontSizes-3xl: 1.875rem; + --chakra-fontSizes-4xl: 2.25rem; + --chakra-fontSizes-5xl: 3rem; + --chakra-fontSizes-6xl: 3.75rem; + --chakra-fontSizes-7xl: 4.5rem; + --chakra-fontSizes-8xl: 6rem; + --chakra-fontSizes-9xl: 8rem; + --chakra-fontSizes-xxs: 11px; + --chakra-fontWeights-hairline: 100; + --chakra-fontWeights-thin: 200; + --chakra-fontWeights-light: 300; + --chakra-fontWeights-normal: 400; + --chakra-fontWeights-medium: 500; + --chakra-fontWeights-semibold: 600; + --chakra-fontWeights-bold: 700; + --chakra-fontWeights-extrabold: 800; + --chakra-fontWeights-black: 900; + --chakra-letterSpacings-tighter: -0.05em; + --chakra-letterSpacings-tight: -0.025em; + --chakra-letterSpacings-normal: 0; + --chakra-letterSpacings-wide: 0.025em; + --chakra-letterSpacings-wider: 0.05em; + --chakra-letterSpacings-widest: 0.1em; + --chakra-lineHeights-3: 0.75rem; + --chakra-lineHeights-4: 1rem; + --chakra-lineHeights-5: 1.25rem; + --chakra-lineHeights-6: 1.5rem; + --chakra-lineHeights-7: 1.75rem; + --chakra-lineHeights-8: 2rem; + --chakra-lineHeights-9: 2.25rem; + --chakra-lineHeights-10: 2.5rem; + --chakra-lineHeights-normal: normal; + --chakra-lineHeights-none: 1; + --chakra-lineHeights-shorter: 1.25; + --chakra-lineHeights-short: 1.375; + --chakra-lineHeights-base: 1.5; + --chakra-lineHeights-tall: 1.625; + --chakra-lineHeights-taller: 2; + --chakra-radii-none: 0; + --chakra-radii-sm: 0.125rem; + --chakra-radii-base: 0.25rem; + --chakra-radii-md: 0.375rem; + --chakra-radii-lg: 0.5rem; + --chakra-radii-xl: 0.75rem; + --chakra-radii-2xl: 1rem; + --chakra-radii-3xl: 1.5rem; + --chakra-radii-full: 9999px; + --chakra-space-1: 0.25rem; + --chakra-space-2: 0.5rem; + --chakra-space-3: 0.75rem; + --chakra-space-4: 1rem; + --chakra-space-5: 1.25rem; + --chakra-space-6: 1.5rem; + --chakra-space-7: 1.75rem; + --chakra-space-8: 2rem; + --chakra-space-9: 2.25rem; + --chakra-space-10: 2.5rem; + --chakra-space-12: 3rem; + --chakra-space-14: 3.5rem; + --chakra-space-16: 4rem; + --chakra-space-20: 5rem; + --chakra-space-24: 6rem; + --chakra-space-28: 7rem; + --chakra-space-32: 8rem; + --chakra-space-36: 9rem; + --chakra-space-40: 10rem; + --chakra-space-44: 11rem; + --chakra-space-48: 12rem; + --chakra-space-52: 13rem; + --chakra-space-56: 14rem; + --chakra-space-60: 15rem; + --chakra-space-64: 16rem; + --chakra-space-72: 18rem; + --chakra-space-80: 20rem; + --chakra-space-96: 24rem; + --chakra-space-px: 1px; + --chakra-space-0-5: 0.125rem; + --chakra-space-1-5: 0.375rem; + --chakra-space-2-5: 0.625rem; + --chakra-space-3-5: 0.875rem; + --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05); + --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px 0 rgba(0, 0, 0, 0.06); + --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), + 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), + 0 4px 6px -2px rgba(0, 0, 0, 0.05); + --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), + 0 10px 10px -5px rgba(0, 0, 0, 0.04); + --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6); + --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + --chakra-shadows-none: none; + --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, + rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px; + --chakra-sizes-1: 0.25rem; + --chakra-sizes-2: 0.5rem; + --chakra-sizes-3: 0.75rem; + --chakra-sizes-4: 1rem; + --chakra-sizes-5: 1.25rem; + --chakra-sizes-6: 1.5rem; + --chakra-sizes-7: 1.75rem; + --chakra-sizes-8: 2rem; + --chakra-sizes-9: 2.25rem; + --chakra-sizes-10: 2.5rem; + --chakra-sizes-12: 3rem; + --chakra-sizes-14: 3.5rem; + --chakra-sizes-16: 4rem; + --chakra-sizes-20: 5rem; + --chakra-sizes-24: 6rem; + --chakra-sizes-28: 7rem; + --chakra-sizes-32: 8rem; + --chakra-sizes-36: 9rem; + --chakra-sizes-40: 10rem; + --chakra-sizes-44: 11rem; + --chakra-sizes-48: 12rem; + --chakra-sizes-52: 13rem; + --chakra-sizes-56: 14rem; + --chakra-sizes-60: 15rem; + --chakra-sizes-64: 16rem; + --chakra-sizes-72: 18rem; + --chakra-sizes-80: 20rem; + --chakra-sizes-96: 24rem; + --chakra-sizes-px: 1px; + --chakra-sizes-0-5: 0.125rem; + --chakra-sizes-1-5: 0.375rem; + --chakra-sizes-2-5: 0.625rem; + --chakra-sizes-3-5: 0.875rem; + --chakra-sizes-max: max-content; + --chakra-sizes-min: min-content; + --chakra-sizes-full: 100%; + --chakra-sizes-3xs: 14rem; + --chakra-sizes-2xs: 16rem; + --chakra-sizes-xs: 20rem; + --chakra-sizes-sm: 24rem; + --chakra-sizes-md: 28rem; + --chakra-sizes-lg: 32rem; + --chakra-sizes-xl: 36rem; + --chakra-sizes-2xl: 42rem; + --chakra-sizes-3xl: 48rem; + --chakra-sizes-4xl: 56rem; + --chakra-sizes-5xl: 64rem; + --chakra-sizes-6xl: 72rem; + --chakra-sizes-7xl: 80rem; + --chakra-sizes-8xl: 90rem; + --chakra-sizes-prose: 60ch; + --chakra-sizes-container-sm: 640px; + --chakra-sizes-container-md: 768px; + --chakra-sizes-container-lg: 1024px; + --chakra-sizes-container-xl: 1280px; + --chakra-zIndices-hide: -1; + --chakra-zIndices-auto: auto; + --chakra-zIndices-base: 0; + --chakra-zIndices-docked: 10; + --chakra-zIndices-dropdown: 1600; + --chakra-zIndices-sticky: 1100; + --chakra-zIndices-banner: 1200; + --chakra-zIndices-overlay: 1300; + --chakra-zIndices-modal: 1800; + --chakra-zIndices-popover: 1500; + --chakra-zIndices-skipLink: 1600; + --chakra-zIndices-toast: 1700; + --chakra-zIndices-tooltip: 5600; + --chakra-zIndices-modalPopover: 1900; + --chakra-transition-property-common: background-color, border-color, + color, fill, stroke, opacity, box-shadow, transform; + --chakra-transition-property-colors: background-color, border-color, + color, fill, stroke; + --chakra-transition-property-dimensions: width, height; + --chakra-transition-property-position: left, right, top, bottom; + --chakra-transition-property-background: background-color, + background-image, background-position; + --chakra-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1); + --chakra-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1); + --chakra-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + --chakra-transition-duration-ultra-fast: 50ms; + --chakra-transition-duration-faster: 100ms; + --chakra-transition-duration-fast: 150ms; + --chakra-transition-duration-normal: 200ms; + --chakra-transition-duration-slow: 300ms; + --chakra-transition-duration-slower: 400ms; + --chakra-transition-duration-ultra-slow: 500ms; + --chakra-blur-none: 0; + --chakra-blur-sm: 4px; + --chakra-blur-base: 8px; + --chakra-blur-md: 12px; + --chakra-blur-lg: 16px; + --chakra-blur-xl: 24px; + --chakra-blur-2xl: 40px; + --chakra-blur-3xl: 64px; + --chakra-breakpoints-base: 0em; + --chakra-breakpoints-sm: 30em; + --chakra-breakpoints-md: 46em; + --chakra-breakpoints-lg: 62em; + --chakra-breakpoints-xl: 78em; + --chakra-breakpoints-2xl: 96em; + --chakra-breakpoints-3xl: 112em; + --chakra-breakpoints-4xl: 128em; + } + .chakra-ui-light :host:not([data-theme]), + .chakra-ui-light :root:not([data-theme]), + .chakra-ui-light [data-theme]:not([data-theme]), + [data-theme="light"] :host:not([data-theme]), + [data-theme="light"] :root:not([data-theme]), + [data-theme="light"] [data-theme]:not([data-theme]), + :host[data-theme="light"], + :root[data-theme="light"], + [data-theme][data-theme="light"] { + --chakra-colors-chakra-body-text: var(--chakra-colors-gray-800); + --chakra-colors-chakra-body-bg: var(--chakra-colors-white); + --chakra-colors-chakra-border-color: var(--chakra-colors-gray-200); + --chakra-colors-chakra-inverse-text: var(--chakra-colors-white); + --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-100); + --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-600); + --chakra-colors-chakra-placeholder-color: var( + --chakra-colors-gray-500 + ); + } + .chakra-ui-dark :host:not([data-theme]), + .chakra-ui-dark :root:not([data-theme]), + .chakra-ui-dark [data-theme]:not([data-theme]), + [data-theme="dark"] :host:not([data-theme]), + [data-theme="dark"] :root:not([data-theme]), + [data-theme="dark"] [data-theme]:not([data-theme]), + :host[data-theme="dark"], + :root[data-theme="dark"], + [data-theme][data-theme="dark"] { + --chakra-colors-chakra-body-text: var(--chakra-colors-whiteAlpha-900); + --chakra-colors-chakra-body-bg: var(--chakra-colors-gray-800); + --chakra-colors-chakra-border-color: var( + --chakra-colors-whiteAlpha-300 + ); + --chakra-colors-chakra-inverse-text: var(--chakra-colors-gray-800); + --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-700); + --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-400); + --chakra-colors-chakra-placeholder-color: var( + --chakra-colors-whiteAlpha-400 + ); + }</style + ><style data-emotion="css-global fubdgu"> + html { + line-height: 1.5; + -webkit-text-size-adjust: 100%; + font-family: system-ui, sans-serif; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + touch-action: manipulation; + } + body { + position: relative; + min-height: 100%; + margin: 0; + font-feature-settings: "kern"; + } + :where(*, *::before, *::after) { + border-width: 0; + border-style: solid; + box-sizing: border-box; + word-wrap: break-word; + } + main { + display: block; + } + hr { + border-top-width: 1px; + box-sizing: content-box; + height: 0; + overflow: visible; + } + :where(pre, code, kbd, samp) { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; + font-size: 1em; + } + a { + background-color: transparent; + color: inherit; + -webkit-text-decoration: inherit; + text-decoration: inherit; + } + abbr[title] { + border-bottom: none; + -webkit-text-decoration: underline; + text-decoration: underline; + -webkit-text-decoration: underline dotted; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + } + :where(b, strong) { + font-weight: bold; + } + small { + font-size: 80%; + } + :where(sub, sup) { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + sub { + bottom: -0.25em; + } + sup { + top: -0.5em; + } + img { + border-style: none; + } + :where(button, input, optgroup, select, textarea) { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0; + } + :where(button, input) { + overflow: visible; + } + :where(button, select) { + text-transform: none; + } + :where( + button::-moz-focus-inner, + [type="button"]::-moz-focus-inner, + [type="reset"]::-moz-focus-inner, + [type="submit"]::-moz-focus-inner + ) { + border-style: none; + padding: 0; + } + fieldset { + padding: 0.35em 0.75em 0.625em; + } + legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; + } + progress { + vertical-align: baseline; + } + textarea { + overflow: auto; + } + :where([type="checkbox"], [type="radio"]) { + box-sizing: border-box; + padding: 0; + } + input[type="number"]::-webkit-inner-spin-button, + input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none !important; + } + input[type="number"] { + -moz-appearance: textfield; + } + input[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; + } + input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none !important; + } + ::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; + } + details { + display: block; + } + summary { + display: -webkit-box; + display: -webkit-list-item; + display: -ms-list-itembox; + display: list-item; + } + template { + display: none; + } + [hidden] { + display: none !important; + } + :where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) { + margin: 0; + } + button { + background: transparent; + padding: 0; + } + fieldset { + margin: 0; + padding: 0; + } + :where(ol, ul) { + margin: 0; + padding: 0; + } + textarea { + resize: vertical; + } + :where(button, [role="button"]) { + cursor: pointer; + } + button::-moz-focus-inner { + border: 0 !important; + } + table { + border-collapse: collapse; + } + :where(h1, h2, h3, h4, h5, h6) { + font-size: inherit; + font-weight: inherit; + } + :where(button, input, optgroup, select, textarea) { + padding: 0; + line-height: inherit; + color: inherit; + } + :where(img, svg, video, canvas, audio, iframe, embed, object) { + display: block; + } + :where(img, video) { + max-width: 100%; + height: auto; + } + [data-js-focus-visible] + :focus:not([data-focus-visible-added]):not( + [data-focus-visible-disabled] + ) { + outline: none; + box-shadow: none; + } + select::-ms-expand { + display: none; + } + :root, + :host { + --chakra-vh: 100vh; + } + @supports (height: -webkit-fill-available) { + :root, + :host { + --chakra-vh: -webkit-fill-available; + } + } + @supports (height: -moz-fill-available) { + :root, + :host { + --chakra-vh: -moz-fill-available; + } + } + @supports (height: 100dvh) { + :root, + :host { + --chakra-vh: 100dvh; + } + }</style + ><style data-emotion="css-global 14xbed4"> + body { + font-family: var(--chakra-fonts-body); + color: var(--chakra-colors-chakra-body-text); + background: var(--chakra-colors-chakra-body-bg); + transition-property: background-color; + transition-duration: var(--chakra-transition-duration-normal); + line-height: var(--chakra-lineHeights-base); + } + *::-webkit-input-placeholder { + color: var(--chakra-colors-chakra-placeholder-color); + } + *::-moz-placeholder { + color: var(--chakra-colors-chakra-placeholder-color); + } + *:-ms-input-placeholder { + color: var(--chakra-colors-chakra-placeholder-color); + } + *::placeholder { + color: var(--chakra-colors-chakra-placeholder-color); + } + *, + *::before, + ::after { + border-color: var(--chakra-colors-chakra-border-color); + } + html, + body { + font-family: var(--chakra-fonts-body); + font-weight: 500; + } + #__next { + height: 100%; + } + :not(.chakra-dont-set-collapse) > .chakra-collapse { + overflow: initial !important; + } + .ProseMirror { + outline: 0 none; + }</style + ><style data-emotion="css ec1ch0"> + .css-ec1ch0 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + position: relative; + height: var(--100vh); + } + </style> + <div class="css-ec1ch0"> + <style + data-emotion="css-global 11ja2pg animation-1sld7a4 animation-16z1uo4 animation-1sld7a4 animation-16z1uo4 animation-1sld7a4 animation-16z1uo4 animation-1sld7a4 animation-16z1uo4 animation-yjfgth animation-1sld7a4 animation-16z1uo4" + > + .card-content { + height: 100%; + outline-width: 0px; + line-height: var(--line-height-body); + letter-spacing: var(--letter-spacing-body); + --block-margin: 1.125em; + --grid-border: 1px; + --grid-padding: 1.22em; + } + .card-content.is-focused .is-empty [data-placeholder]::after { + content: attr(data-placeholder); + position: absolute; + top: 0px; + opacity: 0.25; + pointer-events: none; + left: 0px; + width: 100%; + color: var(--heading-color); + line-clamp: 1px; + text-overflow: ellipsis; + overflow: hidden; + box-orient: vertical; + word-break: break-all; + height: 100%; + white-space: nowrap; + } + .card-content.is-focused .is-empty [data-multiline-placeholder] { + position: relative; + } + .card-content.is-focused + .is-empty + [data-multiline-placeholder]::after { + content: attr(data-multiline-placeholder); + position: relative; + top: 0px; + opacity: 0.25; + pointer-events: none; + left: 0px; + width: 100%; + color: inherit; + line-clamp: 0; + text-overflow: ellipsis; + overflow: hidden; + box-orient: vertical; + word-break: normal; + height: 100%; + white-space: normal; + } + .card-content.is-focused + .is-empty + [data-multiline-placeholder] + > [data-node-view-content-inner] { + position: absolute; + width: 100%; + min-height: 1em; + } + .card-content.is-dark .block-blockquote blockquote { + border-left-color: var(--accent-color); + } + .card-content.is-dark mark.highlight { + color: var(--chakra-colors-black); + background-color: var(--highlight-color); + } + .card-content.is-dark mark.highlight[variant="gray"] { + background-color: #999999; + } + .card-content.is-dark mark.highlight[variant="red"] { + background-color: #eb5252; + } + .card-content.is-dark mark.highlight[variant="orange"] { + background-color: #dd8404; + } + .card-content.is-dark mark.highlight[variant="yellow"] { + background-color: #caad07; + } + .card-content.is-dark mark.highlight[variant="green"] { + background-color: #50bd3d; + } + .card-content.is-dark mark.highlight[variant="blue"] { + background-color: #85bafa; + } + .card-content.is-dark mark.highlight[variant="purple"] { + background-color: #b1a0f8; + } + .card-content.is-dark mark.highlight[variant="primary"] { + background-color: #856e01; + } + .card-content.is-dark mark.highlight[variant="secondary"] { + background-color: #952222; + } + .card-content.is-dark mark.highlight[variant="tertiary"] { + background-color: #257d04; + } + .card-content.is-dark span.textColor { + color: var(--text-color, var(--body-color)); + } + .card-content.is-dark span.textColor[variant="gray"] { + --text-color: #afafaf; + } + .card-content.is-dark span.textColor[variant="red"] { + --text-color: #ef8784; + } + .card-content.is-dark span.textColor[variant="orange"] { + --text-color: #f5c274; + } + .card-content.is-dark span.textColor[variant="yellow"] { + --text-color: #f5f380; + } + .card-content.is-dark span.textColor[variant="green"] { + --text-color: #8ce29f; + } + .card-content.is-dark span.textColor[variant="blue"] { + --text-color: #8dd4fb; + } + .card-content.is-dark span.textColor[variant="purple"] { + --text-color: #a08cf8; + } + .card-content.is-dark + .block-numbered[data-text-color="gray"] + li::before { + --text-color: #afafaf; + } + .card-content.is-dark + .block-numbered[data-text-color="red"] + li::before { + --text-color: #ef8784; + } + .card-content.is-dark + .block-numbered[data-text-color="orange"] + li::before { + --text-color: #f5c274; + } + .card-content.is-dark + .block-numbered[data-text-color="yellow"] + li::before { + --text-color: #f5f380; + } + .card-content.is-dark + .block-numbered[data-text-color="green"] + li::before { + --text-color: #8ce29f; + } + .card-content.is-dark + .block-numbered[data-text-color="blue"] + li::before { + --text-color: #8dd4fb; + } + .card-content.is-dark + .block-numbered[data-text-color="purple"] + li::before { + --text-color: #a08cf8; + } + .card-content.is-dark .block-numbered li::before { + color: var(--text-color, var(--body-color)); + } + .card-content.is-dark + .block-bullet[data-text-color="gray"] + li::marker { + --text-color: #afafaf; + } + .card-content.is-dark + .block-bullet[data-text-color="red"] + li::marker { + --text-color: #ef8784; + } + .card-content.is-dark + .block-bullet[data-text-color="orange"] + li::marker { + --text-color: #f5c274; + } + .card-content.is-dark + .block-bullet[data-text-color="yellow"] + li::marker { + --text-color: #f5f380; + } + .card-content.is-dark + .block-bullet[data-text-color="green"] + li::marker { + --text-color: #8ce29f; + } + .card-content.is-dark + .block-bullet[data-text-color="blue"] + li::marker { + --text-color: #8dd4fb; + } + .card-content.is-dark + .block-bullet[data-text-color="purple"] + li::marker { + --text-color: #a08cf8; + } + .card-content.is-dark .block-bullet li::marker { + color: var(--text-color, var(--body-color)); + } + .card-content + .block-card.expandable-node-selected + .expandable-selected { + -webkit-animation: animation-16z1uo4 3000ms ease-in-out forwards; + animation: animation-16z1uo4 3000ms ease-in-out forwards; + } + .card-content .block-card.expandable-node-reset .expandable-selected { + -webkit-animation: animation-1sld7a4; + animation: animation-1sld7a4; + } + .card-content .block { + margin-top: var(--block-margin); + margin-bottom: var(--block-margin); + font-family: var(--body-font); + font-weight: var(--body-font-weight); + color: var(--body-color); + } + .card-content.is-nested { + display: grid; + -webkit-animation: animation-yjfgth 225ms ease-out forwards; + animation: animation-yjfgth 225ms ease-out forwards; + } + .card-content.is-full-width .block.is-full-width { + width: var(--full-width); + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + } + .card-content + [data-node-view-content-inner="cardLayoutItem"] + > .first-block, + .card-content [data-node-view-content-inner="card"] > .first-block { + margin-top: 0em; + } + .card-content + [data-node-view-content-inner="cardLayoutItem"] + > .last-block, + .card-content [data-node-view-content-inner="card"] > .last-block { + margin-bottom: 0em; + } + .card-content a.link { + color: var(--text-color, var(--link-color)); + cursor: pointer; + font-weight: var(--chakra-fontWeights-bold); + -webkit-text-decoration: underline; + text-decoration: underline; + } + .card-content a.link[href=""] { + text-decoration-style: dashed; + } + .card-content a.link:hover { + color: var(--text-color, var(--link-color-hover)); + } + .card-content a.link:active { + color: var(--text-color, var(--link-color-hover)); + } + .card-content .block-toggle.expandable-node-selected .toggle { + -webkit-animation: animation-16z1uo4 3000ms ease-in-out forwards; + animation: animation-16z1uo4 3000ms ease-in-out forwards; + } + .card-content .block-toggle.expandable-node-reset .toggle { + -webkit-animation: animation-1sld7a4; + animation: animation-1sld7a4; + } + .card-content + .block-toggle + [data-open="false"] + [data-node-view-content-inner="toggle"] + > :not(:first-child) { + display: none; + } + .card-content mark.highlight { + color: var(--chakra-colors-black); + --link-color: black; + background-color: var(--highlight-color); + border-radius: 0.125em; + -webkit-padding-start: 0.05em; + padding-inline-start: 0.05em; + -webkit-padding-end: 0.05em; + padding-inline-end: 0.05em; + -webkit-margin-start: -0.05em; + margin-inline-start: -0.05em; + -webkit-margin-end: -0.05em; + margin-inline-end: -0.05em; + -webkit-box-decoration-break: clone; + box-decoration-break: clone; + } + .card-content mark.highlight[variant="gray"] { + background-color: #d6d6d6; + } + .card-content mark.highlight[variant="red"] { + background-color: #ffbdbd; + } + .card-content mark.highlight[variant="orange"] { + background-color: #f8cb96; + } + .card-content mark.highlight[variant="yellow"] { + background-color: #fbeb8f; + } + .card-content mark.highlight[variant="green"] { + background-color: #c9fdcb; + } + .card-content mark.highlight[variant="blue"] { + background-color: #d1e5fd; + } + .card-content mark.highlight[variant="purple"] { + background-color: #d5ccfb; + } + .card-content mark.highlight[variant="primary"] { + background-color: #ffd300; + } + .card-content mark.highlight[variant="secondary"] { + background-color: #ff7979; + } + .card-content mark.highlight[variant="tertiary"] { + background-color: #a9ff8b; + } + .card-content span.textColor { + color: var(--text-color, var(--body-color)); + } + .card-content span.textColor[variant="gray"] { + --text-color: #7a7a7a; + } + .card-content span.textColor[variant="red"] { + --text-color: #eb0000; + } + .card-content span.textColor[variant="orange"] { + --text-color: #bd6f00; + } + .card-content span.textColor[variant="yellow"] { + --text-color: #b29500; + } + .card-content span.textColor[variant="green"] { + --text-color: #008545; + } + .card-content span.textColor[variant="blue"] { + --text-color: #006ed6; + } + .card-content span.textColor[variant="purple"] { + --text-color: #7b57ff; + } + .card-content .block-numbered[data-text-color="gray"] li::before { + --text-color: #7a7a7a; + } + .card-content .block-numbered[data-text-color="red"] li::before { + --text-color: #eb0000; + } + .card-content .block-numbered[data-text-color="orange"] li::before { + --text-color: #bd6f00; + } + .card-content .block-numbered[data-text-color="yellow"] li::before { + --text-color: #b29500; + } + .card-content .block-numbered[data-text-color="green"] li::before { + --text-color: #008545; + } + .card-content .block-numbered[data-text-color="blue"] li::before { + --text-color: #006ed6; + } + .card-content .block-numbered[data-text-color="purple"] li::before { + --text-color: #7b57ff; + } + .card-content .block-numbered li::before { + color: var(--text-color, var(--body-color)); + } + .card-content .block-bullet[data-text-color="gray"] li::marker { + --text-color: #7a7a7a; + } + .card-content .block-bullet[data-text-color="red"] li::marker { + --text-color: #eb0000; + } + .card-content .block-bullet[data-text-color="orange"] li::marker { + --text-color: #bd6f00; + } + .card-content .block-bullet[data-text-color="yellow"] li::marker { + --text-color: #b29500; + } + .card-content .block-bullet[data-text-color="green"] li::marker { + --text-color: #008545; + } + .card-content .block-bullet[data-text-color="blue"] li::marker { + --text-color: #006ed6; + } + .card-content .block-bullet[data-text-color="purple"] li::marker { + --text-color: #7b57ff; + } + .card-content .block-bullet li::marker { + color: var(--text-color, var(--body-color)); + } + .card-content .block-bullet, + .card-content .block-numbered, + .card-content .block-todo { + margin: 0px; + margin-bottom: 0.35em; + text-align: left; + } + .card-content .block-bullet.first-block, + .card-content .block-numbered.first-block, + .card-content .block-todo.first-block { + margin-top: 0.35em; + } + .card-content ol.block-numbered { + list-style: none; + } + .card-content .block-todo { + list-style: none; + } + .card-content .block-todo label.chakra-checkbox { + pointer-events: none; + } + .card-content + .block-todo + label.chakra-checkbox + .chakra-checkbox__control { + pointer-events: auto; + width: 1em; + height: 1em; + top: 0.3em; + position: relative; + border-radius: var(--box-border-radius); + border-color: var(--link-color); + border-width: 0.125em; + } + .card-content + .block-todo + label.chakra-checkbox + .chakra-checkbox__control[data-checked] { + background-color: var(--link-color); + color: var(--body-color-inverted); + } + .card-content + .block-todo + label.chakra-checkbox + .chakra-checkbox__control + svg { + font-size: 0.5em; + } + .card-content .block-bullet li, + .card-content .block-todo li { + position: relative; + } + .card-content + ol.block-numbered[indent="0"] + li[data-node-view-content] { + margin-left: calc(1 * 1.6em); + position: relative; + } + .card-content + ol.block-numbered[indent="0"] + li[data-node-view-content]::before { + position: absolute; + left: -1.6em; + content: attr(data-list-counter) "."; + } + .card-content + ol.block-numbered[indent="1"] + li[data-node-view-content] { + margin-left: calc(2 * 1.6em); + position: relative; + } + .card-content + ol.block-numbered[indent="1"] + li[data-node-view-content]::before { + position: absolute; + left: -1.6em; + content: attr(data-list-counter) "."; + } + .card-content + ol.block-numbered[indent="2"] + li[data-node-view-content] { + margin-left: calc(3 * 1.6em); + position: relative; + } + .card-content + ol.block-numbered[indent="2"] + li[data-node-view-content]::before { + position: absolute; + left: -1.6em; + content: attr(data-list-counter) "."; + } + .card-content + ol.block-numbered[indent="3"] + li[data-node-view-content] { + margin-left: calc(4 * 1.6em); + position: relative; + } + .card-content + ol.block-numbered[indent="3"] + li[data-node-view-content]::before { + position: absolute; + left: -1.6em; + content: attr(data-list-counter) "."; + } + .card-content + ol.block-numbered[indent="4"] + li[data-node-view-content] { + margin-left: calc(5 * 1.6em); + position: relative; + } + .card-content + ol.block-numbered[indent="4"] + li[data-node-view-content]::before { + position: absolute; + left: -1.6em; + content: attr(data-list-counter) "."; + } + .card-content + ol.block-numbered[indent="5"] + li[data-node-view-content] { + margin-left: calc(6 * 1.6em); + position: relative; + } + .card-content + ol.block-numbered[indent="5"] + li[data-node-view-content]::before { + position: absolute; + left: -1.6em; + content: attr(data-list-counter) "."; + } + .card-content + ol.block-numbered[indent="6"] + li[data-node-view-content] { + margin-left: calc(7 * 1.6em); + position: relative; + } + .card-content + ol.block-numbered[indent="6"] + li[data-node-view-content]::before { + position: absolute; + left: -1.6em; + content: attr(data-list-counter) "."; + } + .card-content + ol.block-numbered[indent="7"] + li[data-node-view-content] { + margin-left: calc(8 * 1.6em); + position: relative; + } + .card-content + ol.block-numbered[indent="7"] + li[data-node-view-content]::before { + position: absolute; + left: -1.6em; + content: attr(data-list-counter) "."; + } + .card-content + ol.block-numbered[indent="8"] + li[data-node-view-content] { + margin-left: calc(9 * 1.6em); + position: relative; + } + .card-content + ol.block-numbered[indent="8"] + li[data-node-view-content]::before { + position: absolute; + left: -1.6em; + content: attr(data-list-counter) "."; + } + .card-content ul.block-bullet[indent="0"] li[data-node-view-content] { + list-style: disc; + padding-left: 0.4em; + margin-left: calc(1 * 1.6em - 0.4em); + } + .card-content + ul.block-bullet[indent="0"] + li[data-node-view-content]::after { + padding-left: 0.4em; + } + .card-content ul.block-todo[indent="0"] li.todo { + margin-left: calc(1 * 1.6em); + list-style: none; + } + .card-content ul.block-todo[indent="0"] .chakra-checkbox__control { + left: -1.6em; + } + .card-content ul.block-bullet[indent="1"] li[data-node-view-content] { + list-style: circle; + padding-left: 0.4em; + margin-left: calc(2 * 1.6em - 0.4em); + } + .card-content + ul.block-bullet[indent="1"] + li[data-node-view-content]::after { + padding-left: 0.4em; + } + .card-content ul.block-todo[indent="1"] li.todo { + margin-left: calc(2 * 1.6em); + list-style: none; + } + .card-content ul.block-todo[indent="1"] .chakra-checkbox__control { + left: -1.6em; + } + .card-content ul.block-bullet[indent="2"] li[data-node-view-content] { + list-style: square; + padding-left: 0.4em; + margin-left: calc(3 * 1.6em - 0.4em); + } + .card-content + ul.block-bullet[indent="2"] + li[data-node-view-content]::after { + padding-left: 0.4em; + } + .card-content ul.block-todo[indent="2"] li.todo { + margin-left: calc(3 * 1.6em); + list-style: none; + } + .card-content ul.block-todo[indent="2"] .chakra-checkbox__control { + left: -1.6em; + } + .card-content ul.block-bullet[indent="3"] li[data-node-view-content] { + list-style: disc; + padding-left: 0.4em; + margin-left: calc(4 * 1.6em - 0.4em); + } + .card-content + ul.block-bullet[indent="3"] + li[data-node-view-content]::after { + padding-left: 0.4em; + } + .card-content ul.block-todo[indent="3"] li.todo { + margin-left: calc(4 * 1.6em); + list-style: none; + } + .card-content ul.block-todo[indent="3"] .chakra-checkbox__control { + left: -1.6em; + } + .card-content ul.block-bullet[indent="4"] li[data-node-view-content] { + list-style: circle; + padding-left: 0.4em; + margin-left: calc(5 * 1.6em - 0.4em); + } + .card-content + ul.block-bullet[indent="4"] + li[data-node-view-content]::after { + padding-left: 0.4em; + } + .card-content ul.block-todo[indent="4"] li.todo { + margin-left: calc(5 * 1.6em); + list-style: none; + } + .card-content ul.block-todo[indent="4"] .chakra-checkbox__control { + left: -1.6em; + } + .card-content ul.block-bullet[indent="5"] li[data-node-view-content] { + list-style: square; + padding-left: 0.4em; + margin-left: calc(6 * 1.6em - 0.4em); + } + .card-content + ul.block-bullet[indent="5"] + li[data-node-view-content]::after { + padding-left: 0.4em; + } + .card-content ul.block-todo[indent="5"] li.todo { + margin-left: calc(6 * 1.6em); + list-style: none; + } + .card-content ul.block-todo[indent="5"] .chakra-checkbox__control { + left: -1.6em; + } + .card-content ul.block-bullet[indent="6"] li[data-node-view-content] { + list-style: disc; + padding-left: 0.4em; + margin-left: calc(7 * 1.6em - 0.4em); + } + .card-content + ul.block-bullet[indent="6"] + li[data-node-view-content]::after { + padding-left: 0.4em; + } + .card-content ul.block-todo[indent="6"] li.todo { + margin-left: calc(7 * 1.6em); + list-style: none; + } + .card-content ul.block-todo[indent="6"] .chakra-checkbox__control { + left: -1.6em; + } + .card-content ul.block-bullet[indent="7"] li[data-node-view-content] { + list-style: circle; + padding-left: 0.4em; + margin-left: calc(8 * 1.6em - 0.4em); + } + .card-content + ul.block-bullet[indent="7"] + li[data-node-view-content]::after { + padding-left: 0.4em; + } + .card-content ul.block-todo[indent="7"] li.todo { + margin-left: calc(8 * 1.6em); + list-style: none; + } + .card-content ul.block-todo[indent="7"] .chakra-checkbox__control { + left: -1.6em; + } + .card-content ul.block-bullet[indent="8"] li[data-node-view-content] { + list-style: square; + padding-left: 0.4em; + margin-left: calc(9 * 1.6em - 0.4em); + } + .card-content + ul.block-bullet[indent="8"] + li[data-node-view-content]::after { + padding-left: 0.4em; + } + .card-content ul.block-todo[indent="8"] li.todo { + margin-left: calc(9 * 1.6em); + list-style: none; + } + .card-content ul.block-todo[indent="8"] .chakra-checkbox__control { + left: -1.6em; + } + .card-content math-display { + font-size: 1.125em; + } + .card-content math-display .katex { + white-space: normal; + } + .card-content math-inline.ProseMirror-selectednode { + margin-top: -0.25em; + margin-bottom: -0.25em; + } + .card-content math-display.ProseMirror-selectednode, + .card-content math-inline.ProseMirror-selectednode { + box-shadow: var(--chakra-shadows-outline); + border-radius: var(--box-border-radius); + background-color: var(--chakra-colors-gray-100); + padding: 0.25em; + -webkit-margin-start: 3px; + margin-inline-start: 3px; + -webkit-margin-end: 3px; + margin-inline-end: 3px; + } + .card-content math-display.ProseMirror-selectednode .math-src, + .card-content math-inline.ProseMirror-selectednode .math-src { + color: var(--chakra-colors-gray-700); + } + .card-content .block-codeBlock pre { + font-family: var(--chakra-fonts-mono); + font-size: 0.85em; + color: var(--body-color); + background: var(--accent-color-background-muted); + border-radius: var(--box-border-radius); + overflow: hidden; + } + @media screen and (min-width: 30em) { + .card-content .block-codeBlock pre { + font-size: 1em; + } + } + @media print { + .card-content .block-codeBlock pre { + font-size: 1em; + } + } + .card-content .block-codeBlock pre code { + display: block; + padding: 0.75em 1em; + } + .card-content code { + background-color: var(--accent-color-background-muted); + color: var(--body-color); + border-radius: 0.125em; + -webkit-padding-start: 0.05em; + padding-inline-start: 0.05em; + -webkit-padding-end: 0.05em; + padding-inline-end: 0.05em; + -webkit-margin-start: -0.05em; + margin-inline-start: -0.05em; + -webkit-margin-end: -0.05em; + margin-inline-end: -0.05em; + -webkit-box-decoration-break: clone; + box-decoration-break: clone; + } + .card-content .block-blockquote blockquote { + padding-left: 1.5em; + } + .card-content .block-embed.expandable-node-selected .embed-preview, + .card-content .block-video.expandable-node-selected .embed-preview, + .card-content .block-embed.expandable-node-selected .embed-viewer, + .card-content .block-video.expandable-node-selected .embed-viewer, + .card-content .block-embed.expandable-node-selected .video-player, + .card-content .block-video.expandable-node-selected .video-player { + -webkit-animation: animation-16z1uo4 3000ms ease-in-out forwards; + animation: animation-16z1uo4 3000ms ease-in-out forwards; + } + .card-content .block-embed.expandable-node-reset .embed-preview, + .card-content .block-video.expandable-node-reset .embed-preview, + .card-content .block-embed.expandable-node-reset .embed-viewer, + .card-content .block-video.expandable-node-reset .embed-viewer, + .card-content .block-embed.expandable-node-reset .video-player, + .card-content .block-video.expandable-node-reset .video-player { + -webkit-animation: animation-1sld7a4; + animation: animation-1sld7a4; + } + .card-content + .block-image.expandable-node-selected + [data-selection-ring] { + -webkit-animation: animation-16z1uo4 3000ms ease-in-out forwards; + animation: animation-16z1uo4 3000ms ease-in-out forwards; + } + .card-content + .block-image.expandable-node-reset + [data-selection-ring] { + -webkit-animation: animation-1sld7a4; + animation: animation-1sld7a4; + } + .card-content .block-contributors .contributors-list { + font-size: 1.25em; + font-weight: var(--chakra-fontWeights-bold); + } + .card-content .mention { + background-color: var(--accent-color-background-muted); + color: var(--body-color); + } + .card-content .block-gallery { + -webkit-margin-start: calc(-1 * var(--grid-padding)); + margin-inline-start: calc(-1 * var(--grid-padding)); + -webkit-margin-end: calc(-1 * var(--grid-padding)); + margin-inline-end: calc(-1 * var(--grid-padding)); + margin-top: calc(-0.25 * var(--grid-padding)); + margin-bottom: calc(-0.25 * var(--grid-padding)); + } + .card-content .block-gallery.gallery-layout-flex .add-image { + margin-bottom: calc(0.75 * var(--grid-padding)); + } + .card-content .block-gallery .gallery { + -webkit-padding-start: var(--grid-padding); + padding-inline-start: var(--grid-padding); + -webkit-padding-end: var(--grid-padding); + padding-inline-end: var(--grid-padding); + padding-top: calc(0.75 * var(--grid-padding)); + padding-bottom: calc(0.75 * var(--grid-padding)); + border: 1px solid; + border-color: var(--chakra-colors-transparent); + border-radius: var(--box-border-radius); + } + .card-content .block-gallery .gallery.is-dragging-over { + border: 1px dashed var(--chakra-colors-trueblue-300) !important; + background-color: var(--chakra-colors-trueblue-50) !important; + } + .card-content + .block-gallery + .gallery.is-dragging-over + .gallery-placeholder { + pointer-events: none; + } + .card-content .block-gallery.is-focused .gallery, + .card-content .block-gallery.is-empty .gallery { + background-color: var(--chakra-colors-gray-200); + } + .card-content .block-gallery.is-focused .add-image, + .card-content .block-gallery:hover .add-image, + .card-content .block-gallery[data-drag-handle-hovering] .add-image { + opacity: 1; + } + .card-content .block-gallery.expandable-node-selected .gallery { + -webkit-animation: animation-16z1uo4 3000ms ease-in-out forwards; + animation: animation-16z1uo4 3000ms ease-in-out forwards; + } + .card-content .block-gallery.expandable-node-reset .gallery { + -webkit-animation: animation-1sld7a4; + animation: animation-1sld7a4; + } + .card-content + .block-smartLayout + [data-node-view-content-outer="smartLayout"] { + display: contents; + } + .card-content + .block-smartLayout + [data-node-view-content-inner="smartLayout"] { + display: contents; + } + .card-content .block-smartLayout [data-selection-ring] { + outline-style: none; + outline-width: 1px; + outline-color: var(--grid-outline-color); + } + .card-content .block-smartLayout [data-selection-ring="padded"] { + outline-offset: 0.25em; + } + .card-content + .block-smartLayout + [data-selection-ring="padded"] + .add-button { + margin: -0.25em; + } + .card-content + .block-smartLayout:not(.is-focused) + [data-content-empty="true"] + > [data-node-view-content] { + height: 0px; + } + .card-content + .block-smartLayout:not(.is-focused) + [data-content-empty="true"] + > [data-node-view-content] + [data-placeholder]::after, + .card-content + .block-smartLayout:not(.is-focused) + [data-content-empty="true"] + > [data-node-view-content] + [data-multiline-placeholder]::after { + display: none; + } + .card-content + .block-smartLayout.is-focused + [data-content-empty="true"] + [placeholder]::before { + content: attr(data-placeholder); + position: absolute; + top: 0px; + opacity: 0.25; + pointer-events: none; + left: 0px; + width: 100%; + color: var(--heading-color); + line-clamp: 1px; + text-overflow: ellipsis; + overflow: hidden; + box-orient: vertical; + word-break: break-all; + height: 100%; + white-space: nowrap; + } + .card-content + .block-smartLayout.is-focused + .is-editable + [data-selection-ring], + .card-content + .block-smartLayout:hover + .is-editable + [data-selection-ring], + .card-content + .block-smartLayout[data-drag-handle-hovering] + .is-editable + [data-selection-ring] { + outline-style: solid; + } + .card-content .block-smartLayout.is-focused .is-editable .add-button, + .card-content .block-smartLayout:hover .is-editable .add-button, + .card-content + .block-smartLayout[data-drag-handle-hovering] + .is-editable + .add-button { + opacity: 1; + } + .card-content .node-smartLayoutCell { + display: contents; + --heading-placeholder: "Item"; + } + .card-content .node-smartLayoutCell > [data-node-view-wrapper] { + display: contents; + } + .card-content + .node-smartLayoutCell + [data-node-view-content-inner="smartLayoutCell"] + > .first-block { + margin-top: 0px; + } + @media screen and (min-width: 30em) { + .card-content + .node-smartLayoutCell + [data-node-view-content-inner="smartLayoutCell"] + > .first-block { + margin-top: 0px; + } + } + .card-content + .node-smartLayoutCell + [data-node-view-content-inner="smartLayoutCell"] + > .last-block { + margin-bottom: 0px; + } + @media screen and (min-width: 30em) { + .card-content + .node-smartLayoutCell + [data-node-view-content-inner="smartLayoutCell"] + > .last-block { + margin-bottom: 0px; + } + } + .card-content .node-smartLayoutCell .slash-menu-prompt { + display: none; + } + .card-content .node-smartLayoutCell .block-heading, + .card-content .node-smartLayoutCell .block-title { + margin-top: 0.6em; + margin-bottom: 0.6em; + } + .card-content .node-smartLayoutCell .block-paragraph { + margin-top: 0.6em; + margin-bottom: 0.6em; + } + .card-content + .node-smartLayoutCell + .block-paragraph:is(.block-bullet, .block-numbered, .block-todo) { + margin-top: 0.3em; + margin-bottom: 0.3em; + } + .card-content .block-gridLayout { + -webkit-margin-start: calc(-1 * var(--grid-padding)); + margin-inline-start: calc(-1 * var(--grid-padding)); + -webkit-margin-end: calc(-1 * var(--grid-padding)); + margin-inline-end: calc(-1 * var(--grid-padding)); + } + .card-content .block-gridLayout .layout-content { + display: contents; + } + .card-content .block-gridLayout .layout-content > div { + display: contents; + } + .card-content .block-gridLayout .grid-cell { + position: relative; + height: 100%; + -webkit-padding-start: var(--grid-padding); + padding-inline-start: var(--grid-padding); + -webkit-padding-end: var(--grid-padding); + padding-inline-end: var(--grid-padding); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + outline-width: 1px; + outline-style: none; + outline-color: var(--grid-outline-color); + } + .card-content .block-gridLayout .grid-cell .block-gallery { + margin-top: 0px; + margin-bottom: 0px; + } + .card-content .block-gridLayout.is-focused .is-editable .grid-cell, + .card-content .block-gridLayout:hover .is-editable .grid-cell, + .card-content + .block-gridLayout[data-drag-handle-hovering] + .is-editable + .grid-cell { + outline-style: solid; + } + .card-content .block-gridLayout.is-focused .add-column, + .card-content .block-gridLayout:hover .add-column, + .card-content + .block-gridLayout[data-drag-handle-hovering] + .add-column { + opacity: 1; + } + .card-content .node-cardLayoutItem, + .card-content .node-cardAccentLayoutItem { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: stretch; + -ms-flex-pack: stretch; + -webkit-justify-content: stretch; + justify-content: stretch; + min-width: 0px; + min-height: 0px; + } + .card-content .node-cardLayoutItem > [data-node-view-wrapper], + .card-content .node-cardAccentLayoutItem > [data-node-view-wrapper] { + position: relative; + height: 100%; + width: 100%; + } + .card-content .node-cardNotes { + display: none; + } + .card-content + .block-table + table + [data-node-view-content-inner="table"] { + display: contents; + } + .card-content + .block-table + table + [data-node-view-content-inner="table"] + [data-node-view-content-inner="tableRow"] { + display: contents; + } + .card-content + .block-table + table + [data-node-view-content-inner="table"] + td { + vertical-align: top; + } + .card-content + .block-table + table + [data-node-view-content-inner="table"] + td + .block-heading + [data-placeholder]::before { + display: none; + } + .card-content .block-table td { + min-width: 3em; + -webkit-padding-start: 1em; + padding-inline-start: 1em; + -webkit-padding-end: 1em; + padding-inline-end: 1em; + position: relative; + } + .card-content .block-table td:not(:first-of-type) { + border-left: 1px solid transparent; + } + .card-content .block-table .selectedCell:after { + z-index: 2; + position: absolute; + content: ""; + left: 0px; + right: 0px; + top: 0px; + bottom: 0px; + background-color: var(--chakra-colors-trueblue-100); + pointer-events: none; + opacity: 0.4; + } + .card-content .block-table.is-focused td:not(:first-of-type), + .card-content .block-table:hover td:not(:first-of-type) { + border-left: 1px solid var(--grid-outline-color); + } + .card-content .tippy-arrow { + border-left-color: red; + } + .card-content .footnote-label { + -webkit-text-decoration: underline; + text-decoration: underline; + text-decoration-color: var(--link-color); + } + .card-content .footnote-label:hover, + .card-content .footnote-label[data-hover] { + background-color: var(--accent-color-background-muted); + color: var(--chakra-colors-gray-800); + border-radius: var(--chakra-radii-sm); + } + .card-content .footnote { + color: var(--link-color); + } + .card-content .footnote:hover::after, + .card-content .footnote[data-hover]::after { + background-color: var(--accent-color-background-muted); + color: var(--chakra-colors-gray-800); + } + .card-content .node-emoji { + color: initial; + } + .card-content .block-heading { + margin-top: 1.5em; + margin-bottom: 1.5em; + } + .card-content .block-heading .heading { + position: relative; + } + .card-content .block-title { + margin-top: 1.5em; + margin-bottom: 1.5em; + } + .card-content .block-title .title { + position: relative; + } + .card-content .node-gridLayout .block-heading, + .card-content .node-calloutBox .block-heading, + .card-content .node-gridLayout .block-title, + .card-content .node-calloutBox .block-title { + margin-top: 1em; + margin-bottom: 1em; + } + .card-content .node-gridLayout .block-paragraph, + .card-content .node-calloutBox .block-paragraph { + margin-top: 0.9em; + margin-bottom: 0.9em; + } + .card-content + .node-gridLayout + .block-paragraph:is(.block-bullet, .block-numbered, .block-todo), + .card-content + .node-calloutBox + .block-paragraph:is(.block-bullet, .block-numbered, .block-todo) { + margin-top: 0.35em; + margin-bottom: 0.35em; + } + .card-content .node-calloutBox .first-block { + margin-top: 1em; + } + .card-content .block-table td .block { + margin-top: 0.6em; + margin-bottom: 0.6em; + } + .card-content + .block-table + td + .block:is(.block-bullet, .block-numbered, .block-todo) { + margin-top: 0.3em; + margin-bottom: 0.3em; + } + .card-content .block-table td .block-heading, + .card-content .block-table td .block-title { + margin-top: 0.6em; + margin-bottom: 0.6em; + } + .card-content + [data-node-view-content-inner="card"]:not( + :has(> .node-cardAccentLayoutItem) + ) + [data-node-view-content-inner="cardLayoutItem"] + > .first-block:not(.last-block).block-heading:not( + :has(+ .block-heading, + .block-title, + .node-gridLayout) + ), + .card-content + [data-node-view-content-inner="card"]:not( + :has(> .node-cardAccentLayoutItem) + ) + [data-node-view-content-inner="cardLayoutItem"] + > .first-block:not(.last-block).block-title:not( + :has(+ .block-heading, + .block-title, + .node-gridLayout) + ) { + margin-bottom: 2em; + } + .card-content + [data-node-view-content-inner="cardLayoutItem"] + > .first-block:not(.last-block).block-paragraph { + margin-top: 0.9em; + margin-bottom: 0.9em; + } + .card-content + [data-node-view-content-inner="cardLayoutItem"] + > .first-block:not(.last-block).block-paragraph:is( + .block-bullet, + .block-numbered, + .block-todo + ) { + margin-top: 0.35em; + margin-bottom: 0.35em; + } + .card-content + [data-node-view-content-inner="cardLayoutItem"] + > .first-block:not(.last-block).block-paragraph + + .block-heading, + .card-content + [data-node-view-content-inner="cardLayoutItem"] + > .first-block:not(.last-block).block-paragraph + + .block-title { + margin-top: 1em; + } + .card-content + [data-node-view-content-inner="cardLayoutItem"] + > .first-block:not(.last-block).block-heading:has( + [level="2"], + [level="3"], + [level="4"] + ) { + margin-bottom: 1em; + } + .card-content + [data-node-view-content-inner="cardLayoutItem"] + > .first-block:not(.last-block).block-heading:has( + [level="2"], + [level="3"], + [level="4"] + ) + + .block-heading, + .card-content + [data-node-view-content-inner="cardLayoutItem"] + > .first-block:not(.last-block).block-heading:has( + [level="2"], + [level="3"], + [level="4"] + ) + + .block-title { + margin-top: 1em; + } + .comments-wrapper { + font-family: "Inter", sans-serif !important; + font-weight: 500; + } + @media screen and (min-width: 30rem) { + .comments-wrapper .controls-wrapper { + padding-left: var(--comment-padding); + } + .comments-wrapper .controls-wrapper__gridLayout, + .comments-wrapper .controls-wrapper__gallery { + padding-left: calc( + -1 * var(--grid-padding) + var(--comment-padding) + ); + } + } + .comments-wrapper .comments-list .comments-sign-up a { + font-size: var(--chakra-fontSizes-xs); + font-family: "Inter", sans-serif !important; + font-weight: var(--chakra-fontWeights-bold); + line-height: 1.5 !important; + text-transform: none; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + text-align: left !important; + margin: 0 !important; + color: var(--chakra-colors-gray-500); + background: none !important; + border: 0 none !important; + padding: 0 !important; + content: ""; + cursor: pointer; + } + .comments-wrapper .comments-list .comments-sign-up a blockquote { + border-left-width: 0px !important; + border-left-style: solid !important; + border-left-color: var(--chakra-colors-transparent) !important; + padding: 0 !important; + color: var(--chakra-colors-gray-900) !important; + font-style: normal !important; + } + .comments-wrapper .comments-list .comments-sign-up a:hover { + color: var(--chakra-colors-gray-500); + -webkit-text-decoration: underline; + text-decoration: underline; + } + .comments-wrapper .comments-list .comment { + color: var(--chakra-colors-gray-900) !important; + word-break: break-word; + line-height: 1.5 !important; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + } + .comments-wrapper .comments-list .comment .reactions-row ul { + margin-left: auto; + } + .comments-wrapper .comments-list .comment .comment-date { + font-size: var(--chakra-fontSizes-xs) !important; + color: var(--chakra-colors-gray-500) !important; + } + .comments-wrapper .comments-list .comment p, + .comments-wrapper .comments-list .comment h1, + .comments-wrapper .comments-list .comment h2, + .comments-wrapper .comments-list .comment h3, + .comments-wrapper .comments-list .comment h4, + .comments-wrapper .comments-list .comment h5, + .comments-wrapper .comments-list .comment h6, + .comments-wrapper .comments-list .comment .title, + .comments-wrapper .comments-list .comment .section-title { + font-size: var(--chakra-fontSizes-sm) !important; + font-family: "Inter", sans-serif !important; + font-weight: 500 !important; + line-height: 1.5 !important; + text-transform: none; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + text-align: left !important; + margin: 0px; + color: var(--chakra-colors-gray-900) !important; + background: none !important; + border: 0 none !important; + padding: 0 !important; + content: ""; + } + .comments-wrapper .comments-list .comment p blockquote, + .comments-wrapper .comments-list .comment h1 blockquote, + .comments-wrapper .comments-list .comment h2 blockquote, + .comments-wrapper .comments-list .comment h3 blockquote, + .comments-wrapper .comments-list .comment h4 blockquote, + .comments-wrapper .comments-list .comment h5 blockquote, + .comments-wrapper .comments-list .comment h6 blockquote, + .comments-wrapper .comments-list .comment .title blockquote, + .comments-wrapper .comments-list .comment .section-title blockquote { + border-left-width: 0px !important; + border-left-style: solid !important; + border-left-color: var(--chakra-colors-transparent) !important; + padding: 0 !important; + color: var(--chakra-colors-gray-900) !important; + font-style: normal !important; + } + .comments-wrapper .comments-list .comment a { + font-size: var(--chakra-fontSizes-sm) !important; + font-family: "Inter", sans-serif !important; + font-weight: 500 !important; + line-height: 1.5 !important; + text-transform: none; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + text-align: left !important; + margin: 0 !important; + color: var(--chakra-colors-blue-500) !important; + background: none !important; + border: 0 none !important; + padding: 0 !important; + content: ""; + cursor: pointer; + } + .comments-wrapper .comments-list .comment a blockquote { + border-left-width: 0px !important; + border-left-style: solid !important; + border-left-color: var(--chakra-colors-transparent) !important; + padding: 0 !important; + color: var(--chakra-colors-gray-900) !important; + font-style: normal !important; + } + .comments-wrapper .comments-list .comment a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; + } + .comments-wrapper .comments-list .comment ul, + .comments-wrapper .comments-list .comment ol { + margin-left: 1.2em; + } + .comments-wrapper .comments-list .comment blockquote { + border-left: 3px solid var(--chakra-colors-gray-200); + padding-left: 0.5em; + } + .comments-wrapper .comments-list .comment .mention { + background-color: var(--chakra-colors-trueblue-50); + white-space: break-spaces; + } + .comments-wrapper .comments-list .block-image.is-focused img, + .comments-wrapper .comments-list .block-image.is-focused .image, + .comments-wrapper + .comments-list + .block-image.is-focused + .placeholder { + box-shadow: var(--chakra-shadows-outline); + } + .comments-wrapper .comments-list .block-target-html p, + .comments-wrapper .comments-list .block-target-html h1, + .comments-wrapper .comments-list .block-target-html h2, + .comments-wrapper .comments-list .block-target-html h3, + .comments-wrapper .comments-list .block-target-html h4, + .comments-wrapper .comments-list .block-target-html h5, + .comments-wrapper .comments-list .block-target-html h6, + .comments-wrapper .comments-list .block-target-html blockquote, + .comments-wrapper .comments-list .block-target-html ol, + .comments-wrapper .comments-list .block-target-html ul, + .comments-wrapper .comments-list .block-target-html li, + .comments-wrapper .comments-list .block-target-html .title, + .comments-wrapper .comments-list .block-target-html .section-title { + font-size: var(--chakra-fontSizes-sm) !important; + font-family: "Inter", sans-serif !important; + font-weight: 500 !important; + line-height: 1.5 !important; + text-transform: none; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + text-align: left !important; + margin: 0 !important; + color: var(--chakra-colors-gray-900) !important; + background: none !important; + border: 0 none !important; + padding: 0 !important; + content: ""; + } + .comments-wrapper .comments-list .block-target-html p blockquote, + .comments-wrapper .comments-list .block-target-html h1 blockquote, + .comments-wrapper .comments-list .block-target-html h2 blockquote, + .comments-wrapper .comments-list .block-target-html h3 blockquote, + .comments-wrapper .comments-list .block-target-html h4 blockquote, + .comments-wrapper .comments-list .block-target-html h5 blockquote, + .comments-wrapper .comments-list .block-target-html h6 blockquote, + .comments-wrapper + .comments-list + .block-target-html + blockquote + blockquote, + .comments-wrapper .comments-list .block-target-html ol blockquote, + .comments-wrapper .comments-list .block-target-html ul blockquote, + .comments-wrapper .comments-list .block-target-html li blockquote, + .comments-wrapper .comments-list .block-target-html .title blockquote, + .comments-wrapper + .comments-list + .block-target-html + .section-title + blockquote { + border-left-width: 0px !important; + border-left-style: solid !important; + border-left-color: var(--chakra-colors-transparent) !important; + padding: 0 !important; + color: var(--chakra-colors-gray-900) !important; + font-style: normal !important; + } + .comments-wrapper .comments-list .block-target-html p::after, + .comments-wrapper .comments-list .block-target-html h1::after, + .comments-wrapper .comments-list .block-target-html h2::after, + .comments-wrapper .comments-list .block-target-html h3::after, + .comments-wrapper .comments-list .block-target-html h4::after, + .comments-wrapper .comments-list .block-target-html h5::after, + .comments-wrapper .comments-list .block-target-html h6::after, + .comments-wrapper .comments-list .block-target-html blockquote::after, + .comments-wrapper .comments-list .block-target-html ol::after, + .comments-wrapper .comments-list .block-target-html ul::after, + .comments-wrapper .comments-list .block-target-html li::after, + .comments-wrapper .comments-list .block-target-html .title::after, + .comments-wrapper + .comments-list + .block-target-html + .section-title::after { + font-size: var(--chakra-fontSizes-sm) !important; + font-family: "Inter", sans-serif !important; + font-weight: 500 !important; + line-height: 1.5 !important; + text-transform: none; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + text-align: left !important; + margin: 0 !important; + color: var(--chakra-colors-gray-900) !important; + background: none !important; + border: 0 none !important; + padding: 0 !important; + content: ""; + } + .comments-wrapper + .comments-list + .block-target-html + p::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + h1::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + h2::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + h3::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + h4::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + h5::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + h6::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + blockquote::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + ol::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + ul::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + li::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + .title::after + blockquote, + .comments-wrapper + .comments-list + .block-target-html + .section-title::after + blockquote { + border-left-width: 0px !important; + border-left-style: solid !important; + border-left-color: var(--chakra-colors-transparent) !important; + padding: 0 !important; + color: var(--chakra-colors-gray-900) !important; + font-style: normal !important; + } + .comments-wrapper .comments-list .block-target-html a { + font-size: var(--chakra-fontSizes-sm) !important; + font-family: "Inter", sans-serif !important; + font-weight: 500 !important; + line-height: 1.5 !important; + text-transform: none; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + text-align: left !important; + margin: 0 !important; + color: var(--chakra-colors-blue-500) !important; + background: none !important; + border: 0 none !important; + padding: 0 !important; + content: ""; + cursor: pointer; + } + .comments-wrapper .comments-list .block-target-html a blockquote { + border-left-width: 0px !important; + border-left-style: solid !important; + border-left-color: var(--chakra-colors-transparent) !important; + padding: 0 !important; + color: var(--chakra-colors-gray-900) !important; + font-style: normal !important; + } + .comments-wrapper .comments-list .block-target-html a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; + } + .comments-wrapper .comments-list .block-target-html li { + margin: 0 !important; + padding: 0 !important; + list-style: none !important; + } + .comments-wrapper .comments-list .block-target-html li p { + margin: 0px; + } + .comments-wrapper .comments-list .block-target-html img { + max-width: 200px; + max-height: 80px; + } + .comments-wrapper .comment-editor .ProseMirror { + color: var(--chakra-colors-gray-900) !important; + word-break: break-word; + line-height: 1.5 !important; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + padding: 12px; + border-radius: 5px; + } + .comments-wrapper .comment-editor .ProseMirror p, + .comments-wrapper .comment-editor .ProseMirror h1, + .comments-wrapper .comment-editor .ProseMirror h2, + .comments-wrapper .comment-editor .ProseMirror h3, + .comments-wrapper .comment-editor .ProseMirror h4, + .comments-wrapper .comment-editor .ProseMirror h5, + .comments-wrapper .comment-editor .ProseMirror h6, + .comments-wrapper .comment-editor .ProseMirror .title, + .comments-wrapper .comment-editor .ProseMirror .section-title { + font-size: var(--chakra-fontSizes-sm) !important; + font-family: "Inter", sans-serif !important; + font-weight: 500 !important; + line-height: 1.5 !important; + text-transform: none; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + text-align: left !important; + margin: 0px; + color: var(--chakra-colors-gray-900) !important; + background: none !important; + border: 0 none !important; + padding: 0 !important; + content: ""; + } + .comments-wrapper .comment-editor .ProseMirror p blockquote, + .comments-wrapper .comment-editor .ProseMirror h1 blockquote, + .comments-wrapper .comment-editor .ProseMirror h2 blockquote, + .comments-wrapper .comment-editor .ProseMirror h3 blockquote, + .comments-wrapper .comment-editor .ProseMirror h4 blockquote, + .comments-wrapper .comment-editor .ProseMirror h5 blockquote, + .comments-wrapper .comment-editor .ProseMirror h6 blockquote, + .comments-wrapper .comment-editor .ProseMirror .title blockquote, + .comments-wrapper + .comment-editor + .ProseMirror + .section-title + blockquote { + border-left-width: 0px !important; + border-left-style: solid !important; + border-left-color: var(--chakra-colors-transparent) !important; + padding: 0 !important; + color: var(--chakra-colors-gray-900) !important; + font-style: normal !important; + } + .comments-wrapper .comment-editor .ProseMirror a { + font-size: var(--chakra-fontSizes-sm) !important; + font-family: "Inter", sans-serif !important; + font-weight: 500 !important; + line-height: 1.5 !important; + text-transform: none; + letter-spacing: var(--chakra-letterSpacings-normal) !important; + text-align: left !important; + margin: 0 !important; + color: var(--chakra-colors-blue-500) !important; + background: none !important; + border: 0 none !important; + padding: 0 !important; + content: ""; + cursor: pointer; + } + .comments-wrapper .comment-editor .ProseMirror a blockquote { + border-left-width: 0px !important; + border-left-style: solid !important; + border-left-color: var(--chakra-colors-transparent) !important; + padding: 0 !important; + color: var(--chakra-colors-gray-900) !important; + font-style: normal !important; + } + .comments-wrapper .comment-editor .ProseMirror a:hover { + -webkit-text-decoration: underline; + text-decoration: underline; + } + .comments-wrapper .comment-editor .ProseMirror ul, + .comments-wrapper .comment-editor .ProseMirror ol { + margin-left: 1.2em; + } + .comments-wrapper .comment-editor .ProseMirror blockquote { + border-left: 3px solid var(--chakra-colors-gray-200); + padding-left: 0.5em; + } + .comments-wrapper .comment-editor .ProseMirror .mention { + background-color: var(--chakra-colors-trueblue-50); + white-space: break-spaces; + } + @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2), + @media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), + @media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 4) { + .comments-wrapper .comment-editor .ProseMirror { + font-size: 16px !important; + } + } + .comments-wrapper .comment-editor .ProseMirror.focus-visible { + box-shadow: 0 0 0 2px rgb(49, 130, 206); + } + .comments-wrapper .comment-editor .ProseMirror a.image-link { + pointer-events: none; + } + .gamma-moveable-wrapper .clippable-control-wrapper { + z-index: 2; + } + .gamma-moveable-wrapper .clippable-control-wrapper .moveable-control { + z-index: 2; + transition-property: opacity; + transition-duration: var(--chakra-transition-duration-normal); + } + .gamma-moveable-wrapper + .clippable-control-wrapper + .moveable-control:hover, + .gamma-moveable-wrapper + .clippable-control-wrapper + .moveable-control[data-hover] { + opacity: 1; + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-inset + .moveable-control { + z-index: 2; + background: 0 none !important; + border-radius: 0px; + width: 16px; + height: 16px; + border: 6px solid var(--chakra-colors-trueblue-300); + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-inset + .moveable-control[data-clip-index="0"] { + border-right: 0; + border-bottom: 0; + margin-top: -2px; + margin-left: -2px; + cursor: nw-resize; + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-inset + .moveable-control[data-clip-index="1"] { + border-right: 0; + border-bottom: 0; + border-left: 0; + margin-top: -2px; + cursor: n-resize; + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-inset + .moveable-control[data-clip-index="2"] { + border-left: 0; + border-bottom: 0; + margin-top: -2px; + margin-left: -14px; + cursor: ne-resize; + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-inset + .moveable-control[data-clip-index="3"] { + border-bottom: 0; + border-top: 0; + border-left: 0; + margin-left: -14px; + cursor: e-resize; + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-inset + .moveable-control[data-clip-index="4"] { + border-top: 0; + border-left: 0; + margin-left: -14px; + margin-top: -14px; + cursor: se-resize; + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-inset + .moveable-control[data-clip-index="5"] { + border-top: 0; + border-left: 0; + border-right: 0; + margin-top: -14px; + cursor: s-resize; + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-inset + .moveable-control[data-clip-index="6"] { + border-top: 0; + border-right: 0; + margin-top: -14px; + margin-left: -2px; + cursor: sw-resize; + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-inset + .moveable-control[data-clip-index="7"] { + border-top: 0; + border-bottom: 0; + border-right: 0; + margin-left: -2px; + cursor: w-resize; + } + .gamma-moveable-wrapper + .clippable-control-wrapper.data-clip-type-circle + .moveable-control { + background: var(--chakra-colors-trueblue-300); + } + .gamma-moveable-wrapper + .clippable-control-wrapper + .moveable-clip-ellipse { + border-width: 2px; + border-color: var(--chakra-colors-trueblue-300) !important; + } + .gamma-moveable-wrapper .clippable-control-wrapper .moveable-line { + display: none; + } + .gamma-moveable-wrapper .resizeable-control-wrapper { + z-index: 11; + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control { + background: var(--chakra-colors-white); + border: 2px solid var(--chakra-colors-trueblue-300); + width: 8px; + height: 8px; + opacity: 1; + z-index: 10; + border-radius: 0px; + transition-property: opacity; + transition-duration: var(--chakra-transition-duration-normal); + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control:hover, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control[data-hover] { + opacity: 1; + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-ne, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-sw { + cursor: nesw-resize; + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-nw, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-se { + cursor: nwse-resize; + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-se, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-ne, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-e { + margin-left: -5px; + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-sw, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-nw, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-w { + margin-left: -3px; + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-ne, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-nw, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-n { + margin-top: -3px; + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-se, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-sw, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-s { + margin-top: -5px; + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-e, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-w { + cursor: ew-resize; + margin-top: -4px; + } + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-n, + .gamma-moveable-wrapper + .resizeable-control-wrapper + .moveable-control.moveable-s { + cursor: ns-resize; + margin-left: -4px; + } + .gamma-moveable-wrapper .resizeable-control-wrapper .moveable-line { + display: none; + } + @-webkit-keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @-webkit-keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @-webkit-keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @-webkit-keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @-webkit-keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @-webkit-keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @-webkit-keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @-webkit-keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @-webkit-keyframes animation-yjfgth { + 0% { + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + grid-template-rows: 0.2fr; + overflow: hidden; + } + 99% { + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + overflow: hidden; + } + 100% { + -webkit-align-items: initial; + -webkit-box-align: initial; + -ms-flex-align: initial; + align-items: initial; + grid-template-rows: 1fr; + overflow: visible; + } + } + @keyframes animation-yjfgth { + 0% { + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + grid-template-rows: 0.2fr; + overflow: hidden; + } + 99% { + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + overflow: hidden; + } + 100% { + -webkit-align-items: initial; + -webkit-box-align: initial; + -ms-flex-align: initial; + align-items: initial; + grid-template-rows: 1fr; + overflow: visible; + } + } + @-webkit-keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-1sld7a4 { + 0% 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @-webkit-keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + } + @keyframes animation-16z1uo4 { + 0% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + 7%, + 60% { + box-shadow: var(--link-box-shadow); + } + 100% { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + }</style + ><style id="editor-animations-styles"> + .site-animations-bootstrap + .editor-navbar-animations-enabled + .ProseMirror { + } + .site-animations-bootstrap + .editor-navbar-animations-enabled + .ProseMirror + .navbar-view-content { + opacity: 1; + -webkit-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + } + .site-animations-bootstrap + .editor-navbar-animations-enabled + .ProseMirror + .navbar-view-backdrop { + -webkit-box-shadow: var(--md-shadow), var(--card-border-shadow); + -moz-box-shadow: var(--md-shadow), var(--card-border-shadow); + box-shadow: var(--md-shadow), var(--card-border-shadow); + } + .site-animations-bootstrap .editor-animations-enabled .ProseMirror { + } + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load, + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-accent, + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-content-child { + } + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load.animatable-on-load-atom, + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load:not(.animatable-on-load-annotatable), + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load.animatable-on-load-annotatable + [data-node-view-content], + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-accent.animatable-on-load-atom, + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-accent:not(.animatable-on-load-annotatable), + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-accent.animatable-on-load-annotatable + [data-node-view-content], + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-content-child.animatable-on-load-atom, + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-content-child:not( + .animatable-on-load-annotatable + ), + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-content-child.animatable-on-load-annotatable + [data-node-view-content] { + opacity: 1; + -webkit-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + -webkit-transition-property: var(--animation-transition-property); + -moz-transition-timing-function: var( + --animation-transition-property + ); + -o-transition-timing-function: var(--animation-transition-property); + transition-property: var(--animation-transition-property); + -webkit-transition-duration: var(--animation-transition-duration); + -moz-transition-duration: var(--animation-transition-duration); + -o-transition-duration: var(--animation-transition-duration); + transition-duration: var(--animation-transition-duration); + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var(--animation-easing-function); + -o-transition-timing-function: var(--animation-easing-function); + transition-timing-function: var(--animation-easing-function); + } + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-as-block { + } + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-as-block:not(.block-calloutBox), + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-as-block.block-calloutBox + .calloutBox { + opacity: 1; + -webkit-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + -webkit-transition-property: var(--animation-transition-property); + -moz-transition-timing-function: var( + --animation-transition-property + ); + -o-transition-timing-function: var(--animation-transition-property); + transition-property: var(--animation-transition-property); + -webkit-transition-duration: var(--animation-transition-duration); + -moz-transition-duration: var(--animation-transition-duration); + -o-transition-duration: var(--animation-transition-duration); + transition-duration: var(--animation-transition-duration); + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var(--animation-easing-function); + -o-transition-timing-function: var(--animation-easing-function); + transition-timing-function: var(--animation-easing-function); + } + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .is-present-mode + .animatable-on-load, + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .is-full-width + .animatable-on-load { + } + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .is-present-mode + .animatable-on-load.animatable-on-load-accent, + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .is-full-width + .animatable-on-load.animatable-on-load-accent { + opacity: 1; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + } + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-content-child.block-image { + opacity: 1; + -webkit-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + -webkit-transition-property: var(--animation-transition-property); + -moz-transition-timing-function: var( + --animation-transition-property + ); + -o-transition-timing-function: var(--animation-transition-property); + transition-property: var(--animation-transition-property); + -webkit-transition-duration: var(--animation-transition-duration); + -moz-transition-duration: var(--animation-transition-duration); + -o-transition-duration: var(--animation-transition-duration); + transition-duration: var(--animation-transition-duration); + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var(--animation-easing-function); + -o-transition-timing-function: var(--animation-easing-function); + transition-timing-function: var(--animation-easing-function); + } + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-content-child.node-smartLayoutCell { + } + .site-animations-bootstrap + .editor-animations-enabled + .ProseMirror + .animatable-on-load-content-child.node-smartLayoutCell + [data-spotlight-parent] + > * { + opacity: 1; + -webkit-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + -webkit-transition-property: var(--animation-transition-property); + -moz-transition-timing-function: var( + --animation-transition-property + ); + -o-transition-timing-function: var(--animation-transition-property); + transition-property: var(--animation-transition-property); + -webkit-transition-duration: var(--animation-transition-duration); + -moz-transition-duration: var(--animation-transition-duration); + -o-transition-duration: var(--animation-transition-duration); + transition-duration: var(--animation-transition-duration); + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var(--animation-easing-function); + -o-transition-timing-function: var(--animation-easing-function); + transition-timing-function: var(--animation-easing-function); + } + @media not print { + .editor-navbar-animations-enabled .ProseMirror { + .navbar-view-content { + opacity: 0; + -webkit-transform: translatey(var(--animation-yOffset)); + -moz-transform: translatey(var(--animation-yOffset)); + -ms-transform: translatey(var(--animation-yOffset)); + -o-transform: translatey(var(--animation-yOffset)); + transform: translatey(var(--animation-yOffset)); + -webkit-transition-property: + opacity, + -webkit-transform; + -moz-transition-timing-function: + opacity, + -moz-transform; + -o-transition-timing-function: + opacity, + -o-transform; + transition-property: + opacity, + -webkit-transform; + transition-property: + opacity, + -moz-transform; + transition-property: + opacity, + -o-transform; + transition-property: opacity, transform; + -webkit-transition-duration: 1s; + -moz-transition-duration: 1s; + -o-transition-duration: 1s; + transition-duration: 1s; + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var( + --animation-easing-function + ); + -o-transition-timing-function: var(--animation-easing-function); + transition-timing-function: var(--animation-easing-function); + &.animate-has-animated { + opacity: 1; + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + } + } + .navbar-view-backdrop { + -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + -webkit-transition-property: box-shadow; + -moz-transition-timing-function: box-shadow; + -o-transition-timing-function: box-shadow; + transition-property: box-shadow; + -webkit-transition-duration: 1s; + -moz-transition-duration: 1s; + -o-transition-duration: 1s; + transition-duration: 1s; + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var( + --animation-easing-function + ); + -o-transition-timing-function: var(--animation-easing-function); + transition-timing-function: var(--animation-easing-function); + &.animate-has-animated { + -webkit-box-shadow: var(--md-shadow), + var(--card-border-shadow); + -moz-box-shadow: var(--md-shadow), var(--card-border-shadow); + box-shadow: var(--md-shadow), var(--card-border-shadow); + } + } + } + .editor-animations-enabled .ProseMirror { + .animatable-on-load, + .animatable-on-load-accent, + .animatable-on-load-content-child { + &.animatable-on-load-atom, + &:not(.animatable-on-load-annotatable), + &.animatable-on-load-annotatable [data-node-view-content] { + opacity: 0; + -webkit-transform: translatey(var(--animation-yOffset)); + -moz-transform: translatey(var(--animation-yOffset)); + -ms-transform: translatey(var(--animation-yOffset)); + -o-transform: translatey(var(--animation-yOffset)); + transform: translatey(var(--animation-yOffset)); + -webkit-transition-property: var( + --animation-transition-property + ); + -moz-transition-timing-function: var( + --animation-transition-property + ); + -o-transition-timing-function: var( + --animation-transition-property + ); + transition-property: var(--animation-transition-property); + -webkit-transition-duration: var( + --animation-transition-duration + ); + -moz-transition-duration: var( + --animation-transition-duration + ); + -o-transition-duration: var(--animation-transition-duration); + transition-duration: var(--animation-transition-duration); + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var( + --animation-easing-function + ); + -o-transition-timing-function: var( + --animation-easing-function + ); + transition-timing-function: var(--animation-easing-function); + } + &.animate-has-animated { + &.animatable-on-load-atom, + &:not(.animatable-on-load-annotatable), + &.animatable-on-load-annotatable [data-node-view-content] { + opacity: 1; + -webkit-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + } + } + } + .animatable-on-load-as-block { + &:not(.block-calloutBox), + &.block-calloutBox .calloutBox { + opacity: 0; + -webkit-transform: translatey(var(--animation-yOffset)); + -moz-transform: translatey(var(--animation-yOffset)); + -ms-transform: translatey(var(--animation-yOffset)); + -o-transform: translatey(var(--animation-yOffset)); + transform: translatey(var(--animation-yOffset)); + -webkit-transition-property: var( + --animation-transition-property + ); + -moz-transition-timing-function: var( + --animation-transition-property + ); + -o-transition-timing-function: var( + --animation-transition-property + ); + transition-property: var(--animation-transition-property); + -webkit-transition-duration: var( + --animation-transition-duration + ); + -moz-transition-duration: var( + --animation-transition-duration + ); + -o-transition-duration: var(--animation-transition-duration); + transition-duration: var(--animation-transition-duration); + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var( + --animation-easing-function + ); + -o-transition-timing-function: var( + --animation-easing-function + ); + transition-timing-function: var(--animation-easing-function); + } + &.animate-has-animated { + &:not(.block-calloutBox), + &.block-calloutBox .calloutBox { + opacity: 1; + -webkit-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + } + } + } + .is-present-mode .animatable-on-load, + .is-full-width .animatable-on-load { + &.animatable-on-load-accent { + opacity: 0; + -webkit-transform: scale(0.9); + -moz-transform: scale(0.9); + -ms-transform: scale(0.9); + -o-transform: scale(0.9); + transform: scale(0.9); + &.animate-has-animated { + opacity: 1; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + } + } + } + .animatable-on-load-content-child.block-image { + opacity: 0; + -webkit-transition-property: var( + --animation-transition-property + ); + -moz-transition-timing-function: var( + --animation-transition-property + ); + -o-transition-timing-function: var( + --animation-transition-property + ); + transition-property: var(--animation-transition-property); + -webkit-transition-duration: var( + --animation-transition-duration + ); + -moz-transition-duration: var(--animation-transition-duration); + -o-transition-duration: var(--animation-transition-duration); + transition-duration: var(--animation-transition-duration); + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var( + --animation-easing-function + ); + -o-transition-timing-function: var(--animation-easing-function); + transition-timing-function: var(--animation-easing-function); + -webkit-transform: translatey(var(--animation-yOffset)); + -moz-transform: translatey(var(--animation-yOffset)); + -ms-transform: translatey(var(--animation-yOffset)); + -o-transform: translatey(var(--animation-yOffset)); + transform: translatey(var(--animation-yOffset)); + &.animate-has-animated { + opacity: 1; + -webkit-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + } + } + .node-gallery .animatable-on-load-content-child.block-image { + -webkit-transition-delay: -webkit-calc( + var(--animation-transition-delay) * var(--animate-index) + ); + -moz-transition-delay: -moz-calc( + var(--animation-transition-delay) * var(--animate-index) + ); + -o-transition-delay: calc( + var(--animation-transition-delay) * var(--animate-index) + ); + transition-delay: -webkit-calc( + var(--animation-transition-delay) * var(--animate-index) + ); + transition-delay: -moz-calc( + var(--animation-transition-delay) * var(--animate-index) + ); + transition-delay: calc( + var(--animation-transition-delay) * var(--animate-index) + ); + } + .animatable-on-load-content-child.node-smartLayoutCell { + [data-spotlight-parent] > * { + opacity: 0; + -webkit-transition-property: var( + --animation-transition-property + ); + -moz-transition-timing-function: var( + --animation-transition-property + ); + -o-transition-timing-function: var( + --animation-transition-property + ); + transition-property: var(--animation-transition-property); + -webkit-transition-duration: var( + --animation-transition-duration + ); + -moz-transition-duration: var( + --animation-transition-duration + ); + -o-transition-duration: var(--animation-transition-duration); + transition-duration: var(--animation-transition-duration); + -webkit-transition-timing-function: var( + --animation-easing-function + ); + -moz-transition-timing-function: var( + --animation-easing-function + ); + -o-transition-timing-function: var( + --animation-easing-function + ); + transition-timing-function: var(--animation-easing-function); + -webkit-transform: translatey(var(--animation-yOffset)); + -moz-transform: translatey(var(--animation-yOffset)); + -ms-transform: translatey(var(--animation-yOffset)); + -o-transform: translatey(var(--animation-yOffset)); + transform: translatey(var(--animation-yOffset)); + -webkit-transition-delay: -webkit-calc( + var(--animation-transition-delay) * var(--animate-index) + ); + -moz-transition-delay: -moz-calc( + var(--animation-transition-delay) * var(--animate-index) + ); + -o-transition-delay: calc( + var(--animation-transition-delay) * var(--animate-index) + ); + transition-delay: -webkit-calc( + var(--animation-transition-delay) * var(--animate-index) + ); + transition-delay: -moz-calc( + var(--animation-transition-delay) * var(--animate-index) + ); + transition-delay: calc( + var(--animation-transition-delay) * var(--animate-index) + ); + } + &.animate-has-animated [data-spotlight-parent] > * { + opacity: 1; + -webkit-transform: translatey(0); + -moz-transform: translatey(0); + -ms-transform: translatey(0); + -o-transform: translatey(0); + transform: translatey(0); + } + } + } + } + </style> + <div> + <script> + (()=>{var n=\"[performanceTimingScript]\",t=performance.now();console.log(`${n} Gamma app SSR loaded: ${t}`);window.gammaTiming=window.gammaTiming||{};window.gammaTiming.ssrHTMLLoaded=t;console.log(`${n} document.readyState - INITIAL (${document.readyState}): ${performance.now()}`);document.onreadystatechange=()=>{let e=performance.now();console.log(`${n} document.readyState - CHANGE (${document.readyState}): ${e}`),document.readyState===\"interactive\"?window.gammaTiming.documentReadyInteractive=e:document.readyState===\"complete\"&&(window.gammaTiming.documentReadyComplete=e)};document.addEventListener(\"DOMContentLoaded\",()=>{let e=performance.now();console.log(`${n} DOMContentLoaded DOM fully loaded and parsed: ${e}`),window.gammaTiming.domContentLoaded=e});if(\"PerformanceObserver\"in window){let e=new PerformanceObserver(a=>{for(let o of a.getEntries())o.name===\"first-contentful-paint\"&&(console.log(`${n} First Contentful Paint: ${o.startTime}`),window.gammaTiming.firstContentfulPaint=o.startTime,e.disconnect())});e.observe({entryTypes:[\"paint\"]})}else console.warn(`${n} PerformanceObserver not supported`);})(); + </script> + </div> + <div id="sites-animations-script"> + <script> + (() => { + var o = () => { + requestAnimationFrame(() => { + window.gammaSiteAnimationsInitialized === !0 + ? console.log( + "%c[animateOnLoad] - ALREADY INITIALIZED $$$$$$$$$$$$$$$$$$$$", + "background-color: orange; color: black; padding: 5px; font-size: 1.5em;", + ) + : (console.log( + "%c[animateOnLoad] ADDING site-animations-bootstrap class $$$$$$$$$$$$$$$$$$$$", + "background-color: aqua; color: black; padding: 5px; font-size: 1.5em;", + ), + document.body.classList.add("site-animations-bootstrap")); + }); + }; + if ("PerformanceObserver" in window) { + let n = new PerformanceObserver((e) => { + for (let a of e.getEntries()) + a.name === "first-contentful-paint" && + (o(), n.disconnect()); + }); + n.observe({ entryTypes: ["paint"] }); + } else + console.warn( + "PerformanceObserver not supported. Animating now.", + ), + o(); + })(); + </script> + </div> + <style id="global-styles"> + :root { + --\31 00vh: 100%; + } + html { + min-height: var(--\31 00vh); + min-height: -webkit-fill-available; + height: var(--\31 00vh); + height: -webkit-fill-available; + } + body { + position: relative; + --\31 00vh: 100vh; + --editor-width: 100vw; + } + [data-node-view-content-inner="paragraph"]:empty::after { + content: " "; + }</style + ><style data-emotion="css-global 1hr93cb"> + html { + overflow-x: hidden; + } + body { + overflow: hidden scroll; + -webkit-overflow-scrolling: touch; + --doc-padding-top: 75px; + }</style + ><style data-emotion="css 6uzl6m"> + .css-6uzl6m { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + z-index: 10; + } + </style> + <div class="css-6uzl6m"> + <style data-emotion="css 6m3bt2"> + .css-6m3bt2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + --card-background-color: #112836; + --card-border-color: #565151; + --card-backdrop-filter: none; + --card-border-width: 0em; + --card-border-radius: 0.125em; + --card-shadow-distance: 0.5em; + --clickable-background-color: #445b6999; + --shape-bg-color-alpha: #304755ff; + --shape-bg-color: #304755ff; + --shape-border-color: #49606eff; + --shape-text-color: #cad6de; + --line-color: #49606eff; + --shape-bg-image-svg: url(#transparent); + --shape-fill: var(--accent-gradient-fill, var(--accent-color)); + --shape-fill-opacity: 1; + --shape-fill-svg: url(#theme-accent-gradient-linear) + var(--accent-color); + --box-border-radius: 0.125em; + --shape-border-width: 0em; + --line-thickness: round(0.125em, 1px); + --button-border-radius: 0.125em; + --shape-shadow: none; + --clickable-shadow: 0 0.125em 0.25em -0.0625em rgba(0, 0, 0, 0.06); + --body-font: "Cabin"; + --heading-font: "Unbounded"; + --heading-font-weight: 400; + --body-font-weight: 400; + --line-height-body: 1.6; + --line-height-heading: 1.25; + --accent-color: #0a988b; + --accent-color-readable: #0a988b; + --accent-color-background-muted: #054842ff; + --expandable-hover-background: #0a988b1a; + --neutral-border-color: var(--chakra-colors-whiteAlpha-400); + --button-color: #0a988b; + --button-color-inverted: #fff; + --link-color: #0a988b; + --link-color-hover: #0dc8b7ff; + --link-box-shadow: 0 0 0px 3px #0a988bff; + --body-color: #cad6de; + --body-color-muted: #cad6de80; + --body-color-inverted: #000; + --link-color-inverted: #fff; + --highlight-color-dark: var(--body-color); + --highlight-color-light: var(--body-color-inverted); + --highlight-link-color-hover-dark: #abbecaff; + --highlight-link-color-hover-light: #1a1a1aff; + --heading-color: #ffffff; + --card-color: #112836; + --card-color-mask: #112836cc; + --placeholder-button-bg-color: var(--chakra-colors-gray-800); + --placeholder-button-bg-hover-color: var( + --chakra-colors-gray-600 + ); + --placeholder-button-text-color: var(--chakra-colors-gray-300); + --placeholder-button-text-hover-color: var( + --chakra-colors-gray-200 + ); + } + .css-6m3bt2 .themed-heading { + font-weight: var(--heading-font-weight); + font-family: var(--heading-font); + color: var(--heading-color); + background: unset; + -webkit-background-clip: unset; + background-clip: unset; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + max-width: 100%; + letter-spacing: var(--letter-spacing-heading); + text-transform: var(--heading-transform); + } + .css-6m3bt2 .themed-clickable-box { + transition-property: transform; + transition-duration: var(--chakra-transition-duration-normal); + border: var(--shape-border-width) solid + var(--neutral-border-color); + border-radius: var(--box-border-radius); + background-color: var(--clickable-background-color); + box-shadow: var(--clickable-shadow); + -webkit-backdrop-filter: var(--card-backdrop-filter); + backdrop-filter: var(--card-backdrop-filter); + } + @media print { + .css-6m3bt2 .themed-clickable-box { + box-shadow: var(--chakra-shadows-none); + } + } + .css-6m3bt2 .block-paragraph { + font-size: 1em; + line-height: var(--line-height-body); + } + @media print { + .css-6m3bt2 .block-paragraph { + font-size: 1em; + } + } + .css-6m3bt2 .block-heading .heading[level="1"] { + font-size: 1.8823529411764706em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 .block-heading .heading[level="1"] { + font-size: 2.3529411764705883em; + } + } + @media print { + .css-6m3bt2 .block-heading .heading[level="1"] { + font-size: 2.3529411764705883em; + } + } + .css-6m3bt2 .block-heading .heading[level="2"] { + font-size: 1.4117647058823528em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 .block-heading .heading[level="2"] { + font-size: 1.8823529411764706em; + } + } + @media print { + .css-6m3bt2 .block-heading .heading[level="2"] { + font-size: 1.8823529411764706em; + } + } + .css-6m3bt2 .block-heading .heading[level="3"] { + font-size: 1.1764705882352942em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 .block-heading .heading[level="3"] { + font-size: 1.4117647058823528em; + } + } + @media print { + .css-6m3bt2 .block-heading .heading[level="3"] { + font-size: 1.4117647058823528em; + } + } + .css-6m3bt2 .block-heading .heading[level="4"] { + font-size: 1.035294117647059em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 .block-heading .heading[level="4"] { + font-size: 1.1764705882352942em; + } + } + @media print { + .css-6m3bt2 .block-heading .heading[level="4"] { + font-size: 1.1764705882352942em; + } + } + .css-6m3bt2 .block-title .title { + font-size: 2.1176470588235294em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 .block-title .title { + font-size: 3.2470588235294118em; + } + } + @media print { + .css-6m3bt2 .block-title .title { + font-size: 3.2470588235294118em; + } + } + .css-6m3bt2 .block-title .title[level="1"] { + font-size: 2.1176470588235294em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 .block-title .title[level="1"] { + font-size: 3.2470588235294118em; + } + } + @media print { + .css-6m3bt2 .block-title .title[level="1"] { + font-size: 3.2470588235294118em; + } + } + .css-6m3bt2 .block-title .title[level="2"] { + font-size: 2.3529411764705883em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 .block-title .title[level="2"] { + font-size: 4.705882352941177em; + } + } + @media print { + .css-6m3bt2 .block-title .title[level="2"] { + font-size: 4.705882352941177em; + } + } + .css-6m3bt2 .block-title .title[level="3"] { + font-size: 2.588235294117647em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 .block-title .title[level="3"] { + font-size: 7.0588235294117645em; + } + } + @media print { + .css-6m3bt2 .block-title .title[level="3"] { + font-size: 7.0588235294117645em; + } + } + .css-6m3bt2 [data-font-size="sm"] { + font-size: 0.8em; + line-height: var(--line-height-body); + } + @media print { + .css-6m3bt2 [data-font-size="sm"] { + font-size: 0.8em; + } + } + .css-6m3bt2 [data-font-size="default"] { + font-size: 1em; + line-height: var(--line-height-body); + } + @media print { + .css-6m3bt2 [data-font-size="default"] { + font-size: 1em; + } + } + .css-6m3bt2 [data-font-size="lg"] { + font-size: 1.25em; + line-height: var(--line-height-body); + } + @media print { + .css-6m3bt2 [data-font-size="lg"] { + font-size: 1.25em; + } + } + .css-6m3bt2 [data-font-size="h4"] { + font-size: 1.035294117647059em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 [data-font-size="h4"] { + font-size: 1.1764705882352942em; + } + } + @media print { + .css-6m3bt2 [data-font-size="h4"] { + font-size: 1.1764705882352942em; + } + } + .css-6m3bt2 [data-font-size="h3"] { + font-size: 1.1764705882352942em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 [data-font-size="h3"] { + font-size: 1.4117647058823528em; + } + } + @media print { + .css-6m3bt2 [data-font-size="h3"] { + font-size: 1.4117647058823528em; + } + } + .css-6m3bt2 [data-font-size="h2"] { + font-size: 1.4117647058823528em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 [data-font-size="h2"] { + font-size: 1.8823529411764706em; + } + } + @media print { + .css-6m3bt2 [data-font-size="h2"] { + font-size: 1.8823529411764706em; + } + } + .css-6m3bt2 [data-font-size="h1"] { + font-size: 1.8823529411764706em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 [data-font-size="h1"] { + font-size: 2.3529411764705883em; + } + } + @media print { + .css-6m3bt2 [data-font-size="h1"] { + font-size: 2.3529411764705883em; + } + } + .css-6m3bt2 [data-font-size="title"] { + font-size: 2.1176470588235294em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 [data-font-size="title"] { + font-size: 3.2470588235294118em; + } + } + @media print { + .css-6m3bt2 [data-font-size="title"] { + font-size: 3.2470588235294118em; + } + } + .css-6m3bt2 [data-font-size="titleLg"] { + font-size: 2.3529411764705883em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 [data-font-size="titleLg"] { + font-size: 4.705882352941177em; + } + } + @media print { + .css-6m3bt2 [data-font-size="titleLg"] { + font-size: 4.705882352941177em; + } + } + .css-6m3bt2 [data-font-size="titleXl"] { + font-size: 2.588235294117647em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-6m3bt2 [data-font-size="titleXl"] { + font-size: 7.0588235294117645em; + } + } + @media print { + .css-6m3bt2 [data-font-size="titleXl"] { + font-size: 7.0588235294117645em; + } + } + .css-6m3bt2 .themed-html-shape-background { + border-radius: var(--box-border-radius); + box-shadow: var( + --shape-shadow, + var(--shape-shadow-size) var(--shape-shadow-size) + var(--shape-shadow-blur) + var( + --shape-shadow-color, + var( + --shape-border-color-override, + var(--shape-border-color) + ) + ) + ); + border: var(--shape-border-width) solid + var(--shape-border-color-override, var(--shape-border-color)); + background: var( + --shape-bg-color-override, + var(--shape-bg-image, var(--shape-bg-color-alpha)) + ); + background-color: var( + --shape-bg-color-override, + var(--shape-bg-color-alpha) + ); + --body-color: var(--shape-text-color); + --heading-color: var(--shape-text-color); + } + .css-6m3bt2 .themed-html-shape-background .themed-heading { + font-weight: var(--heading-font-weight); + font-family: var(--heading-font); + color: var(--heading-color); + background: unset; + -webkit-background-clip: unset; + background-clip: unset; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + max-width: 100%; + letter-spacing: var(--letter-spacing-heading); + text-transform: var(--heading-transform); + } + .css-6m3bt2 .themed-svg-shape-background { + fill: var( + --shape-bg-color-override, + var(--shape-bg-image-svg) var(--shape-bg-color-alpha) + ); + stroke: var( + --shape-border-color-override, + var(--shape-border-color) + ); + stroke-width: var(--shape-border-width); + vector-effect: non-scaling-stroke; + stroke-linejoin: round; + stroke-linecap: round; + -webkit-filter: var( + --shape-filter, + drop-shadow( + var(--shape-shadow-size) var(--shape-shadow-size) + var(--shape-shadow-blur) + var( + --shape-shadow-color, + var( + --shape-border-color-override, + var(--shape-border-color) + ) + ) + ) + ); + filter: var( + --shape-filter, + drop-shadow( + var(--shape-shadow-size) var(--shape-shadow-size) + var(--shape-shadow-blur) + var( + --shape-shadow-color, + var( + --shape-border-color-override, + var(--shape-border-color) + ) + ) + ) + ); + } + .css-6m3bt2 .themed-line { + background-color: var( + --shape-border-color-override, + var(--line-color) + ); + border-radius: var(--box-border-radius); + } + .css-6m3bt2 .themed-html-shape-fill { + background: var(--shape-bg-color-override, var(--shape-fill)); + } + .css-6m3bt2 .themed-svg-shape-fill { + fill: var(--shape-bg-color-override, var(--shape-fill-svg)); + } + .css-6m3bt2 .themed-shape-outside-text { + --heading-color: var(--body-color); + } + .css-6m3bt2 .themed-shape-outside-text .themed-heading { + font-weight: var(--heading-font-weight); + font-family: var(--heading-font); + color: var(--heading-color); + background: unset; + -webkit-background-clip: unset; + background-clip: unset; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + max-width: 100%; + letter-spacing: var(--letter-spacing-heading); + text-transform: var(--heading-transform); + } + .css-6m3bt2 .themed-shape-text-over-background { + --body-color: var(--shape-text-color); + --heading-color: var(--shape-text-color); + } + .css-6m3bt2 .themed-shape-text-over-background .themed-heading { + font-weight: var(--heading-font-weight); + font-family: var(--heading-font); + color: var(--heading-color); + background: unset; + -webkit-background-clip: unset; + background-clip: unset; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + max-width: 100%; + letter-spacing: var(--letter-spacing-heading); + text-transform: var(--heading-transform); + } + .css-6m3bt2 .themed-table { + border: 0.0625em solid var(--neutral-border-color); + border-radius: var(--box-border-radius); + } + .css-6m3bt2 .themed-table tbody tr:nth-of-type(even) { + background-color: var(--chakra-colors-blackAlpha-50); + } + .css-6m3bt2 .themed-table tbody tr:nth-of-type(odd) { + background-color: var(--chakra-colors-whiteAlpha-50); + } + .css-6m3bt2 .themed-table td { + border-left: 0.0625em solid var(--shape-border-color); + } + .css-6m3bt2 .themed-table td:first-of-type { + border-left-width: 0; + } + </style> + <div + data-navbar-editor="true" + class="editor-navbar-animations-enabled css-6m3bt2" + style=" + --animation-yOffset: 20px; + --animation-transition-property: opacity, transform; + --animation-transition-duration: 1s; + --animation-transition-delay: 0.15s; + --animation-easing-function: cubic-bezier(0.22, 1, 0.36, 1); + " + > + <div class="ProseMirror"> + <div data-node-view-wrapper="" style="white-space: normal"> + <div data-node-view-content="" style="white-space: pre-wrap"> + <div + data-node-view-content-inner="doc" + style="white-space: inherit" + > + <div + data-pos="1" + class="react-renderer node-navbar" + style="white-space: inherit;undefined" + > + <div + data-node-view-wrapper="" + style="white-space: normal" + > + <style data-emotion="css q94y1c"> + .css-q94y1c { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + width: 100%; + padding: 10px; + z-index: 1; + height: 75px; + } + </style> + <div class="css-q94y1c"> + <style data-emotion="css v6bcb8"> + .css-v6bcb8 { + position: absolute; + inset: 0px; + box-shadow: var(--card-shadow); + -webkit-backdrop-filter: var( + --card-backdrop-filter + ); + backdrop-filter: var(--card-backdrop-filter); + background-color: var(--card-background-color); + border-radius: var(--card-border-radius); + } + @media print { + .css-v6bcb8 { + box-shadow: var(--card-box-shadow); + border: var(--card-border); + } + } + </style> + <div + data-id="navbar-view-backdrop" + class="navbar-view-backdrop css-v6bcb8" + style="border-radius: 0px" + ></div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <style data-emotion="css 1kxonj9"> + .css-1kxonj9 { + width: 100%; + position: relative; + } + </style> + <div + class="simple-editor-root editor-animations-enabled css-1kxonj9" + style=" + --animation-yOffset: 20px; + --animation-transition-property: opacity, transform; + --animation-transition-duration: 1s; + --animation-transition-delay: 0.15s; + --animation-easing-function: cubic-bezier(0.22, 1, 0.36, 1); + " + data-is-mobile="false" + > + <div class="ProseMirror"> + <div data-node-view-wrapper="" style="white-space: normal"> + <div data-node-view-content="" style="white-space: pre-wrap"> + <div + data-node-view-content-inner="doc" + style="white-space: inherit" + > + <div + data-pos="1" + class="react-renderer node-document" + style="white-space: inherit;undefined" + > + <div + as="div" + data-testid="doc-node-root" + style="white-space: normal; height: 100%" + data-node-view-wrapper="" + > + <style data-emotion="css spn4bz"> + .css-spn4bz { + transition-property: var( + --chakra-transition-property-common + ); + transition-duration: var( + --chakra-transition-duration-fast + ); + transition-timing-function: var( + --chakra-transition-easing-ease-out + ); + cursor: pointer; + -webkit-text-decoration: none; + text-decoration: none; + outline: 2px solid transparent; + outline-offset: 2px; + color: inherit; + } + .css-spn4bz:hover, + .css-spn4bz[data-hover] { + -webkit-text-decoration: underline; + text-decoration: underline; + } + .css-spn4bz:focus-visible, + .css-spn4bz[data-focus-visible] { + box-shadow: var(--chakra-shadows-outline); + }</style + ><link + rel="stylesheet" + class="chakra-link css-spn4bz" + href="https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&amp;display=swap" + data-gamma-font="Cabin" + /><link + rel="stylesheet" + class="chakra-link css-spn4bz" + href="https://fonts.googleapis.com/css2?family=Unbounded:wght@200;300;400;500;600;700;800;900&amp;display=swap" + data-gamma-font="Unbounded" + /><style data-emotion="css 1iujle8"> + .css-1iujle8 { + width: 0; + height: 0px; + --card-background-color: #112836; + --card-border-color: #565151; + --card-backdrop-filter: none; + --card-border-width: 0em; + --card-border-radius: 0.125em; + --card-shadow-distance: 0.5em; + --clickable-background-color: #445b6999; + --shape-bg-color-alpha: #304755ff; + --shape-bg-color: #304755ff; + --shape-border-color: #49606eff; + --shape-text-color: #cad6de; + --line-color: #49606eff; + --shape-bg-image-svg: url(#transparent); + --shape-fill: var( + --accent-gradient-fill, + var(--accent-color) + ); + --shape-fill-opacity: 1; + --shape-fill-svg: url(#theme-accent-gradient-linear) + var(--accent-color); + --box-border-radius: 0.125em; + --shape-border-width: 0em; + --line-thickness: round(0.125em, 1px); + --button-border-radius: 0.125em; + --shape-shadow: none; + --clickable-shadow: 0 0.125em 0.25em -0.0625em + rgba(0, 0, 0, 0.06); + --body-font: "Cabin"; + --heading-font: "Unbounded"; + --heading-font-weight: 400; + --body-font-weight: 400; + --line-height-body: 1.6; + --line-height-heading: 1.25; + --accent-color: #0a988b; + --accent-color-readable: #0a988b; + --accent-color-background-muted: #054842ff; + --expandable-hover-background: #0a988b1a; + --neutral-border-color: var( + --chakra-colors-whiteAlpha-400 + ); + --button-color: #0a988b; + --button-color-inverted: #fff; + --link-color: #0a988b; + --link-color-hover: #0dc8b7ff; + --link-box-shadow: 0 0 0px 3px #0a988bff; + --body-color: #cad6de; + --body-color-muted: #cad6de80; + --body-color-inverted: #000; + --link-color-inverted: #fff; + --highlight-color-dark: var(--body-color); + --highlight-color-light: var(--body-color-inverted); + --highlight-link-color-hover-dark: #abbecaff; + --highlight-link-color-hover-light: #1a1a1aff; + --heading-color: #ffffff; + --card-color: #112836; + --card-color-mask: #112836cc; + --placeholder-button-bg-color: var( + --chakra-colors-gray-800 + ); + --placeholder-button-bg-hover-color: var( + --chakra-colors-gray-600 + ); + --placeholder-button-text-color: var( + --chakra-colors-gray-300 + ); + --placeholder-button-text-hover-color: var( + --chakra-colors-gray-200 + ); + }</style + ><svg class="css-1iujle8"> + <defs> + <filter id="theme-accent-color-fill"> + <feFlood + flood-color="#0A988B" + result="flood" + ></feFlood> + <feComposite + in="flood" + in2="SourceAlpha" + operator="in" + ></feComposite> + </filter> + <filter id="theme-body-color-fill"> + <feFlood + flood-color="#CAD6DE" + result="flood" + ></feFlood> + <feComposite + in="flood" + in2="SourceAlpha" + operator="in" + ></feComposite> + </filter> + </defs></svg + ><style data-emotion="css 10klw3m"> + .css-10klw3m { + height: 100%; + } + </style> + <div class="css-10klw3m"> + <style data-emotion="css 11jgpm9"> + .css-11jgpm9 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + padding-bottom: 0px; + min-height: calc( + var(--100vh) - var(--editor-padding-top, 0px) + ); + } + .css-11jgpm9 .themed-heading { + font-weight: var(--heading-font-weight); + font-family: var(--heading-font); + color: var(--heading-color); + background: unset; + -webkit-background-clip: unset; + background-clip: unset; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + max-width: 100%; + letter-spacing: var(--letter-spacing-heading); + text-transform: var(--heading-transform); + } + .css-11jgpm9 .themed-clickable-box { + transition-property: transform; + transition-duration: var( + --chakra-transition-duration-normal + ); + border: var(--shape-border-width) solid + var(--neutral-border-color); + border-radius: var(--box-border-radius); + background-color: var(--clickable-background-color); + box-shadow: var(--clickable-shadow); + -webkit-backdrop-filter: var( + --card-backdrop-filter + ); + backdrop-filter: var(--card-backdrop-filter); + } + @media print { + .css-11jgpm9 .themed-clickable-box { + box-shadow: var(--chakra-shadows-none); + } + } + .css-11jgpm9 .themed-clickable-box:hover, + .css-11jgpm9 .themed-clickable-box[data-hover] { + -webkit-transform: scale(1.03); + -moz-transform: scale(1.03); + -ms-transform: scale(1.03); + transform: scale(1.03); + } + .css-11jgpm9 .themed-clickable-box:hover::before, + .css-11jgpm9 + .themed-clickable-box[data-hover]::before { + content: ""; + position: absolute; + inset: 0px; + border-radius: inherit; + box-shadow: inset 0 0 0 500px + var(--expandable-hover-background); + pointer-events: none; + } + .css-11jgpm9 .block-paragraph { + font-size: 1em; + line-height: var(--line-height-body); + } + @media print { + .css-11jgpm9 .block-paragraph { + font-size: 1em; + } + } + .css-11jgpm9 .block-heading .heading[level="1"] { + font-size: 1.8823529411764706em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 .block-heading .heading[level="1"] { + font-size: 2.3529411764705883em; + } + } + @media print { + .css-11jgpm9 .block-heading .heading[level="1"] { + font-size: 2.3529411764705883em; + } + } + .css-11jgpm9 .block-heading .heading[level="2"] { + font-size: 1.4117647058823528em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 .block-heading .heading[level="2"] { + font-size: 1.8823529411764706em; + } + } + @media print { + .css-11jgpm9 .block-heading .heading[level="2"] { + font-size: 1.8823529411764706em; + } + } + .css-11jgpm9 .block-heading .heading[level="3"] { + font-size: 1.1764705882352942em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 .block-heading .heading[level="3"] { + font-size: 1.4117647058823528em; + } + } + @media print { + .css-11jgpm9 .block-heading .heading[level="3"] { + font-size: 1.4117647058823528em; + } + } + .css-11jgpm9 .block-heading .heading[level="4"] { + font-size: 1.035294117647059em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 .block-heading .heading[level="4"] { + font-size: 1.1764705882352942em; + } + } + @media print { + .css-11jgpm9 .block-heading .heading[level="4"] { + font-size: 1.1764705882352942em; + } + } + .css-11jgpm9 .block-title .title { + font-size: 2.1176470588235294em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 .block-title .title { + font-size: 3.2470588235294118em; + } + } + @media print { + .css-11jgpm9 .block-title .title { + font-size: 3.2470588235294118em; + } + } + .css-11jgpm9 .block-title .title[level="1"] { + font-size: 2.1176470588235294em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 .block-title .title[level="1"] { + font-size: 3.2470588235294118em; + } + } + @media print { + .css-11jgpm9 .block-title .title[level="1"] { + font-size: 3.2470588235294118em; + } + } + .css-11jgpm9 .block-title .title[level="2"] { + font-size: 2.3529411764705883em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 .block-title .title[level="2"] { + font-size: 4.705882352941177em; + } + } + @media print { + .css-11jgpm9 .block-title .title[level="2"] { + font-size: 4.705882352941177em; + } + } + .css-11jgpm9 .block-title .title[level="3"] { + font-size: 2.588235294117647em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 .block-title .title[level="3"] { + font-size: 7.0588235294117645em; + } + } + @media print { + .css-11jgpm9 .block-title .title[level="3"] { + font-size: 7.0588235294117645em; + } + } + .css-11jgpm9 [data-font-size="sm"] { + font-size: 0.8em; + line-height: var(--line-height-body); + } + @media print { + .css-11jgpm9 [data-font-size="sm"] { + font-size: 0.8em; + } + } + .css-11jgpm9 [data-font-size="default"] { + font-size: 1em; + line-height: var(--line-height-body); + } + @media print { + .css-11jgpm9 [data-font-size="default"] { + font-size: 1em; + } + } + .css-11jgpm9 [data-font-size="lg"] { + font-size: 1.25em; + line-height: var(--line-height-body); + } + @media print { + .css-11jgpm9 [data-font-size="lg"] { + font-size: 1.25em; + } + } + .css-11jgpm9 [data-font-size="h4"] { + font-size: 1.035294117647059em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 [data-font-size="h4"] { + font-size: 1.1764705882352942em; + } + } + @media print { + .css-11jgpm9 [data-font-size="h4"] { + font-size: 1.1764705882352942em; + } + } + .css-11jgpm9 [data-font-size="h3"] { + font-size: 1.1764705882352942em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 [data-font-size="h3"] { + font-size: 1.4117647058823528em; + } + } + @media print { + .css-11jgpm9 [data-font-size="h3"] { + font-size: 1.4117647058823528em; + } + } + .css-11jgpm9 [data-font-size="h2"] { + font-size: 1.4117647058823528em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 [data-font-size="h2"] { + font-size: 1.8823529411764706em; + } + } + @media print { + .css-11jgpm9 [data-font-size="h2"] { + font-size: 1.8823529411764706em; + } + } + .css-11jgpm9 [data-font-size="h1"] { + font-size: 1.8823529411764706em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 [data-font-size="h1"] { + font-size: 2.3529411764705883em; + } + } + @media print { + .css-11jgpm9 [data-font-size="h1"] { + font-size: 2.3529411764705883em; + } + } + .css-11jgpm9 [data-font-size="title"] { + font-size: 2.1176470588235294em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 [data-font-size="title"] { + font-size: 3.2470588235294118em; + } + } + @media print { + .css-11jgpm9 [data-font-size="title"] { + font-size: 3.2470588235294118em; + } + } + .css-11jgpm9 [data-font-size="titleLg"] { + font-size: 2.3529411764705883em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 [data-font-size="titleLg"] { + font-size: 4.705882352941177em; + } + } + @media print { + .css-11jgpm9 [data-font-size="titleLg"] { + font-size: 4.705882352941177em; + } + } + .css-11jgpm9 [data-font-size="titleXl"] { + font-size: 2.588235294117647em; + line-height: var(--line-height-heading); + } + @media screen and (min-width: 30em) { + .css-11jgpm9 [data-font-size="titleXl"] { + font-size: 7.0588235294117645em; + } + } + @media print { + .css-11jgpm9 [data-font-size="titleXl"] { + font-size: 7.0588235294117645em; + } + } + .css-11jgpm9 .themed-html-shape-background { + border-radius: var(--box-border-radius); + box-shadow: var( + --shape-shadow, + var(--shape-shadow-size) var(--shape-shadow-size) + var(--shape-shadow-blur) + var( + --shape-shadow-color, + var( + --shape-border-color-override, + var(--shape-border-color) + ) + ) + ); + border: var(--shape-border-width) solid + var( + --shape-border-color-override, + var(--shape-border-color) + ); + background: var( + --shape-bg-color-override, + var(--shape-bg-image, var(--shape-bg-color-alpha)) + ); + background-color: var( + --shape-bg-color-override, + var(--shape-bg-color-alpha) + ); + --body-color: var(--shape-text-color); + --heading-color: var(--shape-text-color); + } + .css-11jgpm9 + .themed-html-shape-background + .themed-heading { + font-weight: var(--heading-font-weight); + font-family: var(--heading-font); + color: var(--heading-color); + background: unset; + -webkit-background-clip: unset; + background-clip: unset; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + max-width: 100%; + letter-spacing: var(--letter-spacing-heading); + text-transform: var(--heading-transform); + } + .css-11jgpm9 .themed-svg-shape-background { + fill: var( + --shape-bg-color-override, + var(--shape-bg-image-svg) + var(--shape-bg-color-alpha) + ); + stroke: var( + --shape-border-color-override, + var(--shape-border-color) + ); + stroke-width: var(--shape-border-width); + vector-effect: non-scaling-stroke; + stroke-linejoin: round; + stroke-linecap: round; + -webkit-filter: var( + --shape-filter, + drop-shadow( + var(--shape-shadow-size) + var(--shape-shadow-size) + var(--shape-shadow-blur) + var( + --shape-shadow-color, + var( + --shape-border-color-override, + var(--shape-border-color) + ) + ) + ) + ); + filter: var( + --shape-filter, + drop-shadow( + var(--shape-shadow-size) + var(--shape-shadow-size) + var(--shape-shadow-blur) + var( + --shape-shadow-color, + var( + --shape-border-color-override, + var(--shape-border-color) + ) + ) + ) + ); + } + .css-11jgpm9 .themed-line { + background-color: var( + --shape-border-color-override, + var(--line-color) + ); + border-radius: var(--box-border-radius); + } + .css-11jgpm9 .themed-html-shape-fill { + background: var( + --shape-bg-color-override, + var(--shape-fill) + ); + } + .css-11jgpm9 .themed-svg-shape-fill { + fill: var( + --shape-bg-color-override, + var(--shape-fill-svg) + ); + } + .css-11jgpm9 .themed-shape-outside-text { + --heading-color: var(--body-color); + } + .css-11jgpm9 + .themed-shape-outside-text + .themed-heading { + font-weight: var(--heading-font-weight); + font-family: var(--heading-font); + color: var(--heading-color); + background: unset; + -webkit-background-clip: unset; + background-clip: unset; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + max-width: 100%; + letter-spacing: var(--letter-spacing-heading); + text-transform: var(--heading-transform); + } + .css-11jgpm9 .themed-shape-text-over-background { + --body-color: var(--shape-text-color); + --heading-color: var(--shape-text-color); + } + .css-11jgpm9 + .themed-shape-text-over-background + .themed-heading { + font-weight: var(--heading-font-weight); + font-family: var(--heading-font); + color: var(--heading-color); + background: unset; + -webkit-background-clip: unset; + background-clip: unset; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + max-width: 100%; + letter-spacing: var(--letter-spacing-heading); + text-transform: var(--heading-transform); + } + .css-11jgpm9 .themed-table { + border: 0.0625em solid var(--neutral-border-color); + border-radius: var(--box-border-radius); + } + .css-11jgpm9 + .themed-table + tbody + tr:nth-of-type(even) { + background-color: var( + --chakra-colors-blackAlpha-50 + ); + } + .css-11jgpm9 .themed-table tbody tr:nth-of-type(odd) { + background-color: var( + --chakra-colors-whiteAlpha-50 + ); + } + .css-11jgpm9 .themed-table td { + border-left: 0.0625em solid + var(--shape-border-color); + } + .css-11jgpm9 .themed-table td:first-of-type { + border-left-width: 0; + } + </style> + <div class="doc-content-wrapper css-11jgpm9"> + <style data-emotion="css 1m99umk"> + .css-1m99umk { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: absolute; + width: var(--editor-width); + height: 100%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-clip-path: inset(0); + clip-path: inset(0); + top: 0px; + left: 0px; + } + </style> + <div + data-doc-background-element="true" + contenteditable="false" + class="css-1m99umk" + > + <style data-emotion="css 170bp7f"> + .css-170bp7f { + width: 100%; + height: 100%; + position: fixed; + background-image: url("https://imgproxy.gamma.app/resize/quality:80/resizing_type:fit/width:2400/https://cdn.gamma.app/zc87vhr30n8uf3n/d0f51a018ec24c81b90f74069c16bfb7/original/Frame-59718.png"); + -webkit-background-position: center; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + } + </style> + <div + data-testid="doc-background" + class="css-170bp7f" + ></div> + </div> + <style data-emotion="css 11w65sc"> + .css-11w65sc { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-self: start; + -ms-flex-item-align: start; + align-self: start; + position: absolute; + inset: 0px; + height: 100%; + } + </style> + <div class="css-11w65sc"></div> + <style data-emotion="css 6yqe3i"> + .css-6yqe3i { + position: fixed; + z-index: 1; + top: 0px; + left: 0px; + right: 0px; + height: 100%; + visibility: hidden; + background-image: url("https://imgproxy.gamma.app/resize/quality:80/resizing_type:fit/width:2400/https://cdn.gamma.app/zc87vhr30n8uf3n/d0f51a018ec24c81b90f74069c16bfb7/original/Frame-59718.png"); + -webkit-background-position: center; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + scrollbar-gutter: stable; + overflow: scroll; + } + </style> + <div + class="motion-present-mode-bg css-6yqe3i" + data-doc-background-element-present-mode="true" + data-export-master="true" + style="opacity: 0" + ></div> + <style data-emotion="css 1dc5inw"> + .css-1dc5inw { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + padding-top: var(--doc-padding-top); + width: 100%; + } + </style> + <div class="document-content is-doc-mode css-1dc5inw"> + <div + style="white-space: pre-wrap; width: 100%" + data-node-view-content="" + > + <div + data-node-view-content-inner="document" + style="white-space: inherit" + > + <div + data-pos="1" + class="react-renderer node-card block block-card first-block" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal; min-height: 0" + data-node-view-wrapper="" + > + <style data-emotion="css c4x5t3"> + .css-c4x5t3 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + top: 0px; + left: 0px; + position: relative; + width: 100%; + height: 100%; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + cursor: default; + font-size: var( + --editor-font-size, + 1rem + ); + padding-top: var( + --card-outer-padding-y + ); + padding-bottom: var( + --card-outer-padding-y + ); + padding-left: var( + --card-outer-padding-left + ); + padding-right: var( + --card-outer-padding-right + ); + transition-property: transform, padding; + transition-duration: 200ms; + --card-inner-padding-x: 3.5em; + --card-inner-padding-y: 2.75em; + --card-inner-padding: var( + --card-inner-padding-y + ) + var(--card-inner-padding-x); + --card-outer-padding-left: calc( + var(--card-outer-padding-x) + + var(--doc-padding-left, 0px) + 0px + ); + --card-outer-padding-right: calc( + var(--card-outer-padding-x) + + var(--doc-padding-right, 0px) + 0px + ); + --card-outer-padding-x: 2em; + --card-outer-padding-y: 2em; + --comment-padding: 3.5em; + --nested-card-margin: calc( + -1 * var(--comment-padding) + ); + --top-accent-height-sm: 6.25em; + --top-accent-height-md: 12.5em; + --top-accent-height-lg: 18.75em; + --top-accent-height: var( + --top-accent-height-md + ); + --behind-accent-height: 24em; + --font-size: calc( + 1.1953125 * + var(--editor-font-size, 1rem) + ); + --card-width: 61.11764705882353em; + --card-min-height: 0px; + --max-content-width: 54.11764705882353em; + --card-max-width: var(--editor-width); + --zoom-level: 1; + --card-vertical-align: center; + } + </style> + <div + data-animate-value="doc" + data-card-id="zitkq73wjk1498b" + data-card-scroll-element="true" + class="card-wrapper card-expanded css-c4x5t3" + > + <style data-emotion="css 39uyb2"> + .css-39uyb2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var(--font-size); + position: relative; + width: var(--card-width); + min-width: 0%; + min-height: var(--card-min-height); + max-width: var(--card-max-width); + border-radius: var( + --card-border-radius + ); + --grid-outline-color: var( + --chakra-colors-gray-700 + ); + --card-background-color: #112836; + --card-border-color: #565151; + --card-backdrop-filter: none; + --card-border-width: 0em; + --card-border-radius: 0.125em; + --card-shadow-distance: 0.5em; + --clickable-background-color: #445b6999; + --shape-bg-color-alpha: #304755ff; + --shape-bg-color: #304755ff; + --shape-border-color: #49606eff; + --shape-text-color: #cad6de; + --line-color: #49606eff; + --shape-bg-image-svg: url(#transparent); + --shape-fill: var( + --accent-gradient-fill, + var(--accent-color) + ); + --shape-fill-opacity: 1; + --shape-fill-svg: url(#theme-accent-gradient-linear) + var(--accent-color); + --box-border-radius: 0.125em; + --shape-border-width: 0em; + --line-thickness: round(0.125em, 1px); + --button-border-radius: 0.125em; + --shape-shadow: none; + --clickable-shadow: 0 0.25em + 0.375em -0.0625em + rgba(0, 0, 0, 0.1), + 0 0.125em 0.25em -0.0625em + rgba(0, 0, 0, 0.06); + --body-font: "Cabin"; + --heading-font: "Unbounded"; + --heading-font-weight: 400; + --body-font-weight: 400; + --line-height-body: 1.6; + --line-height-heading: 1.25; + --accent-color: #0a988b; + --accent-color-readable: #0a988b; + --accent-color-background-muted: #054842ff; + --expandable-hover-background: #0a988b1a; + --neutral-border-color: var( + --chakra-colors-whiteAlpha-400 + ); + --button-color: #0a988b; + --button-color-inverted: #fff; + --link-color: #0a988b; + --link-color-hover: #0dc8b7ff; + --link-box-shadow: 0 0 0px 3px + #0a988bff; + --body-color: #cad6de; + --body-color-muted: #cad6de80; + --body-color-inverted: #000; + --link-color-inverted: #fff; + --highlight-color-dark: var( + --body-color + ); + --highlight-color-light: var( + --body-color-inverted + ); + --highlight-link-color-hover-dark: #abbecaff; + --highlight-link-color-hover-light: #1a1a1aff; + --heading-color: #ffffff; + --card-color: #112836; + --card-color-mask: #112836cc; + --placeholder-button-bg-color: var( + --chakra-colors-gray-800 + ); + --placeholder-button-bg-hover-color: var( + --chakra-colors-gray-600 + ); + --placeholder-button-text-color: var( + --chakra-colors-gray-300 + ); + --placeholder-button-text-hover-color: var( + --chakra-colors-gray-200 + ); + } + </style> + <div + class="card-body css-39uyb2" + data-card-body="zitkq73wjk1498b" + data-selection-ring="true" + data-guider-highlight="card-body" + data-content-reference="true" + data-testid="card-body" + data-hide-comments="false" + > + <div + class="card-body-background css-v6bcb8" + contenteditable="false" + ></div> + <style data-emotion="css 14beyg1"> + .css-14beyg1 { + width: var(--card-width); + max-width: 100%; + position: relative; + cursor: auto; + color: var(--body-color); + } + .css-14beyg1 > .card-content { + counter-reset: footnote; + } + .css-14beyg1 + > .card-content + > [data-node-view-content-inner="card"] { + display: grid; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-pack: stretch; + -ms-flex-pack: stretch; + -webkit-justify-content: stretch; + justify-content: stretch; + min-height: 100%; + transition-duration: 225ms; + transition-property: grid-template-rows, + grid-template-columns, min-height; + grid-template-columns: 37.5% 62.5%; + grid-template-rows: minmax( + 24em, + auto + ); + grid-template-areas: "accent body"; + } + .css-14beyg1 + > .card-content + > [data-node-view-content-inner="card"] + > [data-layout-item-id="accent"] { + grid-area: accent; + } + .css-14beyg1 + > .card-content + > [data-node-view-content-inner="card"] + > [data-layout-item-id="body"] { + grid-area: body; + } + .css-14beyg1 + > .card-content + > [data-node-view-content-inner="card"] + > .node-cardLayoutItem + > [data-node-view-wrapper] + > .card-layout-cell-bg + > [data-node-view-content] { + padding: var(--card-inner-padding); + } + .css-14beyg1 + > .card-content + > [data-node-view-content-inner="card"] + > .node-cardLayoutItem + > [data-node-view-wrapper] + > .card-layout-cell-bg + > [data-node-view-content] + > [data-node-view-content-inner] { + max-width: var(--max-content-width); + margin: auto; + } + </style> + <div + class="card-layout css-14beyg1" + spellcheck="false" + > + <style data-emotion="css 15maf5o"> + .css-15maf5o { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + gap: var(--chakra-space-1-5); + position: absolute; + left: var(--chakra-space-8); + right: var(--chakra-space-2-5); + z-index: 11; + top: var(--chakra-space-3); + pointer-events: none; + } + </style> + <div + class="chakra-stack css-15maf5o" + contenteditable="false" + > + <style data-emotion="css 17xejub"> + .css-17xejub { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + justify-self: stretch; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + } + </style> + <div class="css-17xejub"></div> + <div class="css-17xejub"></div> + </div> + <div + dir="ltr" + class="card-content is-dark" + data-node-view-content="" + style="white-space: pre-wrap" + > + <div + data-node-view-content-inner="card" + style="white-space: inherit" + > + <div + data-pos="2" + class="react-renderer node-cardAccentLayoutItem animatable-on-load animatable-on-load-atom animatable-on-load-accent" + draggable="true" + data-layout-item-id="accent" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <style + data-emotion="css 14f6wu4" + > + .css-14f6wu4 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + position: relative; + border-top-left-radius: var( + --card-border-radius + ); + border-bottom-left-radius: var( + --card-border-radius + ); + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-background-size: cover; + background-size: cover; + padding: 0px; + object-fit: contain; + container-type: size; + } + </style> + <div + data-content-reference="true" + data-change-focus-point-el="true" + class="card-layout-cell-bg css-14f6wu4" + data-selection-ring="inside" + data-selection-background="true" + data-card-layout="left" + data-fit-type="fill" + data-drag-handle="true" + > + <style + data-emotion="css mtg8cy" + > + .css-mtg8cy { + position: absolute; + inset: 0px; + overflow: hidden; + border-radius: inherit; + background-image: url("https://imgproxy.gamma.app/resize/quality:80/resizing_type:fit/width:1200/https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/x0Tn7xmOh1Mg4pHarSqnX.jpg"); + -webkit-background-position: center; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + } + </style> + <div + data-layout-cut="left" + class="css-mtg8cy" + ></div> + </div> + </div> + </div> + <div + data-pos="3" + class="react-renderer node-cardLayoutItem" + data-layout-item-id="body" + style="white-space: inherit;undefined" + > + <div + dir="ltr" + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <style + data-emotion="css 12ung9g" + > + .css-12ung9g { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; + position: relative; + border-top-right-radius: var( + --card-border-radius + ); + border-bottom-right-radius: var( + --card-border-radius + ); + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: var( + --card-vertical-align + ); + -ms-flex-pack: var( + --card-vertical-align + ); + -webkit-justify-content: var( + --card-vertical-align + ); + justify-content: var( + --card-vertical-align + ); + } + </style> + <div + data-content-reference="true" + class="card-layout-cell-bg css-12ung9g" + data-selection-ring="true" + data-selection-background="true" + > + <div + as="div" + style=" + white-space: pre-wrap; + width: 100%; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="cardLayoutItem" + style=" + white-space: inherit; + " + > + <div + data-pos="4" + class="react-renderer node-heading animatable-on-load animatable-on-load-annotatable block block-heading first-block first-block-in-card" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="1" + data-placeholder="Untitled card" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + The Scroll:<br + class="node-hardBreak" + data-pos="16" + />The next Web + </div> + </div> + </div> + </div> + <div + data-pos="30" + class="react-renderer node-paragraph animatable-on-load animatable-on-load-annotatable block block-paragraph" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + The Scroll is a + revolution in + information + networks - + offline-first, + intelligent, and + ad-free. + </div> + </div> + </div> + </div> + <div + data-pos="125" + class="react-renderer node-contributors animatable-on-load animatable-on-load-annotatable animatable-on-load-atom block block-contributors last-block" + style="white-space: inherit;undefined" + > + <div + as="div" + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <style + data-emotion="css yahkh" + > + .css-yahkh { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border-radius: var( + --box-border-radius + ); + } + </style> + <div + contenteditable="false" + data-selection-ring="padded" + data-selection-background="true" + class="css-yahkh" + > + <style + data-emotion="css 1e0s7di" + > + .css-1e0s7di { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + --chakra-space-x-reverse: 1; + --chakra-divide-x-reverse: 1; + } + .css-1e0s7di + .avatar-overflow-activator { + height: 1.6em; + width: 1.6em; + min-height: 1.6em; + min-width: 1.6em; + font-size: inherit; + } + .css-1e0s7di + .avatar-overflow-activator + span { + font-size: 0.68em; + } + </style> + <div + role="group" + class="chakra-avatar__group css-1e0s7di" + > + <style + data-emotion="css 79elbk" + > + .css-79elbk { + position: relative; + } + </style> + <div + class="css-79elbk" + > + <style + data-emotion="css z7spll" + > + .css-z7spll { + border-radius: var( + --chakra-radii-full + ); + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + text-align: center; + text-transform: uppercase; + font-weight: var( + --chakra-fontWeights-medium + ); + position: relative; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + background: var( + --avatar-bg + ); + color: var( + --chakra-colors-white + ); + border-color: var( + --avatar-border-color + ); + vertical-align: top; + --avatar-border-color: var( + --chakra-colors-white + ); + --avatar-size: 2rem; + --avatar-font-size: calc( + 2rem / + 2.5 + ); + width: 1.6em; + height: 1.6em; + font-size: inherit; + box-shadow: var( + --chakra-shadows-base + ); + border-width: 1px; + -webkit-margin-end: 0px; + margin-inline-end: 0px; + } + .css-z7spll:not( + [data-loaded] + ) { + --avatar-bg: #199b7d; + } + .chakra-ui-dark + .css-z7spll:not( + [data-theme] + ), + [data-theme="dark"] + .css-z7spll:not( + [data-theme] + ), + .css-z7spll[data-theme="dark"] { + --avatar-border-color: var( + --chakra-colors-gray-800 + ); + } + @media print { + .css-z7spll { + box-shadow: var( + --chakra-shadows-none + ); + } + }</style + ><span + class="chakra-avatar css-z7spll" + ><style + data-emotion="css 1ebyn6" + > + .css-1ebyn6 { + font-size: var( + --avatar-font-size + ); + line-height: 1; + } + </style> + <div + role="img" + aria-label="Breck Yunits" + class="chakra-avatar__initials css-1ebyn6" + > + BY + </div></span + ><style + data-emotion="css 1lt7627" + > + .css-1lt7627 { + pointer-events: none; + position: absolute; + left: calc( + 50% - + 4px + ); + top: -9px; + width: 8px; + height: 8px; + -webkit-transform: rotate( + 45deg + ); + -moz-transform: rotate( + 45deg + ); + -ms-transform: rotate( + 45deg + ); + transform: rotate( + 45deg + ); + opacity: 0; + transition-property: var( + --chakra-transition-property-common + ); + transition-duration: var( + --chakra-transition-duration-normal + ); + transition-timing-function: ease; + } + </style> + <div + class="css-1lt7627" + ></div> + </div> + </div> + <style + data-emotion="css 1g84w5v" + > + .css-1g84w5v { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-margin-start: 0.5em; + margin-inline-start: 0.5em; + -webkit-margin-end: 0px; + margin-inline-end: 0px; + line-height: 1.4; + text-align: left; + } + </style> + <div + class="css-1g84w5v" + > + <p + class="chakra-text contributors-list css-0" + > + by Breck + Yunits + </p> + <style + data-emotion="css 6plnry" + > + .css-6plnry { + font-size: 0.75em; + } + </style> + <p + class="chakra-text css-6plnry" + ></p> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="128" + class="react-renderer node-card block block-card" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal; min-height: 0" + data-node-view-wrapper="" + > + <div + data-animate-value="doc" + data-card-id="zbq9pskhsdcu1zh" + data-card-scroll-element="true" + class="card-wrapper card-expanded css-c4x5t3" + > + <div + class="card-body css-39uyb2" + data-card-body="zbq9pskhsdcu1zh" + data-selection-ring="true" + data-guider-highlight="card-body" + data-content-reference="true" + data-testid="card-body" + data-hide-comments="false" + > + <div + class="card-body-background css-v6bcb8" + contenteditable="false" + ></div> + <style data-emotion="css 1isnbfg"> + .css-1isnbfg { + width: var(--card-width); + max-width: 100%; + position: relative; + cursor: auto; + color: var(--body-color); + } + .css-1isnbfg > .card-content { + counter-reset: footnote; + } + .css-1isnbfg + > .card-content + > [data-node-view-content-inner="card"] { + display: grid; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-pack: stretch; + -ms-flex-pack: stretch; + -webkit-justify-content: stretch; + justify-content: stretch; + min-height: 100%; + transition-duration: 225ms; + transition-property: grid-template-rows, + grid-template-columns, min-height; + grid-template-columns: 1fr; + grid-template-rows: 1fr; + grid-template-areas: "body"; + } + .css-1isnbfg + > .card-content + > [data-node-view-content-inner="card"] + > [data-layout-item-id="body"] { + grid-area: body; + } + .css-1isnbfg + > .card-content + > [data-node-view-content-inner="card"] + > .node-cardLayoutItem + > [data-node-view-wrapper] + > .card-layout-cell-bg + > [data-node-view-content] { + padding: var(--card-inner-padding); + } + .css-1isnbfg + > .card-content + > [data-node-view-content-inner="card"] + > .node-cardLayoutItem + > [data-node-view-wrapper] + > .card-layout-cell-bg + > [data-node-view-content] + > [data-node-view-content-inner] { + max-width: var(--max-content-width); + margin: auto; + } + </style> + <div + class="card-layout css-1isnbfg" + spellcheck="false" + > + <div + class="chakra-stack css-15maf5o" + contenteditable="false" + > + <div class="css-17xejub"></div> + <div class="css-17xejub"></div> + </div> + <div + dir="ltr" + class="card-content is-dark" + data-node-view-content="" + style="white-space: pre-wrap" + > + <div + data-node-view-content-inner="card" + style="white-space: inherit" + > + <div + data-pos="129" + class="react-renderer node-cardLayoutItem" + data-layout-item-id="body" + style="white-space: inherit;undefined" + > + <div + dir="ltr" + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <style + data-emotion="css 1jw19ud" + > + .css-1jw19ud { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; + position: relative; + border-radius: var( + --card-border-radius + ); + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: var( + --card-vertical-align + ); + -ms-flex-pack: var( + --card-vertical-align + ); + -webkit-justify-content: var( + --card-vertical-align + ); + justify-content: var( + --card-vertical-align + ); + } + </style> + <div + data-content-reference="true" + class="card-layout-cell-bg css-1jw19ud" + data-selection-ring="true" + data-selection-background="true" + > + <div + as="div" + style=" + white-space: pre-wrap; + width: 100%; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="cardLayoutItem" + style=" + white-space: inherit; + " + > + <div + data-pos="130" + class="react-renderer node-heading animatable-on-load animatable-on-load-annotatable block block-heading first-block first-block-in-card" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="1" + data-placeholder="Untitled card" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + A Paradigm Shift + in Web + Technology + </div> + </div> + </div> + </div> + <div + data-pos="166" + class="react-renderer node-gridLayout block block-gridLayout last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <style + data-emotion="css z1fkfg" + > + .css-z1fkfg { + display: grid; + grid-gap: var( + --grid-border + ); + position: relative; + grid-template-columns: 50% 50%; + } + </style> + <div + class="grid-col-controls css-z1fkfg" + data-selection-ring="true" + > + <div + class="layout-content" + data-node-view-content="" + style=" + white-space: pre-wrap; + " + > + <div + data-node-view-content-inner="gridLayout" + style=" + white-space: inherit; + " + > + <div + data-pos="167" + class="react-renderer node-gridCell animatable-on-load" + style="white-space: inherit;undefined" + > + <div + class="grid-cell" + style=" + white-space: normal; + position: relative; + " + data-selection-ring="true" + data-node-view-wrapper="" + > + <div + data-node-view-content="" + style=" + white-space: pre-wrap; + " + > + <div + data-node-view-content-inner="gridCell" + style=" + white-space: inherit; + " + > + <div + data-pos="168" + class="react-renderer node-heading animatable-on-load block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Current + Web + </div> + </div> + </div> + </div> + <div + data-pos="181" + class="react-renderer node-paragraph animatable-on-load block block-paragraph" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Based + on + HTTP + protocol + </div> + </div> + </div> + </div> + <div + data-pos="205" + class="react-renderer node-paragraph animatable-on-load block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Downloads + individual + pages + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="234" + class="react-renderer node-gridCell animatable-on-load" + style="white-space: inherit;undefined" + > + <div + class="grid-cell" + style=" + white-space: normal; + position: relative; + " + data-selection-ring="true" + data-node-view-wrapper="" + > + <div + data-node-view-content="" + style=" + white-space: pre-wrap; + " + > + <div + data-node-view-content-inner="gridCell" + style=" + white-space: inherit; + " + > + <div + data-pos="235" + class="react-renderer node-heading animatable-on-load block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + The + Scroll + </div> + </div> + </div> + </div> + <div + data-pos="247" + class="react-renderer node-paragraph animatable-on-load block block-paragraph" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Utilizes + Git + for + information + exchange + </div> + </div> + </div> + </div> + <div + data-pos="286" + class="react-renderer node-paragraph animatable-on-load block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Downloads + entire + sites + at + once + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <style + data-emotion="css 1yob2lz" + > + .css-1yob2lz { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + top: 0px; + height: 100%; + width: var( + --chakra-sizes-6 + ); + right: calc( + var( + --chakra-space-3 + ) * + -1 + ); + opacity: 0; + transition-property: opacity; + transition-duration: var( + --chakra-transition-duration-normal + ); + } + </style> + <div + class="add-column css-1yob2lz" + ></div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="322" + class="react-renderer node-card block block-card" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal; min-height: 0" + data-node-view-wrapper="" + > + <div + data-animate-value="doc" + data-card-id="jt57bdg0m42fr18" + data-card-scroll-element="true" + class="card-wrapper card-expanded css-c4x5t3" + > + <div + class="card-body css-39uyb2" + data-card-body="jt57bdg0m42fr18" + data-selection-ring="true" + data-guider-highlight="card-body" + data-content-reference="true" + data-testid="card-body" + data-hide-comments="false" + > + <div + class="card-body-background css-v6bcb8" + contenteditable="false" + ></div> + <div + class="card-layout css-14beyg1" + spellcheck="false" + > + <div + class="chakra-stack css-15maf5o" + contenteditable="false" + > + <div class="css-17xejub"></div> + <div class="css-17xejub"></div> + </div> + <div + dir="ltr" + class="card-content is-dark" + data-node-view-content="" + style="white-space: pre-wrap" + > + <div + data-node-view-content-inner="card" + style="white-space: inherit" + > + <div + data-pos="323" + class="react-renderer node-cardAccentLayoutItem animatable-on-load animatable-on-load-atom animatable-on-load-accent" + draggable="true" + data-layout-item-id="accent" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <div + data-content-reference="true" + data-change-focus-point-el="true" + class="card-layout-cell-bg css-14f6wu4" + data-selection-ring="inside" + data-selection-background="true" + data-card-layout="left" + data-fit-type="fill" + data-drag-handle="true" + > + <style + data-emotion="css r4ox2y" + > + .css-r4ox2y { + position: absolute; + inset: 0px; + overflow: hidden; + border-radius: inherit; + background-image: url("https://imgproxy.gamma.app/resize/quality:80/resizing_type:fit/width:1200/https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/u-LWfi8cRu1mqzV_ZWCJ6.jpg"); + -webkit-background-position: center; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + } + </style> + <div + data-layout-cut="left" + class="css-r4ox2y" + ></div> + </div> + </div> + </div> + <div + data-pos="324" + class="react-renderer node-cardLayoutItem" + data-layout-item-id="body" + style="white-space: inherit;undefined" + > + <div + dir="ltr" + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <div + data-content-reference="true" + class="card-layout-cell-bg css-12ung9g" + data-selection-ring="true" + data-selection-background="true" + > + <div + as="div" + style=" + white-space: pre-wrap; + width: 100%; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="cardLayoutItem" + style=" + white-space: inherit; + " + > + <div + data-pos="325" + class="react-renderer node-heading animatable-on-load animatable-on-load-annotatable block block-heading first-block first-block-in-card" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="1" + data-placeholder="Untitled card" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Offline-First + Approach + </div> + </div> + </div> + </div> + <div + data-pos="349" + class="react-renderer node-smartLayout animatable-on-load-content-parent block block-smartLayout last-block" + style="white-space: inherit;undefined" + > + <div + class="" + style=" + white-space: normal; + position: relative; + display: grid; + grid-template-columns: 100%; + " + data-node-view-wrapper="" + > + <style + data-emotion="css 1jq1fri" + > + .css-1jq1fri { + display: grid; + grid-template-columns: repeat( + 1, + minmax(0, 1fr) + ); + position: relative; + } + </style> + <div + data-selection-ring="true" + class="css-1jq1fri" + > + <div + data-node-view-content-outer="smartLayout" + data-node-view-content="" + style=" + white-space: pre-wrap; + " + > + <div + data-node-view-content-inner="smartLayout" + style=" + white-space: inherit; + " + > + <div + data-pos="350" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 1; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <style + data-emotion="css 1doss8g" + > + .css-1doss8g { + display: contents; + position: relative; + } + </style> + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <style + data-emotion="css 1unklxg" + > + .css-1unklxg { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + position: relative; + gap: 1.5em; + min-height: 8em; + } + </style> + <div + data-selection-ring="true" + data-content-reference="true" + class="css-1unklxg" + > + <style + data-emotion="css 22g4os" + > + .css-22g4os { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + line-height: 1; + position: relative; + width: 5em; + height: 100%; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + contenteditable="false" + data-export-as-image="true" + class="themed-shape-text-over-background css-22g4os" + > + <style + data-emotion="css 17uqvha" + > + .css-17uqvha { + position: absolute; + inset: 0px; + overflow: visible; + }</style + ><svg + data-testid="arrow-svg" + class="css-17uqvha" + > + <path + d=" + M 0 -16 + L 40 0 + L 80 -16 + L 80 0 + L 40 16 + L 0 0 Z" + class="themed-svg-shape-background css-0" + ></path></svg + ><style + data-emotion="css 1bzgy1u" + > + .css-1bzgy1u { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + font-size: 1.5em; + position: absolute; + margin-top: 0.5em; + margin-bottom: 0.5em; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + </style> + <div + class="themed-heading css-1bzgy1u" + > + 1 + </div> + </div> + <style + data-emotion="css 15sjj4a" + > + .css-15sjj4a { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + transform-origin: left + center; + padding: 1em; + -webkit-padding-start: 0px; + padding-inline-start: 0px; + -webkit-padding-end: 0px; + padding-inline-end: 0px; + text-align: left; + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + --flex-align: flex-start; + } + </style> + <div + class="themed-shape-outside-text css-15sjj4a" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="351" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Download + </div> + </div> + </div> + </div> + <div + data-pos="361" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Entire + sites + downloaded + using + Git + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="397" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 2; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="true" + data-content-reference="true" + class="css-1unklxg" + > + <div + contenteditable="false" + data-export-as-image="true" + class="themed-shape-text-over-background css-22g4os" + > + <svg + data-testid="arrow-svg" + class="css-17uqvha" + > + <path + d=" + M 0 -16 + L 40 0 + L 80 -16 + L 80 0 + L 40 16 + L 0 0 Z" + class="themed-svg-shape-background css-0" + ></path> + </svg> + <div + class="themed-heading css-1bzgy1u" + > + 2 + </div> + </div> + <div + class="themed-shape-outside-text css-15sjj4a" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="398" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Access + </div> + </div> + </div> + </div> + <div + data-pos="406" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Content + available + offline, + anytime + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="443" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 3; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="true" + data-content-reference="true" + class="css-1unklxg" + > + <div + contenteditable="false" + data-export-as-image="true" + class="themed-shape-text-over-background css-22g4os" + > + <svg + data-testid="arrow-svg" + class="css-17uqvha" + > + <path + d=" + M 0 -16 + L 40 0 + L 80 -16 + L 80 0 + L 40 16 + L 0 0 Z" + class="themed-svg-shape-background css-0" + ></path> + </svg> + <div + class="themed-heading css-1bzgy1u" + > + 3 + </div> + </div> + <div + class="themed-shape-outside-text css-15sjj4a" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="444" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Update + </div> + </div> + </div> + </div> + <div + data-pos="452" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Seamless + synchronization + when + online + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="494" + class="react-renderer node-card block block-card" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal; min-height: 0" + data-node-view-wrapper="" + > + <div + data-animate-value="doc" + data-card-id="ru57997iwe2d0u8" + data-card-scroll-element="true" + class="card-wrapper card-expanded css-c4x5t3" + > + <div + class="card-body css-39uyb2" + data-card-body="ru57997iwe2d0u8" + data-selection-ring="true" + data-guider-highlight="card-body" + data-content-reference="true" + data-testid="card-body" + data-hide-comments="false" + > + <div + class="card-body-background css-v6bcb8" + contenteditable="false" + ></div> + <style data-emotion="css 1dp1rj3"> + .css-1dp1rj3 { + width: var(--card-width); + max-width: 100%; + position: relative; + cursor: auto; + color: var(--body-color); + } + .css-1dp1rj3 > .card-content { + counter-reset: footnote; + } + .css-1dp1rj3 + > .card-content + > [data-node-view-content-inner="card"] { + display: grid; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-pack: stretch; + -ms-flex-pack: stretch; + -webkit-justify-content: stretch; + justify-content: stretch; + min-height: 100%; + transition-duration: 225ms; + transition-property: grid-template-rows, + grid-template-columns, min-height; + grid-template-columns: 1fr; + grid-template-rows: var( + --top-accent-height-md + ) auto; + grid-template-areas: "accent" "body"; + } + .css-1dp1rj3 + > .card-content + > [data-node-view-content-inner="card"] + > [data-layout-item-id="accent"] { + grid-area: accent; + } + .css-1dp1rj3 + > .card-content + > [data-node-view-content-inner="card"] + > [data-layout-item-id="body"] { + grid-area: body; + } + .css-1dp1rj3 + > .card-content + > [data-node-view-content-inner="card"] + > .node-cardLayoutItem + > [data-node-view-wrapper] + > .card-layout-cell-bg + > [data-node-view-content] { + padding: var(--card-inner-padding); + } + .css-1dp1rj3 + > .card-content + > [data-node-view-content-inner="card"] + > .node-cardLayoutItem + > [data-node-view-wrapper] + > .card-layout-cell-bg + > [data-node-view-content] + > [data-node-view-content-inner] { + max-width: var(--max-content-width); + margin: auto; + } + </style> + <div + class="card-layout css-1dp1rj3" + spellcheck="false" + > + <div + class="chakra-stack css-15maf5o" + contenteditable="false" + > + <div class="css-17xejub"></div> + <div class="css-17xejub"></div> + </div> + <div + dir="ltr" + class="card-content is-dark" + data-node-view-content="" + style="white-space: pre-wrap" + > + <div + data-node-view-content-inner="card" + style="white-space: inherit" + > + <div + data-pos="495" + class="react-renderer node-cardAccentLayoutItem animatable-on-load animatable-on-load-atom animatable-on-load-accent" + draggable="true" + data-layout-item-id="accent" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <style + data-emotion="css 1gawji4" + > + .css-1gawji4 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + position: relative; + border-top-left-radius: var( + --card-border-radius + ); + border-top-right-radius: var( + --card-border-radius + ); + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-background-size: cover; + background-size: cover; + padding: 0px; + object-fit: contain; + container-type: size; + } + </style> + <div + data-content-reference="true" + data-change-focus-point-el="true" + class="card-layout-cell-bg css-1gawji4" + data-selection-ring="inside" + data-selection-background="true" + data-card-layout="top" + data-fit-type="fill" + data-drag-handle="true" + > + <style + data-emotion="css 1fecef0" + > + .css-1fecef0 { + position: absolute; + inset: 0px; + overflow: hidden; + border-radius: inherit; + background-image: url("https://imgproxy.gamma.app/resize/quality:80/resizing_type:fit/width:1200/https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/Sn7wHwa1pmNxX434mt8bm.jpg"); + -webkit-background-position: center; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + } + </style> + <div + data-layout-cut="top" + class="css-1fecef0" + ></div> + </div> + </div> + </div> + <div + data-pos="496" + class="react-renderer node-cardLayoutItem" + data-layout-item-id="body" + style="white-space: inherit;undefined" + > + <div + dir="ltr" + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <style + data-emotion="css yq73kt" + > + .css-yq73kt { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; + position: relative; + border-bottom-left-radius: var( + --card-border-radius + ); + border-bottom-right-radius: var( + --card-border-radius + ); + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: var( + --card-vertical-align + ); + -ms-flex-pack: var( + --card-vertical-align + ); + -webkit-justify-content: var( + --card-vertical-align + ); + justify-content: var( + --card-vertical-align + ); + } + </style> + <div + data-content-reference="true" + class="card-layout-cell-bg css-yq73kt" + data-selection-ring="true" + data-selection-background="true" + > + <div + as="div" + style=" + white-space: pre-wrap; + width: 100%; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="cardLayoutItem" + style=" + white-space: inherit; + " + > + <div + data-pos="497" + class="react-renderer node-heading animatable-on-load animatable-on-load-annotatable block block-heading first-block first-block-in-card" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="1" + data-placeholder="Untitled card" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Intelligent + Content + Structure + </div> + </div> + </div> + </div> + <div + data-pos="528" + class="react-renderer node-smartLayout animatable-on-load-content-parent block block-smartLayout last-block" + style="white-space: inherit;undefined" + > + <div + class="" + style=" + white-space: normal; + position: relative; + display: grid; + grid-template-columns: 100%; + " + data-node-view-wrapper="" + > + <style + data-emotion="css mscysw" + > + .css-mscysw { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 1em; + position: relative; + } + </style> + <div + data-selection-ring="true" + class="css-mscysw" + > + <div + data-node-view-content-outer="smartLayout" + data-node-view-content="" + style=" + white-space: pre-wrap; + " + > + <div + data-node-view-content-inner="smartLayout" + style=" + white-space: inherit; + " + > + <div + data-pos="529" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 1; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <style + data-emotion="css 1katrfu" + > + .css-1katrfu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + gap: 1em; + -webkit-flex: 1 + 1 + auto; + -ms-flex: 1 + 1 + auto; + flex: 1 + 1 + auto; + width: calc( + 50% - + 1em + ); + position: relative; + } + </style> + <div + data-selection-ring="true" + data-content-reference="true" + class="css-1katrfu" + > + <style + data-emotion="css 1d2qp1f" + > + .css-1d2qp1f { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: var( + --block-margin + ); + margin-bottom: var( + --block-margin + ); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; + } + </style> + <div + contenteditable="false" + class="css-1d2qp1f" + > + <style + data-emotion="css e9eiy6" + > + .css-e9eiy6 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + height: var( + --line-height-heading + ) + em; + font-size: 1.035294117647059em; + line-height: var( + --line-height-heading + ); + } + @media screen and (min-width: 30em) { + .css-e9eiy6 { + font-size: 1.1764705882352942em; + } + } + @media print { + .css-e9eiy6 { + font-size: 1.1764705882352942em; + } + } + </style> + <div + class="css-e9eiy6" + > + <style + data-emotion="css iz3jdz" + > + .css-iz3jdz { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var( + --font-size + ); + height: 1.75em; + width: 1.75em; + } + </style> + <div + class="themed-html-shape-background css-iz3jdz" + > + <style + data-emotion="css 1ygtbub" + > + .css-1ygtbub { + text-align: center; + font-size: 1.1764705882352942em; + line-height: var( + --line-height-heading + ); + } + @media screen and (min-width: 30em) { + .css-1ygtbub { + font-size: 1.4117647058823528em; + } + } + @media print { + .css-1ygtbub { + font-size: 1.4117647058823528em; + } + } + </style> + <p + class="chakra-text themed-heading css-1ygtbub" + style=" + line-height: 1; + " + ></p> + </div> + </div> + </div> + <style + data-emotion="css twszz0" + > + .css-twszz0 { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 0px; + padding-top: var( + --block-margin + ); + } + </style> + <div + class="themed-shape-outside-text css-twszz0" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="530" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Scroll + Language + </div> + </div> + </div> + </div> + <div + data-pos="547" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + A + new, + simple + semantic + language + for + intelligent + content + organization + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="618" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 2; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="true" + data-content-reference="true" + class="css-1katrfu" + > + <div + contenteditable="false" + class="css-1d2qp1f" + > + <div + class="css-e9eiy6" + > + <div + class="themed-html-shape-background css-iz3jdz" + > + <p + class="chakra-text themed-heading css-1ygtbub" + style=" + line-height: 1; + " + ></p> + </div> + </div> + </div> + <div + class="themed-shape-outside-text css-twszz0" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="619" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + HTML + Compatibility + </div> + </div> + </div> + </div> + <div + data-pos="639" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Seamless + integration + with + existing + HTML + content + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="692" + class="react-renderer node-card block block-card" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal; min-height: 0" + data-node-view-wrapper="" + > + <div + data-animate-value="doc" + data-card-id="qspgqdgp07g0pbm" + data-card-scroll-element="true" + class="card-wrapper card-expanded css-c4x5t3" + > + <div + class="card-body css-39uyb2" + data-card-body="qspgqdgp07g0pbm" + data-selection-ring="true" + data-guider-highlight="card-body" + data-content-reference="true" + data-testid="card-body" + data-hide-comments="false" + > + <div + class="card-body-background css-v6bcb8" + contenteditable="false" + ></div> + <div + class="card-layout css-14beyg1" + spellcheck="false" + > + <div + class="chakra-stack css-15maf5o" + contenteditable="false" + > + <div class="css-17xejub"></div> + <div class="css-17xejub"></div> + </div> + <div + dir="ltr" + class="card-content is-dark" + data-node-view-content="" + style="white-space: pre-wrap" + > + <div + data-node-view-content-inner="card" + style="white-space: inherit" + > + <div + data-pos="693" + class="react-renderer node-cardAccentLayoutItem animatable-on-load animatable-on-load-atom animatable-on-load-accent" + draggable="true" + data-layout-item-id="accent" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <div + data-content-reference="true" + data-change-focus-point-el="true" + class="card-layout-cell-bg css-14f6wu4" + data-selection-ring="inside" + data-selection-background="true" + data-card-layout="left" + data-fit-type="fill" + data-drag-handle="true" + > + <style + data-emotion="css 1nhosk9" + > + .css-1nhosk9 { + position: absolute; + inset: 0px; + overflow: hidden; + border-radius: inherit; + background-image: url("https://imgproxy.gamma.app/resize/quality:80/resizing_type:fit/width:1200/https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/WV1DfuDeQ9R8SXnx6Qum2.jpg"); + -webkit-background-position: center; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + } + </style> + <div + data-layout-cut="left" + class="css-1nhosk9" + ></div> + </div> + </div> + </div> + <div + data-pos="694" + class="react-renderer node-cardLayoutItem" + data-layout-item-id="body" + style="white-space: inherit;undefined" + > + <div + dir="ltr" + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <div + data-content-reference="true" + class="card-layout-cell-bg css-12ung9g" + data-selection-ring="true" + data-selection-background="true" + > + <div + as="div" + style=" + white-space: pre-wrap; + width: 100%; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="cardLayoutItem" + style=" + white-space: inherit; + " + > + <div + data-pos="695" + class="react-renderer node-heading animatable-on-load animatable-on-load-annotatable block block-heading first-block first-block-in-card" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="1" + data-placeholder="Untitled card" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Ad-Free and Open + Experience + </div> + </div> + </div> + </div> + <div + data-pos="724" + class="react-renderer node-smartLayout animatable-on-load-content-parent block block-smartLayout last-block" + style="white-space: inherit;undefined" + > + <div + class="" + style=" + white-space: normal; + position: relative; + display: grid; + grid-template-columns: 100%; + " + data-node-view-wrapper="" + > + <style + data-emotion="css 1lazh2n" + > + .css-1lazh2n { + display: grid; + grid-row-gap: 3em; + grid-column-gap: 1.5em; + grid-template-columns: repeat( + 6, + minmax(0, 1fr) + ); + position: relative; + border-radius: var( + --box-border-radius + ); + } + </style> + <div + data-selection-ring="padded" + class="css-1lazh2n" + > + <div + data-node-view-content-outer="smartLayout" + data-node-view-content="" + style=" + white-space: pre-wrap; + " + > + <div + data-node-view-content-inner="smartLayout" + style=" + white-space: inherit; + " + > + <div + data-pos="725" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 1; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <style + data-emotion="css 1adq5o7" + > + .css-1adq5o7 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + border-radius: var( + --box-border-radius + ); + gap: 1em; + position: relative; + grid-column: span + 6; + text-align: left; + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + --flex-align: flex-start; + } + </style> + <div + data-selection-ring="padded" + data-content-reference="true" + class="css-1adq5o7" + > + <style + data-emotion="css qba7k2" + > + .css-qba7k2 { + width: 25%; + max-width: min( + 100%, + 2.5em + ); + overflow: hidden; + aspect-ratio: 1/1; + } + .css-qba7k2 + svg.colorable-icon + path { + fill: url(#theme-accent-gradient-linear) + var( + --accent-color-readable + ); + } + </style> + <div + data-smart-layout-image-drop-target="true" + class="image css-qba7k2" + > + <style + data-emotion="css qdflh6" + > + .css-qdflh6 { + position: relative; + cursor: default; + height: 100%; + transition-property: filter + background; + transition-duration: var( + --chakra-transition-duration-normal + ); + } + </style> + <div + contenteditable="false" + class="css-qdflh6" + > + <style + data-emotion="css o9em16" + > + .css-o9em16 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + -webkit-background-position: center; + background-position: center; + width: 100%; + height: 100%; + border-radius: var( + --box-border-radius + ); + transition-property: border-radius; + transition-duration: var( + --chakra-transition-duration-normal + ); + object-fit: contain; + } + .css-o9em16 + svg { + width: 100%; + aspect-ratio: 1/1; + } + </style> + <div + class="css-o9em16" + ></div> + </div> + </div> + <style + data-emotion="css uk1bx1" + > + .css-uk1bx1 { + min-width: 100%; + max-width: 100%; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + </style> + <div + class="themed-shape-outside-text css-uk1bx1" + data-content-empty="false" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="726" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Ad-Free + </div> + </div> + </div> + </div> + <div + data-pos="735" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Enjoy + content + without + toxic + advertisements + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="780" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 2; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="padded" + data-content-reference="true" + class="css-1adq5o7" + > + <div + data-smart-layout-image-drop-target="true" + class="image css-qba7k2" + > + <div + contenteditable="false" + class="css-qdflh6" + > + <div + class="css-o9em16" + ></div> + </div> + </div> + <div + class="themed-shape-outside-text css-uk1bx1" + data-content-empty="false" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="781" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Cookie-Free + </div> + </div> + </div> + </div> + <div + data-pos="794" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + No + intrusive + cookies + monitoring + your + activity + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="842" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 3; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="padded" + data-content-reference="true" + class="css-1adq5o7" + > + <div + data-smart-layout-image-drop-target="true" + class="image css-qba7k2" + > + <div + contenteditable="false" + class="css-qdflh6" + > + <div + class="css-o9em16" + ></div> + </div> + </div> + <div + class="themed-shape-outside-text css-uk1bx1" + data-content-empty="false" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="843" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + No + copyright + </div> + </div> + </div> + </div> + <div + data-pos="857" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Ideas + to + serve + you, + not + lock + you + down + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="900" + class="react-renderer node-card block block-card" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal; min-height: 0" + data-node-view-wrapper="" + > + <div + data-animate-value="doc" + data-card-id="uugrvue27vz988c" + data-card-scroll-element="true" + class="card-wrapper card-expanded css-c4x5t3" + > + <div + class="card-body css-39uyb2" + data-card-body="uugrvue27vz988c" + data-selection-ring="true" + data-guider-highlight="card-body" + data-content-reference="true" + data-testid="card-body" + data-hide-comments="false" + > + <div + class="card-body-background css-v6bcb8" + contenteditable="false" + ></div> + <div + class="card-layout css-1isnbfg" + spellcheck="false" + > + <div + class="chakra-stack css-15maf5o" + contenteditable="false" + > + <div class="css-17xejub"></div> + <div class="css-17xejub"></div> + </div> + <div + dir="ltr" + class="card-content is-dark" + data-node-view-content="" + style="white-space: pre-wrap" + > + <div + data-node-view-content-inner="card" + style="white-space: inherit" + > + <div + data-pos="901" + class="react-renderer node-cardLayoutItem" + data-layout-item-id="body" + style="white-space: inherit;undefined" + > + <div + dir="ltr" + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <div + data-content-reference="true" + class="card-layout-cell-bg css-1jw19ud" + data-selection-ring="true" + data-selection-background="true" + > + <div + as="div" + style=" + white-space: pre-wrap; + width: 100%; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="cardLayoutItem" + style=" + white-space: inherit; + " + > + <div + data-pos="902" + class="react-renderer node-heading animatable-on-load animatable-on-load-annotatable block block-heading first-block first-block-in-card" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="1" + data-placeholder="Untitled card" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Public Domain + Content + </div> + </div> + </div> + </div> + <div + data-pos="925" + class="react-renderer node-smartLayout animatable-on-load-content-parent block block-smartLayout" + style="white-space: inherit;undefined" + > + <div + class="" + style=" + white-space: normal; + position: relative; + display: grid; + grid-template-columns: 100%; + " + data-node-view-wrapper="" + > + <style + data-emotion="css rxoe0o" + > + .css-rxoe0o { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + gap: 1em; + } + </style> + <div + data-selection-ring="true" + class="css-rxoe0o" + > + <style + data-emotion="css yfvja8" + > + .css-yfvja8 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 0.25em; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + contenteditable="false" + data-alternate-colors="true" + class="css-yfvja8" + > + <style + data-emotion="css 6rrs34" + > + .css-6rrs34 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + width: 24.75%; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + data-testId="pyramid-step" + contenteditable="false" + class="css-6rrs34" + > + <style + data-emotion="css 1c6sfmy" + > + .css-1c6sfmy { + position: absolute; + inset: 0px; + overflow: visible; + width: 0px; + height: 0px; + }</style + ><svg + contenteditable="false" + data-testid="trapezoid-svg" + class="css-1c6sfmy" + > + <path + d=" + M 0 0 + L 0 0 + L 0 0 + L 0 0 + L 0 0 Z" + class="themed-svg-shape-background css-0" + ></path></svg + ><style + data-emotion="css 1c2r3f4" + > + .css-1c2r3f4 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + height: 100%; + padding: 0.5em; + box-sizing: border-box; + width: 50%; + min-width: 3em; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + class="themed-shape-text-over-background css-1c2r3f4" + > + <style + data-emotion="css d8lmps" + > + .css-d8lmps { + font-size: 1.25em; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + top: 0.25em; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <p + class="chakra-text themed-heading themed-shape-text-over-background css-d8lmps" + contenteditable="false" + > + 1 + </p> + </div> + </div> + <style + data-emotion="css y2va0t" + > + .css-y2va0t { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + width: 49.5%; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + data-testId="pyramid-step" + contenteditable="false" + class="css-y2va0t" + > + <svg + contenteditable="false" + data-testid="trapezoid-svg" + class="css-1c6sfmy" + > + <path + d=" + M 0 0 + L 0 0 + L 0 0 + L 0 0 + L 0 0 Z" + class="themed-svg-shape-background css-0" + ></path></svg + ><style + data-emotion="css mfwp52" + > + .css-mfwp52 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + height: 100%; + padding: 0.5em; + box-sizing: border-box; + width: 75.25252525252525%; + min-width: 3em; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + class="themed-shape-text-over-background css-mfwp52" + > + <style + data-emotion="css tnraqn" + > + .css-tnraqn { + font-size: 1.25em; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <p + class="chakra-text themed-heading themed-shape-text-over-background css-tnraqn" + contenteditable="false" + > + 2 + </p> + </div> + </div> + <style + data-emotion="css ixrmij" + > + .css-ixrmij { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + width: 74.25%; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + data-testId="pyramid-step" + contenteditable="false" + class="css-ixrmij" + > + <svg + contenteditable="false" + data-testid="trapezoid-svg" + class="css-1c6sfmy" + > + <path + d=" + M 0 0 + L 0 0 + L 0 0 + L 0 0 + L 0 0 Z" + class="themed-svg-shape-background css-0" + ></path></svg + ><style + data-emotion="css om91zq" + > + .css-om91zq { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + height: 100%; + padding: 0.5em; + box-sizing: border-box; + width: 83.67003367003367%; + min-width: 3em; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + class="themed-shape-text-over-background css-om91zq" + > + <p + class="chakra-text themed-heading themed-shape-text-over-background css-tnraqn" + contenteditable="false" + > + 3 + </p> + </div> + </div> + <style + data-emotion="css 1k3m9q3" + > + .css-1k3m9q3 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + width: 99%; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + data-testId="pyramid-step" + contenteditable="false" + class="css-1k3m9q3" + > + <svg + contenteditable="false" + data-testid="trapezoid-svg" + class="css-1c6sfmy" + > + <path + d=" + M 0 0 + L 0 0 + L 0 0 + L 0 0 + L 0 0 Z" + class="themed-svg-shape-background css-0" + ></path></svg + ><style + data-emotion="css lx93yv" + > + .css-lx93yv { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + height: 100%; + padding: 0.5em; + box-sizing: border-box; + width: 87.87878787878788%; + min-width: 3em; + text-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + --flex-align: center; + } + </style> + <div + class="themed-shape-text-over-background css-lx93yv" + > + <p + class="chakra-text themed-heading themed-shape-text-over-background css-tnraqn" + contenteditable="false" + > + 4 + </p> + </div> + </div> + </div> + <style + data-emotion="css 1efkf8a" + > + .css-1efkf8a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 0.5em; + } + </style> + <div + class="css-1efkf8a" + > + <div + data-node-view-content-outer="smartLayout" + data-node-view-content="" + style=" + white-space: pre-wrap; + " + > + <div + data-node-view-content-inner="smartLayout" + style=" + white-space: inherit; + " + > + <div + data-pos="926" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 1; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <style + data-emotion="css i37vo6" + > + .css-i37vo6 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + gap: 1em; + width: 100%; + position: relative; + } + </style> + <div + data-selection-ring="true" + data-content-reference="true" + class="css-i37vo6" + > + <div + contenteditable="false" + class="css-1d2qp1f" + > + <div + class="css-e9eiy6" + > + <style + data-emotion="css n4wmsm" + > + .css-n4wmsm { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var( + --font-size + ); + height: 2em; + width: 2em; + } + </style> + <div + class="themed-html-shape-background css-n4wmsm" + > + <style + data-emotion="css 1bpioh9" + > + .css-1bpioh9 { + text-align: center; + font-size: 1.035294117647059em; + line-height: var( + --line-height-heading + ); + } + @media screen and (min-width: 30em) { + .css-1bpioh9 { + font-size: 1.1764705882352942em; + } + } + @media print { + .css-1bpioh9 { + font-size: 1.1764705882352942em; + } + } + </style> + <p + class="chakra-text themed-heading css-1bpioh9" + style=" + line-height: 1; + " + > + 1 + </p> + </div> + </div> + </div> + <div + class="themed-shape-outside-text css-twszz0" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="927" + class="react-renderer node-heading block block-heading first-block last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Unrestricted + Access + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="949" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 2; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="true" + data-content-reference="true" + class="css-i37vo6" + > + <div + contenteditable="false" + class="css-1d2qp1f" + > + <div + class="css-e9eiy6" + > + <div + class="themed-html-shape-background css-n4wmsm" + > + <p + class="chakra-text themed-heading css-1bpioh9" + style=" + line-height: 1; + " + > + 2 + </p> + </div> + </div> + </div> + <div + class="themed-shape-outside-text css-twszz0" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="950" + class="react-renderer node-heading block block-heading first-block last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Free + Distribution + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="970" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 3; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="true" + data-content-reference="true" + class="css-i37vo6" + > + <div + contenteditable="false" + class="css-1d2qp1f" + > + <div + class="css-e9eiy6" + > + <div + class="themed-html-shape-background css-n4wmsm" + > + <p + class="chakra-text themed-heading css-1bpioh9" + style=" + line-height: 1; + " + > + 3 + </p> + </div> + </div> + </div> + <div + class="themed-shape-outside-text css-twszz0" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="971" + class="react-renderer node-heading block block-heading first-block last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Collaborative + Creation + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="996" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 4; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="true" + data-content-reference="true" + class="css-i37vo6" + > + <div + contenteditable="false" + class="css-1d2qp1f" + > + <div + class="css-e9eiy6" + > + <div + class="themed-html-shape-background css-n4wmsm" + > + <p + class="chakra-text themed-heading css-1bpioh9" + style=" + line-height: 1; + " + > + 4 + </p> + </div> + </div> + </div> + <div + class="themed-shape-outside-text css-twszz0" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="997" + class="react-renderer node-heading block block-heading first-block last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + No + Copyright + Limitations + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="1025" + class="react-renderer node-paragraph animatable-on-load animatable-on-load-annotatable block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + The Scroll + embraces a truly + open internet, + where all + content is in + the public + domain. + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="1114" + class="react-renderer node-card block block-card" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal; min-height: 0" + data-node-view-wrapper="" + > + <div + data-animate-value="doc" + data-card-id="cd59cedilhjoteb" + data-card-scroll-element="true" + class="card-wrapper card-expanded css-c4x5t3" + > + <div + class="card-body css-39uyb2" + data-card-body="cd59cedilhjoteb" + data-selection-ring="true" + data-guider-highlight="card-body" + data-content-reference="true" + data-testid="card-body" + data-hide-comments="false" + > + <div + class="card-body-background css-v6bcb8" + contenteditable="false" + ></div> + <div + class="card-layout css-14beyg1" + spellcheck="false" + > + <div + class="chakra-stack css-15maf5o" + contenteditable="false" + > + <div class="css-17xejub"></div> + <div class="css-17xejub"></div> + </div> + <div + dir="ltr" + class="card-content is-dark" + data-node-view-content="" + style="white-space: pre-wrap" + > + <div + data-node-view-content-inner="card" + style="white-space: inherit" + > + <div + data-pos="1115" + class="react-renderer node-cardAccentLayoutItem animatable-on-load animatable-on-load-atom animatable-on-load-accent" + draggable="true" + data-layout-item-id="accent" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <div + data-content-reference="true" + data-change-focus-point-el="true" + class="card-layout-cell-bg css-14f6wu4" + data-selection-ring="inside" + data-selection-background="true" + data-card-layout="left" + data-fit-type="fill" + data-drag-handle="true" + > + <style + data-emotion="css i5ldaf" + > + .css-i5ldaf { + position: absolute; + inset: 0px; + overflow: hidden; + border-radius: inherit; + background-image: url("https://imgproxy.gamma.app/resize/quality:80/resizing_type:fit/width:1200/https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/6YM4WJEToGJ3J5S4Xm3p1.jpg"); + -webkit-background-position: center; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + } + </style> + <div + data-layout-cut="left" + class="css-i5ldaf" + ></div> + </div> + </div> + </div> + <div + data-pos="1116" + class="react-renderer node-cardLayoutItem" + data-layout-item-id="body" + style="white-space: inherit;undefined" + > + <div + dir="ltr" + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <div + data-content-reference="true" + class="card-layout-cell-bg css-12ung9g" + data-selection-ring="true" + data-selection-background="true" + > + <div + as="div" + style=" + white-space: pre-wrap; + width: 100%; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="cardLayoutItem" + style=" + white-space: inherit; + " + > + <div + data-pos="1117" + class="react-renderer node-heading animatable-on-load animatable-on-load-annotatable block block-heading first-block first-block-in-card" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="1" + data-placeholder="Untitled card" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + The Scroll + Timeline + </div> + </div> + </div> + </div> + <div + data-pos="1138" + class="react-renderer node-smartLayout animatable-on-load-content-parent block block-smartLayout last-block" + style="white-space: inherit;undefined" + > + <div + class="" + style=" + white-space: normal; + position: relative; + display: grid; + grid-template-columns: 100%; + " + data-node-view-wrapper="" + > + <style + data-emotion="css h5ro1k" + > + .css-h5ro1k { + display: grid; + grid-row-gap: 1em; + grid-auto-rows: auto; + grid-template-columns: 0px 0px 1fr; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin-left: 1.5em; + position: relative; + } + </style> + <div + data-selection-ring="true" + class="css-h5ro1k" + > + <style + data-emotion="css fq9rba" + > + .css-fq9rba { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + grid-column: 2; + grid-row: 1; + } + </style> + <div + data-spotlight-dim="true" + contenteditable="false" + class="css-fq9rba" + > + <style + data-emotion="css he26gr" + > + .css-he26gr { + position: absolute; + width: var( + --line-thickness + ); + top: 0px; + bottom: 0px; + } + </style> + <div + class="themed-line css-he26gr" + ></div> + </div> + <div + data-node-view-content-outer="smartLayout" + data-node-view-content="" + style=" + white-space: pre-wrap; + " + > + <div + data-node-view-content-inner="smartLayout" + style=" + white-space: inherit; + " + > + <div + data-pos="1139" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 1; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <style + data-emotion="css 1qlf6z5" + > + .css-1qlf6z5 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + min-width: 0px; + position: relative; + transition-property: border, + padding, + right, + margin; + grid-row: span + 2; + grid-column: 3; + transform-origin: left + center; + padding-left: 5.5em; + } + </style> + <div + data-selection-ring="true" + data-content-reference="true" + data-test-timeline-item="0" + class="css-1qlf6z5" + > + <style + data-emotion="css lk6vac" + > + .css-lk6vac { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: var( + --block-margin + ); + margin-bottom: var( + --block-margin + ); + left: 0px; + -webkit-transform: translateX( + -50% + ); + -moz-transform: translateX( + -50% + ); + -ms-transform: translateX( + -50% + ); + transform: translateX( + -50% + ); + position: absolute; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; + } + </style> + <div + contenteditable="false" + class="css-lk6vac" + > + <div + class="css-e9eiy6" + > + <style + data-emotion="css 5hgnbi" + > + .css-5hgnbi { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var( + --font-size + ); + height: 2.25em; + width: 2.25em; + } + </style> + <div + class="themed-html-shape-background css-5hgnbi" + > + <p + class="chakra-text themed-heading css-1ygtbub" + style=" + line-height: 1; + " + > + 1 + </p> + </div> + </div> + <style + data-emotion="css 11jl1ut" + > + .css-11jl1ut { + position: absolute; + z-index: -1; + width: 3.5em; + height: var( + --line-thickness + ); + top: 50%; + -webkit-transform: translateY( + -50% + ); + -moz-transform: translateY( + -50% + ); + -ms-transform: translateY( + -50% + ); + transform: translateY( + -50% + ); + left: calc( + 100% - + var( + --line-thickness + ) + ); + } + </style> + <div + data-testid="timeline-line" + class="themed-line css-11jl1ut" + ></div> + </div> + <style + data-emotion="css fbucwi" + > + .css-fbucwi { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 100%; + text-align: left; + -webkit-align-items: flex-start; + -webkit-box-align: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + --flex-align: flex-start; + padding-top: 1em; + padding-bottom: 1em; + } + </style> + <div + class="themed-shape-outside-text css-fbucwi" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="1140" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + 2024: + The + Scroll + Launch + </div> + </div> + </div> + </div> + <div + data-pos="1165" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Introduction + of + the + revolutionary + web + successor + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="1215" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 2; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="true" + data-content-reference="true" + data-test-timeline-item="1" + class="css-1qlf6z5" + > + <div + contenteditable="false" + class="css-lk6vac" + > + <div + class="css-e9eiy6" + > + <div + class="themed-html-shape-background css-5hgnbi" + > + <p + class="chakra-text themed-heading css-1ygtbub" + style=" + line-height: 1; + " + > + 2 + </p> + </div> + </div> + <div + data-testid="timeline-line" + class="themed-line css-11jl1ut" + ></div> + </div> + <div + class="themed-shape-outside-text css-fbucwi" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="1216" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + 2025: + New + Content + Renaissance + </div> + </div> + </div> + </div> + <div + data-pos="1247" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Surge + in + creative, + ad-free, + and + accessible + online + content + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="1307" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 3; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-selection-ring="true" + data-content-reference="true" + data-test-timeline-item="2" + class="css-1qlf6z5" + > + <div + contenteditable="false" + class="css-lk6vac" + > + <div + class="css-e9eiy6" + > + <div + class="themed-html-shape-background css-5hgnbi" + > + <p + class="chakra-text themed-heading css-1ygtbub" + style=" + line-height: 1; + " + > + 3 + </p> + </div> + </div> + <div + data-testid="timeline-line" + class="themed-line css-11jl1ut" + ></div> + </div> + <div + class="themed-shape-outside-text css-fbucwi" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="1308" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + 2026: + Widespread + Adoption + </div> + </div> + </div> + </div> + <div + data-pos="1335" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Major + websites + and + platforms + now + on + The + Scroll + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="1387" + class="react-renderer node-card block block-card last-block" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal; min-height: 0" + data-node-view-wrapper="" + > + <div + data-animate-value="doc" + data-card-id="7wac0dbk9kus7y4" + data-card-scroll-element="true" + class="card-wrapper card-expanded css-c4x5t3" + > + <div + class="card-body css-39uyb2" + data-card-body="7wac0dbk9kus7y4" + data-selection-ring="true" + data-guider-highlight="card-body" + data-content-reference="true" + data-testid="card-body" + data-hide-comments="false" + > + <div + class="card-body-background css-v6bcb8" + contenteditable="false" + ></div> + <div + class="card-layout css-1dp1rj3" + spellcheck="false" + > + <div + class="chakra-stack css-15maf5o" + contenteditable="false" + > + <div class="css-17xejub"></div> + <div class="css-17xejub"></div> + </div> + <div + dir="ltr" + class="card-content is-dark" + data-node-view-content="" + style="white-space: pre-wrap" + > + <div + data-node-view-content-inner="card" + style="white-space: inherit" + > + <div + data-pos="1388" + class="react-renderer node-cardAccentLayoutItem animatable-on-load animatable-on-load-atom animatable-on-load-accent" + draggable="true" + data-layout-item-id="accent" + style="white-space: inherit;undefined" + > + <div + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <div + data-content-reference="true" + data-change-focus-point-el="true" + class="card-layout-cell-bg css-1gawji4" + data-selection-ring="inside" + data-selection-background="true" + data-card-layout="top" + data-fit-type="fill" + data-drag-handle="true" + > + <style + data-emotion="css wgguo0" + > + .css-wgguo0 { + position: absolute; + inset: 0px; + overflow: hidden; + border-radius: inherit; + background-image: url("https://imgproxy.gamma.app/resize/quality:80/resizing_type:fit/width:1200/https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/t85zdz7lwgVmQLNDyWEgx.jpg"); + -webkit-background-position: center; + background-position: center; + -webkit-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + } + </style> + <div + data-layout-cut="top" + class="css-wgguo0" + ></div> + </div> + </div> + </div> + <div + data-pos="1389" + class="react-renderer node-cardLayoutItem" + data-layout-item-id="body" + style="white-space: inherit;undefined" + > + <div + dir="ltr" + as="div" + style="white-space: normal" + data-node-view-wrapper="" + > + <div + data-content-reference="true" + class="card-layout-cell-bg css-yq73kt" + data-selection-ring="true" + data-selection-background="true" + > + <div + as="div" + style=" + white-space: pre-wrap; + width: 100%; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="cardLayoutItem" + style=" + white-space: inherit; + " + > + <div + data-pos="1390" + class="react-renderer node-heading animatable-on-load animatable-on-load-annotatable block block-heading first-block first-block-in-card" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="1" + data-placeholder="Untitled card" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Join the Scroll + Revolution + </div> + </div> + </div> + </div> + <div + data-pos="1418" + class="react-renderer node-smartLayout animatable-on-load-content-parent block block-smartLayout" + style="white-space: inherit;undefined" + > + <div + class="" + style=" + white-space: normal; + position: relative; + display: grid; + grid-template-columns: 100%; + " + data-node-view-wrapper="" + > + <style + data-emotion="css lvue4i" + > + .css-lvue4i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 1em; + position: relative; + } + </style> + <div + data-selection-ring="true" + class="css-lvue4i" + > + <div + data-node-view-content-outer="smartLayout" + data-node-view-content="" + style=" + white-space: pre-wrap; + " + > + <div + data-node-view-content-inner="smartLayout" + style=" + white-space: inherit; + " + > + <div + data-pos="1419" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 1; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <style + data-emotion="css 1gpekft" + > + .css-1gpekft { + -webkit-flex: 1 + 1 + auto; + -ms-flex: 1 + 1 + auto; + flex: 1 + 1 + auto; + width: calc( + 33.333333333333336% - + 1em + ); + box-sizing: border-box; + padding: 1em; + position: relative; + -webkit-align-items: var( + --flex-align + ); + -webkit-box-align: var( + --flex-align + ); + -ms-flex-align: var( + --flex-align + ); + align-items: var( + --flex-align + ); + } + </style> + <div + data-content-reference="true" + data-selection-ring="true" + class="themed-html-shape-background css-1gpekft" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="1420" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Explore + </div> + </div> + </div> + </div> + <div + data-pos="1429" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Discover + the + vast + potential + of + The + Scroll + technology + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="1484" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 2; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-content-reference="true" + data-selection-ring="true" + class="themed-html-shape-background css-1gpekft" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="1485" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Create + </div> + </div> + </div> + </div> + <div + data-pos="1493" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Develop + content + using + the + new + Scroll + language + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="1541" + class="react-renderer node-smartLayoutCell animatable-on-load-content-child" + style=" + white-space: inherit; + --animate-index: 3; + " + > + <div + style=" + white-space: normal; + " + data-node-view-wrapper="" + > + <div + data-spotlight-parent="true" + class="css-1doss8g" + > + <div + data-content-reference="true" + data-selection-ring="true" + class="themed-html-shape-background css-1gpekft" + > + <div + style=" + white-space: pre-wrap; + max-width: 100%; + word-break: break-word; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="smartLayoutCell" + style=" + white-space: inherit; + " + > + <div + data-pos="1542" + class="react-renderer node-heading block block-heading first-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + display: flex; + flex-direction: column; + align-items: var( + --flex-align + ); + " + data-node-view-wrapper="" + > + <div + level="4" + data-placeholder="Heading 4" + class="heading themed-heading" + style=" + white-space: pre-wrap; + min-width: min( + 100%, + 10em + ); + " + data-node-view-content="" + > + <div + data-node-view-content-inner="heading" + style=" + white-space: inherit; + " + > + Share + </div> + </div> + </div> + </div> + <div + data-pos="1549" + class="react-renderer node-paragraph block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + Contribute + to + the + growing + ecosystem + of + public + domain + content + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div + data-pos="1613" + class="react-renderer node-paragraph animatable-on-load animatable-on-load-annotatable block block-paragraph last-block" + style="white-space: inherit;undefined" + > + <div + style=" + white-space: normal; + position: relative; + " + data-node-view-wrapper="" + > + <div + style=" + white-space: pre-wrap; + " + data-node-view-content="" + > + <div + data-node-view-content-inner="paragraph" + style=" + white-space: inherit; + " + > + The future of + the web is here. + Are you ready to + unroll The + Scroll? + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <style data-emotion="css 1f8etj"> + .css-1f8etj { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: fixed; + right: var(--chakra-space-1); + bottom: var(--chakra-space-1); + } + @media screen and (min-width: 30em) { + .css-1f8etj { + right: var(--chakra-space-6); + bottom: var(--chakra-space-4); + } + } + </style> + <div class="css-1f8etj"> + <style data-emotion="css 18jgm43"> + .css-18jgm43 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + } + .css-18jgm43 > *:first-of-type:not(:last-of-type) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .css-18jgm43 > *:not(:first-of-type):not(:last-of-type) { + border-radius: 0px; + } + .css-18jgm43 > *:not(:first-of-type):last-of-type { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .css-18jgm43 .chakra-button { + border-top-right-radius: var(--chakra-radii-none); + border-bottom-right-radius: var(--chakra-radii-none); + } + .css-18jgm43 .chakra-button:last-child { + border-top-right-radius: var(--chakra-radii-md); + border-bottom-right-radius: var(--chakra-radii-md); + } + </style> + <div + role="group" + class="chakra-button__group css-18jgm43" + data-attached="" + data-orientation="horizontal" + > + <style data-emotion="css 1bwb7ro"> + .css-1bwb7ro { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + line-height: 1.2; + border-radius: var(--chakra-radii-md); + font-weight: 600; + transition-property: var(--chakra-transition-property-common); + transition-duration: var(--chakra-transition-duration-normal); + height: var(--chakra-sizes-8); + min-width: var(--chakra-sizes-8); + font-size: var(--chakra-fontSizes-sm); + -webkit-padding-start: var(--chakra-space-3); + padding-inline-start: var(--chakra-space-3); + -webkit-padding-end: var(--chakra-space-3); + padding-inline-end: var(--chakra-space-3); + color: var(--chakra-colors-gray-100); + box-shadow: var(--chakra-shadows-md); + background: var(--chakra-colors-gradient-dark); + border-width: 1px; + border-style: solid; + border-color: var(--chakra-colors-gray-800); + -webkit-text-decoration: none !important; + text-decoration: none !important; + } + .css-1bwb7ro:focus-visible, + .css-1bwb7ro[data-focus-visible] { + box-shadow: var(--chakra-shadows-outline); + } + .css-1bwb7ro:disabled, + .css-1bwb7ro[disabled], + .css-1bwb7ro[aria-disabled="true"], + .css-1bwb7ro[data-disabled] { + opacity: 0.4; + cursor: not-allowed; + box-shadow: var(--chakra-shadows-none); + } + .css-1bwb7ro:hover, + .css-1bwb7ro[data-hover] { + color: var(--chakra-colors-trueblue-200); + } + .css-1bwb7ro:hover:disabled, + .css-1bwb7ro[data-hover]:disabled, + .css-1bwb7ro:hover[disabled], + .css-1bwb7ro[data-hover][disabled], + .css-1bwb7ro:hover[aria-disabled="true"], + .css-1bwb7ro[data-hover][aria-disabled="true"], + .css-1bwb7ro:hover[data-disabled], + .css-1bwb7ro[data-hover][data-disabled] { + background: initial; + } + .css-1bwb7ro:active, + .css-1bwb7ro[data-active] { + box-shadow: var(--chakra-shadows-inner); + } + .css-1bwb7ro:focus, + .css-1bwb7ro[data-focus] { + z-index: 1; + }</style + ><style data-emotion="css 16kb49p"> + .css-16kb49p { + transition-property: var(--chakra-transition-property-common); + transition-duration: var(--chakra-transition-duration-fast); + transition-timing-function: var( + --chakra-transition-easing-ease-out + ); + cursor: pointer; + -webkit-text-decoration: none; + text-decoration: none; + outline: 2px solid transparent; + outline-offset: 2px; + color: inherit; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + line-height: 1.2; + border-radius: var(--chakra-radii-md); + font-weight: 600; + transition-property: var(--chakra-transition-property-common); + transition-duration: var(--chakra-transition-duration-normal); + height: var(--chakra-sizes-8); + min-width: var(--chakra-sizes-8); + font-size: var(--chakra-fontSizes-sm); + -webkit-padding-start: var(--chakra-space-3); + padding-inline-start: var(--chakra-space-3); + -webkit-padding-end: var(--chakra-space-3); + padding-inline-end: var(--chakra-space-3); + color: var(--chakra-colors-gray-100); + box-shadow: var(--chakra-shadows-md); + background: var(--chakra-colors-gradient-dark); + border-width: 1px; + border-style: solid; + border-color: var(--chakra-colors-gray-800); + -webkit-text-decoration: none !important; + text-decoration: none !important; + } + .css-16kb49p:hover, + .css-16kb49p[data-hover] { + -webkit-text-decoration: underline; + text-decoration: underline; + } + .css-16kb49p:focus-visible, + .css-16kb49p[data-focus-visible] { + box-shadow: var(--chakra-shadows-outline); + } + .css-16kb49p:focus-visible, + .css-16kb49p[data-focus-visible] { + box-shadow: var(--chakra-shadows-outline); + } + .css-16kb49p:disabled, + .css-16kb49p[disabled], + .css-16kb49p[aria-disabled="true"], + .css-16kb49p[data-disabled] { + opacity: 0.4; + cursor: not-allowed; + box-shadow: var(--chakra-shadows-none); + } + .css-16kb49p:hover, + .css-16kb49p[data-hover] { + color: var(--chakra-colors-trueblue-200); + } + .css-16kb49p:hover:disabled, + .css-16kb49p[data-hover]:disabled, + .css-16kb49p:hover[disabled], + .css-16kb49p[data-hover][disabled], + .css-16kb49p:hover[aria-disabled="true"], + .css-16kb49p[data-hover][aria-disabled="true"], + .css-16kb49p:hover[data-disabled], + .css-16kb49p[data-hover][data-disabled] { + background: initial; + } + .css-16kb49p:active, + .css-16kb49p[data-active] { + box-shadow: var(--chakra-shadows-inner); + } + .css-16kb49p:focus, + .css-16kb49p[data-focus] { + z-index: 1; + }</style + ><a + target="_blank" + class="chakra-link chakra-button css-16kb49p" + href="https://gamma.app/?utm_source=made-with-gamma&amp;utm_medium=content" + ><style data-emotion="css 1wh2kri"> + .css-1wh2kri { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; + }</style + ><span class="chakra-button__icon css-1wh2kri" + ><style data-emotion="css 1uo6o3"> + .css-1uo6o3 { + height: 1em; + }</style + ><img + src="/_next/static/media/GammaLogoGradient.43edb67f.svg" + class="chakra-image css-1uo6o3" + aria-hidden="true" + focusable="false" /></span + >Made with Gamma</a + ><style data-emotion="css vkjof7"> + .css-vkjof7 { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + position: relative; + white-space: nowrap; + vertical-align: middle; + outline: 2px solid transparent; + outline-offset: 2px; + line-height: 1.2; + border-radius: var(--chakra-radii-md); + font-weight: 600; + transition-property: var(--chakra-transition-property-common); + transition-duration: var(--chakra-transition-duration-normal); + height: var(--chakra-sizes-8); + min-width: var(--chakra-sizes-8); + font-size: var(--chakra-fontSizes-sm); + -webkit-padding-start: var(--chakra-space-3); + padding-inline-start: var(--chakra-space-3); + -webkit-padding-end: var(--chakra-space-3); + padding-inline-end: var(--chakra-space-3); + box-shadow: var(--chakra-shadows-md); + background: var(--chakra-colors-gradient-dark); + border-width: 1px; + border-style: solid; + border-color: var(--chakra-colors-gray-800); + padding: 0px; + border-left-width: 0px; + color: var(--chakra-colors-gray-600); + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + .css-vkjof7:focus-visible, + .css-vkjof7[data-focus-visible] { + box-shadow: var(--chakra-shadows-outline); + } + .css-vkjof7:disabled, + .css-vkjof7[disabled], + .css-vkjof7[aria-disabled="true"], + .css-vkjof7[data-disabled] { + opacity: 0.4; + cursor: not-allowed; + box-shadow: var(--chakra-shadows-none); + } + .css-vkjof7:hover, + .css-vkjof7[data-hover] { + color: var(--chakra-colors-trueblue-200); + } + .css-vkjof7:hover:disabled, + .css-vkjof7[data-hover]:disabled, + .css-vkjof7:hover[disabled], + .css-vkjof7[data-hover][disabled], + .css-vkjof7:hover[aria-disabled="true"], + .css-vkjof7[data-hover][aria-disabled="true"], + .css-vkjof7:hover[data-disabled], + .css-vkjof7[data-hover][data-disabled] { + background: initial; + } + .css-vkjof7:active, + .css-vkjof7[data-active] { + box-shadow: var(--chakra-shadows-inner); + } + .css-vkjof7:focus, + .css-vkjof7[data-focus] { + z-index: 1; + }</style + ><button + type="button" + class="chakra-button css-vkjof7" + aria-label="Report this page" + > + <svg + aria-hidden="true" + focusable="false" + data-prefix="fas" + data-icon="flag-swallowtail" + class="svg-inline--fa fa-flag-swallowtail fa-sm" + role="img" + xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 448 512" + > + <path + fill="currentColor" + d="M64 32C64 14.3 49.7 0 32 0S0 14.3 0 32V480c0 17.7 14.3 32 32 32s32-14.3 32-32V352H424c13.3 0 24-10.7 24-24c0-5.2-1.7-10.2-4.8-14.4L352 192 443.2 70.4c3.1-4.2 4.8-9.2 4.8-14.4c0-13.3-10.7-24-24-24H64z" + ></path> + </svg> + </button> + </div> + </div> + </div> + <span></span><span id="__chakra_env" hidden=""></span> + </div> + <script id="__NEXT_DATA__" type="application/json"> + { + "props": { + "pageProps": { + "docId": "p78tpuk1nbekt5p", + "doc": { + "id": "p78tpuk1nbekt5p", + "title": "The Scroll: The next Web", + "organization": { + "products": [], + "id": "zre41d3qe8x9vyv", + "__typename": "Organization" + }, + "editors": [ + { + "docId": "p78tpuk1nbekt5p", + "user": { + "id": "dit1cptuo93zeoj", + "displayName": "Breck Yunits", + "profileImageUrl": "https://lh3.googleusercontent.com/a/ACg8ocJ2YQtnKsQ1mfCLauxQuMnTv1Wup7YVkDTCu2ws2Y6jxfCA6TGm-Q=s96-c" + }, + "lastEdited": "2024-11-28T02:56:23.431Z" + } + ], + "theme": { + "id": "verdigris", + "workspaceId": null, + "name": "Verdigris", + "headingFont": "Unbounded", + "headingFontWeight": 400, + "bodyFont": "Cabin", + "bodyFontWeight": 400, + "accentColor": "#0A988B", + "logoUrl": null, + "config": { + "fontSize": 1.0625, + "keywords": { + "tone": [ + "playful", + "friendly", + "casual", + "fun", + "complex", + "bold", + "loud", + "modern", + "young", + "fresh", + "creative", + "organic" + ], + "color": [ + "green", + "blue", + "teal", + "dark", + "dark blue", + "navy", + "dark green", + "seafoam green", + "verdigris green", + "blue green", + "vibrant", + "colorful", + "gradient", + "cool" + ] + }, + "bodyColor": "#CAD6DE", + "themeBase": "finesse", + "background": { + "type": "image", + "color": { "hex": "#150D48" }, + "image": { + "src": "https://cdn.gamma.app/zc87vhr30n8uf3n/d0f51a018ec24c81b90f74069c16bfb7/original/Frame-59718.png", + "meta": { + "width": 2331, + "height": 1306, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1.785, + "average_color": "#0a3035", + "has_transparency": true, + "has_clipping_path": false, + "date_file_modified": "2023/06/16 03:21:34 GMT" + }, + "name": "Frame 59718.png", + "source": "image.custom", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "image.custom" + }, + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "headingColor": "#FFFFFF", + "accentGradient": { + "angle": 180, + "colors": ["#0A988B", "#38512F"], + "disabled": true + }, + "cardBackground": { + "type": "color", + "color": { "hex": "#112836" } + }, + "accentBackgrounds": [ + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/953522a99e7a42b38997078e99327298/original/Verdigris---1.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#0c5559", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:32 GMT" + }, + "name": "Verdigris - 1.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "3R7FLvHRAxJmYPLrSbQQm", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/dfedc88f3f9340a1850cf428047206fd/original/Verdigris---2.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#0e4f56", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:32 GMT" + }, + "name": "Verdigris - 2.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "89ZQxecXQjnb0mzagnRXd", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/4cee4178d10a415881ed35a8860dec00/original/Verdigris---3.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#0c5258", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:29 GMT" + }, + "name": "Verdigris - 3.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "Dk7rrNU51Z_VidZRo3nzN", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/7361b323162147b9bff8ef0dbc2cbe65/original/Verdigris---4.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#0d4c4c", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:29 GMT" + }, + "name": "Verdigris - 4.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "JKJXkDltuYaW6kbmkRzX9", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/40533f0e8a3a4c31b8bfb3111fd0a395/original/Verdigris---5.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#0a414b", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:28 GMT" + }, + "name": "Verdigris - 5.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "0f-r5z6eEn5LOwFCtRJsu", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/b2f1b4c9774e4dc79170cb421f9abd71/original/Verdigris---6.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#0c5456", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:29 GMT" + }, + "name": "Verdigris - 6.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "M5qY8cD2zj9zLMvcbaIv3", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/54005e62730745c38fd48afbe71e3c85/original/Verdigris---7.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#125d59", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:29 GMT" + }, + "name": "Verdigris - 7.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "JdgmMBwPnjX_xfWprYPsg", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/5c64e4cba82549ee9d10b366405fcac0/original/Verdigris---8.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#105653", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:32 GMT" + }, + "name": "Verdigris - 8.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "3vjrBGL6v2685aM_2dc5F", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/38bbf4aab20b40a6a0aead72b0225a3d/original/Verdigris---9.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#115555", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:29 GMT" + }, + "name": "Verdigris - 9.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "aj3xUO9yapZgTJRcTqU2S", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/b9a7c417a56446f98b59e62cce5885c0/original/Verdigris---10.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#0f4f4f", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:29 GMT" + }, + "name": "Verdigris - 10.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "Bo3riVr7DhOuH2ezwwtoL", + "originalSource": "image.custom" + }, + { + "type": "image", + "image": { + "src": "https://cdn.gamma.app/theme_images/standard/806258a45df447109ee4e8db41cd229f/original/Verdigris---11.png", + "meta": { + "width": 4096, + "height": 4096, + "colorspace": "sRGB", + "frame_count": 1, + "aspect_ratio": 1, + "average_color": "#125954", + "has_transparency": false, + "has_clipping_path": false, + "date_file_modified": "2024/01/26 23:15:28 GMT" + }, + "name": "Verdigris - 11.png", + "uploadStatus": 0, + "showPlaceholder": false, + "uploadResultStep": "optimized" + }, + "source": "accent.theme", + "accentId": "T3P8ni54iM70feDmK7vyA", + "originalSource": "image.custom" + } + ], + "secondaryAccentColors": ["#1C3645", "#061722"] + }, + "priority": 330, + "previewUrl": null, + "archived": false, + "createdTime": "2024-01-30T02:18:31.843Z", + "updatedTime": "2024-05-07T18:19:52.265Z", + "fonts": [ + { + "id": "Cabin", + "name": "Cabin", + "url": "https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700\u0026display=swap" + }, + { + "id": "Unbounded", + "name": "Unbounded", + "url": "https://fonts.googleapis.com/css2?family=Unbounded:wght@200;300;400;500;600;700;800;900\u0026display=swap" + } + ] + }, + "publishedSnapshot": { + "id": "dc4jd5aj6crbo4b", + "docId": "p78tpuk1nbekt5p", + "content": { + "default": { + "type": "doc", + "content": [ + { + "type": "document", + "attrs": { + "aiOptions": { + "preserveLayouts": false, + "imageOptions": { + "license": "All", + "provider": "aiGenerated", + "generateStyle": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "model": "flux-1-quick", + "stylePreset": "Theme" + } + }, + "background": { "type": "none" }, + "docFlags": { "cardLayoutsEnabled": true }, + "format": "deck", + "customCode": {}, + "settings": { + "defaultFullBleed": "contained", + "stylesDerivedFrom": "deck_default", + "cardDimensions": "fluid", + "verticalAlign": "center", + "defaultContentWidth": "lg", + "fontSize": "md", + "animationsEnabled": true + }, + "generateStatus": "done", + "generateInfo": { + "interactionId": "fcj94q94wo8cjnx", + "streamId": "p78tpuk1nbekt5p", + "lastEventId": "147", + "lastCompletedCardId": "7wac0dbk9kus7y4", + "lastCompletedCardIndex": 7 + }, + "docId": "p78tpuk1nbekt5p" + }, + "content": [ + { + "type": "card", + "attrs": { + "background": { "type": "none" }, + "container": {}, + "cardSize": "default", + "layout": "left", + "id": "zitkq73wjk1498b" + }, + "content": [ + { + "type": "cardAccentLayoutItem", + "attrs": { + "itemId": "accent", + "fitType": "fill", + "background": { + "type": "image", + "image": { + "id": "yJiBF", + "horizontalAlign": null, + "savedMediaId": "psb2jz5mvwebtkr", + "src": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/x0Tn7xmOh1Mg4pHarSqnX.jpg", + "tempUrl": null, + "uploadStatus": 3, + "meta": { "width": 896, "height": 1152 }, + "providerMeta": null, + "aiParams": { + "model": "flux-1-quick", + "steps": 30, + "width": 896, + "height": 1152, + "prompt": "futuristic digital scroll unrolling, revealing a new internet landscape, glowing with vibrant colors and holographic information", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "interactionId": "fcj94q94wo8cjnx", + "upscaleFactor": 1 + }, + "loadImageParams": { + "provider": "aiGenerated", + "query": "futuristic digital scroll unrolling, revealing a new internet landscape, glowing with vibrant colors and holographic information", + "options": { + "model": "flux-1-quick", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "width": 896, + "height": 1152 + } + }, + "loadImageStatus": "done", + "loadImageId": "8Lrnc", + "name": null, + "query": "futuristic digital scroll unrolling, revealing a new internet landscape, glowing with vibrant colors and holographic information", + "source": "image.ai-generated", + "showPlaceholder": null, + "fullWidthBlock": false, + "resize": { + "clipType": null, + "clipPath": null, + "clipAspectRatio": null, + "width": null + }, + "clickBehavior": null, + "href": null, + "provider": "flux" + }, + "source": "image.ai-generated", + "mask": { "effect": "faded" } + } + } + }, + { + "type": "cardLayoutItem", + "attrs": { "itemId": "body" }, + "content": [ + { + "type": "heading", + "attrs": { "level": 1 }, + "content": [ + { "type": "text", "text": "The Scroll:" }, + { "type": "hardBreak" }, + { "type": "text", "text": "The next Web" } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "The Scroll is a revolution in information networks - offline-first, intelligent, and ad-free." + } + ] + }, + { + "type": "contributors", + "attrs": { + "showTime": true, + "hiddenContributorIds": [] + } + } + ] + } + ] + }, + { + "type": "card", + "attrs": { + "id": "zbq9pskhsdcu1zh", + "background": { "type": "none" }, + "container": {}, + "cardSize": "default", + "layout": "blank" + }, + "content": [ + { + "type": "cardLayoutItem", + "attrs": { "itemId": "body" }, + "content": [ + { + "type": "heading", + "attrs": { "level": 1 }, + "content": [ + { + "type": "text", + "text": "A Paradigm Shift in Web Technology" + } + ] + }, + { + "type": "gridLayout", + "attrs": { + "colWidths": [50, 50], + "fullWidthBlock": false + }, + "content": [ + { + "type": "gridCell", + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Current Web" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Based on HTTP protocol" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Downloads individual pages" + } + ] + } + ] + }, + { + "type": "gridCell", + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "The Scroll" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Utilizes Git for information exchange" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Downloads entire sites at once" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "card", + "attrs": { + "id": "jt57bdg0m42fr18", + "background": { "type": "none" }, + "container": {}, + "cardSize": "default", + "layout": "left" + }, + "content": [ + { + "type": "cardAccentLayoutItem", + "attrs": { + "itemId": "accent", + "fitType": "fill", + "background": { + "type": "image", + "image": { + "id": "gRPNr", + "horizontalAlign": null, + "savedMediaId": "lhtdwpijf7q6mqj", + "src": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/u-LWfi8cRu1mqzV_ZWCJ6.jpg", + "tempUrl": null, + "uploadStatus": 3, + "meta": { "width": 896, "height": 1152 }, + "providerMeta": null, + "aiParams": { + "model": "flux-1-quick", + "steps": 30, + "width": 896, + "height": 1152, + "prompt": "person using a sleek tablet device on a remote mountain top, accessing content without internet", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "interactionId": "fcj94q94wo8cjnx", + "upscaleFactor": 1 + }, + "loadImageParams": { + "provider": "aiGenerated", + "query": "person using a sleek tablet device on a remote mountain top, accessing content without internet", + "options": { + "model": "flux-1-quick", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "width": 896, + "height": 1152 + } + }, + "loadImageStatus": "done", + "loadImageId": "Qw9OX", + "name": null, + "query": "person using a sleek tablet device on a remote mountain top, accessing content without internet", + "source": "image.ai-generated", + "showPlaceholder": null, + "fullWidthBlock": false, + "resize": { + "clipType": null, + "clipPath": null, + "clipAspectRatio": null, + "width": null + }, + "clickBehavior": null, + "href": null, + "provider": "flux" + }, + "source": "image.ai-generated", + "mask": { "effect": "faded" } + } + } + }, + { + "type": "cardLayoutItem", + "attrs": { "itemId": "body" }, + "content": [ + { + "type": "heading", + "attrs": { "level": 1 }, + "content": [ + { + "type": "text", + "text": "Offline-First Approach" + } + ] + }, + { + "type": "smartLayout", + "attrs": { + "variantKey": "arrows", + "options": { + "cellSize": "xl", + "orientation": "vertical", + "twoSided": false + }, + "fullWidthBlock": false + }, + "content": [ + { + "type": "smartLayoutCell", + "attrs": { + "id": "QwDi7", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Download" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Entire sites downloaded using Git" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "Qn9AM", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Access" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Content available offline, anytime" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "r2n5v", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Update" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Seamless synchronization when online" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "card", + "attrs": { + "id": "ru57997iwe2d0u8", + "background": { "type": "none" }, + "container": {}, + "cardSize": "default", + "layout": "top" + }, + "content": [ + { + "type": "cardAccentLayoutItem", + "attrs": { + "itemId": "accent", + "fitType": "fill", + "background": { + "type": "image", + "image": { + "id": "G0ilF", + "horizontalAlign": null, + "savedMediaId": "grvx2r6k0pm4puc", + "src": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/Sn7wHwa1pmNxX434mt8bm.jpg", + "tempUrl": null, + "uploadStatus": 3, + "meta": { "width": 1216, "height": 832 }, + "providerMeta": null, + "aiParams": { + "model": "flux-1-quick", + "steps": 30, + "width": 1216, + "height": 832, + "prompt": "3D visualization of Scroll language structure, with flowing data streams and interconnected nodes", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "interactionId": "fcj94q94wo8cjnx", + "upscaleFactor": 1 + }, + "loadImageParams": { + "provider": "aiGenerated", + "query": "3D visualization of Scroll language structure, with flowing data streams and interconnected nodes", + "options": { + "model": "flux-1-quick", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "width": 1216, + "height": 832 + } + }, + "loadImageStatus": "done", + "loadImageId": "a5SjS", + "name": null, + "query": "3D visualization of Scroll language structure, with flowing data streams and interconnected nodes", + "source": "image.ai-generated", + "showPlaceholder": null, + "fullWidthBlock": false, + "resize": { + "clipType": null, + "clipPath": null, + "clipAspectRatio": null, + "width": null + }, + "clickBehavior": null, + "href": null, + "provider": "flux" + }, + "source": "image.ai-generated", + "mask": { "effect": "faded" } + } + } + }, + { + "type": "cardLayoutItem", + "attrs": { "itemId": "body" }, + "content": [ + { + "type": "heading", + "attrs": { "level": 1 }, + "content": [ + { + "type": "text", + "text": "Intelligent Content Structure" + } + ] + }, + { + "type": "smartLayout", + "attrs": { + "variantKey": "bullets", + "options": { + "cellSize": 20, + "numbered": false + }, + "fullWidthBlock": false + }, + "content": [ + { + "type": "smartLayoutCell", + "attrs": { + "id": "B7GBW", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Scroll Language" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "A new, simple semantic language for intelligent content organization" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "Y3PO-", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "HTML Compatibility" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Seamless integration with existing HTML content" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "card", + "attrs": { + "id": "qspgqdgp07g0pbm", + "background": { "type": "none" }, + "container": {}, + "cardSize": "default", + "layout": "left" + }, + "content": [ + { + "type": "cardAccentLayoutItem", + "attrs": { + "itemId": "accent", + "fitType": "fill", + "background": { + "type": "image", + "image": { + "id": "1bCY-", + "horizontalAlign": null, + "savedMediaId": "7z1g87hwqp128ev", + "src": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/WV1DfuDeQ9R8SXnx6Qum2.jpg", + "tempUrl": null, + "uploadStatus": 3, + "meta": { "width": 896, "height": 1152 }, + "providerMeta": null, + "aiParams": { + "model": "flux-1-quick", + "steps": 30, + "width": 896, + "height": 1152, + "prompt": "serene digital landscape free from pop-ups and banners, emphasizing clean user interface", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "interactionId": "fcj94q94wo8cjnx", + "upscaleFactor": 1 + }, + "loadImageParams": { + "provider": "aiGenerated", + "query": "serene digital landscape free from pop-ups and banners, emphasizing clean user interface", + "options": { + "model": "flux-1-quick", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "width": 896, + "height": 1152 + } + }, + "loadImageStatus": "done", + "loadImageId": "p0zrs", + "name": null, + "query": "serene digital landscape free from pop-ups and banners, emphasizing clean user interface", + "source": "image.ai-generated", + "showPlaceholder": null, + "fullWidthBlock": false, + "resize": { + "clipType": null, + "clipPath": null, + "clipAspectRatio": null, + "width": null + }, + "clickBehavior": null, + "href": null, + "provider": "flux" + }, + "source": "image.ai-generated", + "mask": { "effect": "faded" } + } + } + }, + { + "type": "cardLayoutItem", + "attrs": { "itemId": "body" }, + "content": [ + { + "type": "heading", + "attrs": { "level": 1 }, + "content": [ + { + "type": "text", + "text": "Ad-Free and Open Experience" + } + ] + }, + { + "type": "smartLayout", + "attrs": { + "variantKey": "iconsText", + "options": { + "horizontalAlign": "left", + "cellSize": "xl", + "orientation": "vertical", + "twoSided": false + }, + "fullWidthBlock": false + }, + "content": [ + { + "type": "smartLayoutCell", + "attrs": { + "id": "qbiaW", + "options": {}, + "image": { + "loadImageParams": { + "provider": "fontawesome", + "query": "megaphone", + "options": { + "license": "All", + "width": 1216, + "height": 832 + } + }, + "loadImageStatus": "done", + "loadImageId": "V70fQ", + "source": "image.icon", + "src": "https://cdn.gamma.app/_app_static/icons/v0/megaphone.svg", + "tempUrl": "", + "meta": { + "height": 512, + "width": 576 + }, + "query": "megaphone", + "uploadStatus": 3 + } + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Ad-Free" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Enjoy content without toxic advertisements" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "HIyCe", + "options": {}, + "image": { + "loadImageParams": { + "provider": "fontawesome", + "query": "cookie", + "options": { + "license": "All", + "width": 1216, + "height": 832 + } + }, + "loadImageStatus": "done", + "loadImageId": "p8mqR", + "source": "image.icon", + "src": "https://cdn.gamma.app/_app_static/icons/v0/cookie.svg", + "tempUrl": "", + "meta": { + "height": 512, + "width": 512 + }, + "query": "cookie", + "uploadStatus": 3 + } + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Cookie-Free" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "No intrusive cookies monitoring your activity" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "OlhZs", + "options": {}, + "image": { + "loadImageParams": { + "provider": "fontawesome", + "query": "shield", + "options": { + "license": "All", + "width": 1216, + "height": 832 + } + }, + "loadImageStatus": "done", + "loadImageId": "PbnsI", + "source": "image.icon", + "src": "https://cdn.gamma.app/_app_static/icons/v0/shield.svg", + "tempUrl": "", + "meta": { + "height": 512, + "width": 512 + }, + "query": "shield", + "uploadStatus": 3 + } + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "No copyright" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Ideas to serve you, not lock you down" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "card", + "attrs": { + "id": "uugrvue27vz988c", + "background": { "type": "none" }, + "container": {}, + "cardSize": "default", + "layout": "blank" + }, + "content": [ + { + "type": "cardLayoutItem", + "attrs": { "itemId": "body" }, + "content": [ + { + "type": "heading", + "attrs": { "level": 1 }, + "content": [ + { + "type": "text", + "text": "Public Domain Content" + } + ] + }, + { + "type": "smartLayout", + "attrs": { + "variantKey": "pyramid", + "options": {}, + "fullWidthBlock": false + }, + "content": [ + { + "type": "smartLayoutCell", + "attrs": { + "id": "WEHr5", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Unrestricted Access" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "X9CWT", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Free Distribution" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "LmdXX", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Collaborative Creation" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "8GuGp", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "No Copyright Limitations" + } + ] + } + ] + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "The Scroll embraces a truly open internet, where all content is in the public domain." + } + ] + } + ] + } + ] + }, + { + "type": "card", + "attrs": { + "id": "cd59cedilhjoteb", + "background": { "type": "none" }, + "container": {}, + "cardSize": "default", + "layout": "left" + }, + "content": [ + { + "type": "cardAccentLayoutItem", + "attrs": { + "itemId": "accent", + "fitType": "fill", + "background": { + "type": "image", + "image": { + "id": "V1Zs-", + "horizontalAlign": null, + "savedMediaId": "v3e07lswsbx97gx", + "src": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/6YM4WJEToGJ3J5S4Xm3p1.jpg", + "tempUrl": null, + "uploadStatus": 3, + "meta": { "width": 896, "height": 1152 }, + "providerMeta": null, + "aiParams": { + "model": "flux-1-quick", + "steps": 30, + "width": 896, + "height": 1152, + "prompt": "futuristic cityscape with holographic Scroll interfaces integrated into daily life", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "interactionId": "fcj94q94wo8cjnx", + "upscaleFactor": 1 + }, + "loadImageParams": { + "provider": "aiGenerated", + "query": "futuristic cityscape with holographic Scroll interfaces integrated into daily life", + "options": { + "model": "flux-1-quick", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "width": 896, + "height": 1152 + } + }, + "loadImageStatus": "done", + "loadImageId": "ddXbV", + "name": null, + "query": "futuristic cityscape with holographic Scroll interfaces integrated into daily life", + "source": "image.ai-generated", + "showPlaceholder": null, + "fullWidthBlock": false, + "resize": { + "clipType": null, + "clipPath": null, + "clipAspectRatio": null, + "width": null + }, + "clickBehavior": null, + "href": null, + "provider": "flux" + }, + "source": "image.ai-generated", + "mask": { "effect": "faded" } + } + } + }, + { + "type": "cardLayoutItem", + "attrs": { "itemId": "body" }, + "content": [ + { + "type": "heading", + "attrs": { "level": 1 }, + "content": [ + { + "type": "text", + "text": "The Scroll Timeline" + } + ] + }, + { + "type": "smartLayout", + "attrs": { + "variantKey": "timeline", + "options": { + "orientation": "vertical", + "twoSided": false, + "cellSize": "xl" + }, + "fullWidthBlock": false + }, + "content": [ + { + "type": "smartLayoutCell", + "attrs": { + "id": "R9Yvn", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "2024: The Scroll Launch" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Introduction of the revolutionary web successor" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "gxQpz", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "2025: New Content Renaissance" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Surge in creative, ad-free, and accessible online content" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "0pLn2", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "2026: Widespread Adoption" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Major websites and platforms now on The Scroll" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "card", + "attrs": { + "id": "7wac0dbk9kus7y4", + "background": { "type": "none" }, + "container": {}, + "cardSize": "default", + "layout": "top" + }, + "content": [ + { + "type": "cardAccentLayoutItem", + "attrs": { + "itemId": "accent", + "fitType": "fill", + "background": { + "type": "image", + "image": { + "id": "4FPBN", + "horizontalAlign": null, + "savedMediaId": "3l64eyowna4msd6", + "src": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/t85zdz7lwgVmQLNDyWEgx.jpg", + "tempUrl": null, + "uploadStatus": 3, + "meta": { "width": 1216, "height": 832 }, + "providerMeta": null, + "aiParams": { + "model": "flux-1-quick", + "steps": 30, + "width": 1216, + "height": 832, + "prompt": "hand reaching out to touch a glowing scroll icon, symbolizing the start of a new digital journey", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "interactionId": "fcj94q94wo8cjnx", + "upscaleFactor": 1 + }, + "loadImageParams": { + "provider": "aiGenerated", + "query": "hand reaching out to touch a glowing scroll icon, symbolizing the start of a new digital journey", + "options": { + "model": "flux-1-quick", + "stylePreset": "Theme", + "stylePrompt": "Playful and fresh that is boldly creative, using a vibrant palette of green, teal, and dark blue for a modern and organic look.", + "width": 1216, + "height": 832 + } + }, + "loadImageStatus": "done", + "loadImageId": "ZpPrN", + "name": null, + "query": "hand reaching out to touch a glowing scroll icon, symbolizing the start of a new digital journey", + "source": "image.ai-generated", + "showPlaceholder": null, + "fullWidthBlock": false, + "resize": { + "clipType": null, + "clipPath": null, + "clipAspectRatio": null, + "width": null + }, + "clickBehavior": null, + "href": null, + "provider": "flux" + }, + "source": "image.ai-generated", + "mask": { "effect": "faded" } + } + } + }, + { + "type": "cardLayoutItem", + "attrs": { "itemId": "body" }, + "content": [ + { + "type": "heading", + "attrs": { "level": 1 }, + "content": [ + { + "type": "text", + "text": "Join the Scroll Revolution" + } + ] + }, + { + "type": "smartLayout", + "attrs": { + "variantKey": "textBoxes", + "options": { "cellSize": 15 }, + "fullWidthBlock": false + }, + "content": [ + { + "type": "smartLayoutCell", + "attrs": { + "id": "S-FTi", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Explore" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Discover the vast potential of The Scroll technology" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "9fRrK", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Create" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Develop content using the new Scroll language" + } + ] + } + ] + }, + { + "type": "smartLayoutCell", + "attrs": { + "id": "c-7qJ", + "options": {} + }, + "content": [ + { + "type": "heading", + "attrs": { "level": 4 }, + "content": [ + { + "type": "text", + "text": "Share" + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "Contribute to the growing ecosystem of public domain content" + } + ] + } + ] + } + ] + }, + { + "type": "paragraph", + "content": [ + { + "type": "text", + "text": "The future of the web is here. Are you ready to unroll The Scroll?" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + "GammaPersistenceMeta": { "READY": true }, + "SCHEMA_VERSION": { "REQUIRED_VERSION": 113 }, + "annotations": {}, + "annotationsAbsolute": {}, + "annotationMigrations": { "AnnotationsYKeyValue": true } + } + }, + "titleCard": { + "previewUrl": "https://assets.api.gamma.app/zre41d3qe8x9vyv/screenshots/p78tpuk1nbekt5p/zitkq73wjk1498b/slide/-eE0F1W4NWyCkhBjWxKyT91MJLs", + "text": null, + "title": "The Scroll: The next Web" + }, + "cards": [ + { + "id": "zbq9pskhsdcu1zh", + "archived": false, + "docId": "p78tpuk1nbekt5p", + "title": "A Paradigm Shift in Web Technology", + "text": null, + "previewUrl": null, + "createdTime": "2024-11-28T02:45:59.245Z", + "updatedTime": "2024-11-28T02:53:38.729Z" + }, + { + "id": "7wac0dbk9kus7y4", + "archived": false, + "docId": "p78tpuk1nbekt5p", + "title": "Join the Scroll Revolution", + "text": null, + "previewUrl": null, + "createdTime": "2024-11-28T02:45:59.249Z", + "updatedTime": "2024-11-28T02:46:20.768Z" + }, + { + "id": "jt57bdg0m42fr18", + "archived": false, + "docId": "p78tpuk1nbekt5p", + "title": "Offline-First Approach", + "text": null, + "previewUrl": null, + "createdTime": "2024-11-28T02:45:59.224Z", + "updatedTime": "2024-11-28T02:45:59.691Z" + }, + { + "id": "qspgqdgp07g0pbm", + "archived": false, + "docId": "p78tpuk1nbekt5p", + "title": "Ad-Free and Open Experience", + "text": null, + "previewUrl": null, + "createdTime": "2024-11-28T02:45:59.244Z", + "updatedTime": "2024-11-28T02:55:49.555Z" + }, + { + "id": "ru57997iwe2d0u8", + "archived": false, + "docId": "p78tpuk1nbekt5p", + "title": "Intelligent Content Structure", + "text": null, + "previewUrl": null, + "createdTime": "2024-11-28T02:45:59.249Z", + "updatedTime": "2024-11-28T02:45:59.691Z" + }, + { + "id": "uugrvue27vz988c", + "archived": false, + "docId": "p78tpuk1nbekt5p", + "title": "Public Domain Content", + "text": null, + "previewUrl": null, + "createdTime": "2024-11-28T02:45:59.227Z", + "updatedTime": "2024-11-28T02:45:59.691Z" + }, + { + "id": "zitkq73wjk1498b", + "archived": false, + "docId": "p78tpuk1nbekt5p", + "title": "The Scroll: The next Web", + "text": null, + "previewUrl": "https://assets.api.gamma.app/zre41d3qe8x9vyv/screenshots/p78tpuk1nbekt5p/zitkq73wjk1498b/slide/-eE0F1W4NWyCkhBjWxKyT91MJLs", + "createdTime": "2024-11-28T02:45:43.124Z", + "updatedTime": "2024-11-28T02:53:13.183Z" + }, + { + "id": "cd59cedilhjoteb", + "archived": false, + "docId": "p78tpuk1nbekt5p", + "title": "The Scroll Timeline", + "text": null, + "previewUrl": null, + "createdTime": "2024-11-28T02:45:59.243Z", + "updatedTime": "2024-11-28T02:56:49.682Z" + } + ], + "editedTime": "2024-11-28T02:56:23.431Z", + "site": { + "routes": [{ "path": "/", "docId": "p78tpuk1nbekt5p" }], + "hasCustomDomain": false, + "faviconUrl": null, + "navContent": { + "type": "doc", + "content": [ + { + "type": "navbar", + "attrs": { "image": { "source": "image.custom" } }, + "content": [ + { + "type": "navbarLinks", + "attrs": { "horizontalAlign": "center" } + }, + { "type": "navbarButtons" } + ] + } + ] + }, + "navEnabled": true, + "gtmContainerId": null + }, + "links": [ + { + "url": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/t85zdz7lwgVmQLNDyWEgx.jpg", + "nodeType": "image", + "status": 1 + }, + { + "url": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/x0Tn7xmOh1Mg4pHarSqnX.jpg", + "nodeType": "image", + "status": 1 + }, + { + "url": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/u-LWfi8cRu1mqzV_ZWCJ6.jpg", + "nodeType": "image", + "status": 1 + }, + { + "url": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/Sn7wHwa1pmNxX434mt8bm.jpg", + "nodeType": "image", + "status": 1 + }, + { + "url": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/WV1DfuDeQ9R8SXnx6Qum2.jpg", + "nodeType": "image", + "status": 1 + }, + { + "url": "https://cdn.gamma.app/zre41d3qe8x9vyv/generated-images/6YM4WJEToGJ3J5S4Xm3p1.jpg", + "nodeType": "image", + "status": 1 + }, + { + "url": "https://cdn.gamma.app/_app_static/icons/v0/shield.svg", + "nodeType": "image", + "status": 1 + }, + { + "url": "https://cdn.gamma.app/_app_static/icons/v0/cookie.svg", + "nodeType": "image", + "status": 1 + }, + { + "url": "https://cdn.gamma.app/_app_static/icons/v0/megaphone.svg", + "nodeType": "image", + "status": 1 + } + ] + }, + "flags": { + "abuse-review": { + "enabled": true, + "minDocsForDeactivation": 2, + "minScoreForRecord": 65, + "minScoreForShareDisable": 80, + "scoreThreshold": 65, + "autoDisableWorkspace": false, + "delay": 28800000 + }, + "accentImageFit": true, + "addCard2": true, + "ai-credits": { + "enabled": true, + "referralBonus": 200, + "signup": 400 + }, + "ai-credits-refill": { + "creditsToAdd": 600, + "untilHoursAgo": 12, + "creditsThreshold": 200 + }, + "ai-logo-import": false, + "aiAutocomplete": true, + "aiCardNotes": true, + "aiChat": true, + "aiChatJsx": true, + "aiCreditsUpsellCopy": "createWithoutLimits", + "aiDebits": { + "wizardCreation": 40, + "autocomplete": 2, + "chatSuggestion": 10, + "generateCard": 5, + "generateImage": 10, + "generateV2": 40 + }, + "aiGeneratedImages": true, + "aiGeneratedImagesAdvancedOptions": false, + "aiGeneratedImagesCount": 3, + "aiGeneratedImagesDefaultModel": "flux-1-schnell", + "aiGeneratedImagesInWizard": true, + "aiGeneratorDefaultImageProvider": "aiGenerated", + "aiGeneratorDefaultPresentationSettings": { "cardWidth": "lg" }, + "aiImageGenV2": true, + "aiImageHistoryTabs": true, + "aiImageProviderGiphy": true, + "aiImageProviderPictographic": true, + "aiImageProviderUnsplash": true, + "aiImagesDashboard": true, + "aiJSX": true, + "aiPremiumModels": true, + "aiRequestRetries": { + "wizardAdvanced": 0, + "wizardStreaming": 0, + "chat": 3, + "wizard": 0 + }, + "aiRequestTimeouts": { + "getOutlineForTopic": 15000, + "rateImages": 15000, + "suggestContent": 90000, + "basicReply": 15000, + "classify": 15000 + }, + "aiRewrite": true, + "aiSearchEnabled": false, + "aiSearchOptional": true, + "aiSearchProvider": "exa-keyword", + "aiSocialFormat": false, + "aiThemeWizard": true, + "aiWizard": true, + "aiWizardAdvanced": true, + "aiWizardAverageWaitAdvanced": 120, + "aiWizardAverageWaitGuided": 75, + "aiWizardBingImages": true, + "aiWizardGenerateTimeout": 280000, + "aiWizardGoogleImages": false, + "aiWizardOutlineMaxWait": 15000, + "aiWizardStreaming": true, + "aiWizardUploadImages": false, + "aiWizardWebImages": true, + "aijsx-evaluators": true, + "amazon-bedrock-regions": { + "usWest2": false, + "euWest3": false, + "usEast1": false + }, + "analytics": true, + "anthropic-regions": { "default": true }, + "anthropicGenerate": true, + "autoZoomToFit": true, + "autocomplete": false, + "automatedImageProvider": true, + "azure-openai-regions": { + "australiaEast": false, + "franceCentral": false, + "swedenCentral": false + }, + "azureOpenAI": false, + "baseten-generate-flux-schnell-url": "https://model-7wlm1o7q.api.baseten.co/production/predict", + "baseten-generate-image-url": "https://model-6wgo2943.api.baseten.co/production/predict", + "baseten-generate-playground-url": "https://model-owpdxvew.api.baseten.co/production/predict", + "bing-caching-proxy": 100, + "blockReactions": true, + "borderless": true, + "braintrustTracing": true, + "bulkUploadAccentImages": true, + "calloutBox": true, + "card1InCard2": true, + "cardDesigner": false, + "cardLayoutResizing": true, + "cardLayoutsEnabled": true, + "cardNotes": true, + "cardPageStyles": true, + "cardTemplatesPlaceholder": true, + "cardTextComputedEnabled": true, + "cardViewedThreshold": 1000, + "cardWidthOptions": true, + "changelog": true, + "channelActivity": true, + "churnkeyCancelFlowEnabled": true, + "churnkeyFailedPaymentWallEnabled": true, + "codeBlock": true, + "createGenerateV2": true, + "createSiteAi": true, + "createv2": true, + "csvImport": false, + "customFonts": true, + "customThemes": "NONE", + "dalle3": true, + "dalle3Free": false, + "dataSyncClockDriftTolerance": 10, + "dataSyncErrorThreshold": 10, + "datadog-ai-tracing": true, + "debugCardViewed": false, + "deleteAccount": true, + "deleteSite": false, + "docEditorForcePublicStatic": false, + "docFullWidth": false, + "docImport": true, + "draftingMode": false, + "drawingBlock": true, + "editCard2": true, + "editCardModel": "gemini-1.5-flash-002", + "editDocAI": true, + "editorAnimationsDefault": true, + "editorAnimationsEnabled": true, + "enableCharts": true, + "export": true, + "exportCard": true, + "exportToPDF": true, + "filmstrip": true, + "filterContentErasingTrs": false, + "flux1Pro": true, + "flux1Quick": false, + "flux1Schnell": true, + "flux1Ultra": true, + "fontSize": true, + "galleryV2": true, + "geminiGenerate": false, + "geminiGenerate2": false, + "geminiGenerateOutline": false, + "geminiProGenerate": false, + "generateDeck2": false, + "generateDeck3": false, + "generateDeckBigModel": "gemini-1.5-flash-001", + "generateDeckFastModel": "gemini-1.5-flash-001", + "generateDeckPrompt": "GenerateDeck", + "generateOutlineModel": "claude-3-haiku-20240307", + "generateParallel": true, + "generateParallelFree": true, + "generatorGPT4": true, + "generatorGPT4o": false, + "generatorLazyImages": true, + "google-vertex-regions": { "us-west4": false, "us-west1": false }, + "googleOneTap": true, + "gpt4oMiniGenerate": false, + "gradientBackground": true, + "graph-ql-subscriptions": true, + "growthAiCreditsCopyUpsellExperiment": "createWithoutLimits", + "growthSkipThemePickerOnFirstDeck": false, + "hasProAccess": false, + "highlight": { "enableStrictPrivacy": true, "enabled": false }, + "hocuspocusOnAuthenticate": true, + "i18nEnabled": false, + "ideogram": true, + "ideogram2": true, + "ideogramTurbo": false, + "ideogramTurboFree": false, + "imageGallery": true, + "imageView2": true, + "imagen": true, + "imagen3": true, + "imagenFlash": true, + "imagenFree": false, + "imgProxy": true, + "importPdf": true, + "importPptModels": { + "bigModel": "gemini-1.5-flash-002", + "fastModel": "gemini-1.5-flash-002" + }, + "importSlidePrompt": false, + "importUrl": true, + "intercom": true, + "knownGoodHostnames": [ + "harneyrealestate.com", + "syllab.ai", + "gurushala.co", + "tu-crema-antiarrugas-te--phjg25h.gamma.site", + "grazie-mille-vinos-ab05wjt.gamma.site", + "cka0640-t7txpfs.gamma.site", + "cka6140-p3o405n.gamma.site" + ], + "layoutResizing": true, + "leonardoPhoenix": true, + "linkMetadata": true, + "linksV2": true, + "llamaGenerate": false, + "math": true, + "mobileEditing": false, + "mobileEditor": false, + "monthlyBillingEnabled": true, + "multiple-workspaces": true, + "multipleSites": false, + "newPDFExport": true, + "newSmartLayouts": false, + "offline": false, + "offlineEditing": true, + "openAiStatus": "NORMAL", + "openai-regions": { "vision": true }, + "outageButterbar": { "enabled": false }, + "pageSetup": true, + "passwordProtectedDoc": true, + "passwordSignup": true, + "pdf-gamma-badge": true, + "perfOnEditorRendered": false, + "permanentlyDeleteDoc": true, + "pictographicImageSearch": true, + "playground-api": true, + "playground-api-sdxl": true, + "playground3": true, + "plus-credits": { "enabled": true, "creditsToAdd": 400 }, + "plus10kTokens": "Unavailable", + "pngExport": true, + "popularBadge": "pro", + "pptExport": true, + "pptImport": true, + "pptImportV2": true, + "prefer-openai-dalle": false, + "presentFullScreen": false, + "presentFullWidth": false, + "presentModeCursor": false, + "presentModeFlat": true, + "presentScaleFont": false, + "presentZoom": true, + "pricingTestApril2024": false, + "professionalPrompts": false, + "public-signup": { "enabled": true }, + "publishing": false, + "purchaseDomain": true, + "pyimportPptNonVisualImport": true, + "pyramidSmartLayouts": true, + "realUserMetrics": false, + "recaptcha": { + "checkboxRiskLevels": ["medium"], + "enabled": true + }, + "recraftModel": false, + "recraftSvgModel": false, + "redis-queue-screenshots": true, + "removeBackground": true, + "renderCollapsedCards": true, + "rewriteImagePrompts": true, + "rumSampleRate": 1, + "sample-feature": false, + "school-discount": { + "enabled": false, + "couponId": null, + "discountPercent": 0 + }, + "screenshotsEnabled": true, + "sdxlModel": false, + "shareFeedback": true, + "signup-experience": { "page": "tour" }, + "signup-limits": { + "captchaRiskScoreThreshold": 0.6, + "enforceCaptcha": true, + "allowDisposableEmails": { "reset": false, "signup": false } + }, + "signupRedirectTo": "CREATE", + "siteAnimationsEnabled": true, + "sites": true, + "sitesNav": true, + "smartLayout": true, + "socialFormat": false, + "statsSmartLayouts": true, + "streamResumingEnabled": true, + "stretchFixedSizeCards": false, + "tableOfContentsBlock": true, + "textColor": true, + "theme-svg-preview": false, + "themeCreationV2": false, + "themeEditor": true, + "themeImportAi": true, + "themeTextPreviewSVGs": true, + "themesv3": true, + "themesv3Base": true, + "tldraw2": true, + "toggle": true, + "tourNextDestination": "/", + "transactionalFilmstrip": true, + "unifiedEditor": true, + "update-workspace-subscription": true, + "uploadPDF": true, + "uploadThemeImagesToProd": false, + "upsellUXEnabled_Plus": true, + "upsellUXEnabled_Pro": true, + "useTransactionBlockPlugin": true, + "virustotal": true, + "waitForGammaPersistenceMeta": true, + "web-image-provider": "serper", + "webImageProviderType": "1", + "webImageSearch": true, + "welcome-deck": { + "sourceDocId": "aeea05rjq5yfl94", + "docTitle": "Gamma Tips \u0026 Tricks", + "snapshotId": "jkdzk24cf9ntrp0" + }, + "workspaceSettings": true, + "zendesk": false, + "$flagsState": { + "abuse-review": { "variation": 0, "version": 19 }, + "accentImageFit": { "variation": 0, "version": 3 }, + "addCard2": { "variation": 0, "version": 9 }, + "ai-credits": { "variation": 2, "version": 14 }, + "ai-credits-refill": { "variation": 1, "version": 8 }, + "ai-logo-import": { "variation": 1, "version": 3 }, + "aiAutocomplete": { "variation": 0, "version": 5 }, + "aiCardNotes": { "variation": 0, "version": 5 }, + "aiChat": { "variation": 0, "version": 8 }, + "aiChatJsx": { "variation": 0, "version": 11 }, + "aiCreditsUpsellCopy": { "variation": 0, "version": 8 }, + "aiDebits": { "variation": 0, "version": 27 }, + "aiGeneratedImages": { "variation": 0, "version": 11 }, + "aiGeneratedImagesAdvancedOptions": { + "variation": 1, + "version": 5 + }, + "aiGeneratedImagesCount": { "variation": 3, "version": 6 }, + "aiGeneratedImagesDefaultModel": { + "variation": 5, + "version": 158 + }, + "aiGeneratedImagesInWizard": { "variation": 0, "version": 7 }, + "aiGeneratorDefaultImageProvider": { + "variation": 1, + "version": 55 + }, + "aiGeneratorDefaultPresentationSettings": { + "variation": 0, + "version": 7 + }, + "aiImageGenV2": { "variation": 0, "version": 7 }, + "aiImageHistoryTabs": { "variation": 0, "version": 6 }, + "aiImageProviderGiphy": { "variation": 0, "version": 6 }, + "aiImageProviderPictographic": { "variation": 0, "version": 6 }, + "aiImageProviderUnsplash": { "variation": 0, "version": 6 }, + "aiImagesDashboard": { "variation": 0, "version": 7 }, + "aiJSX": { "variation": 0, "version": 16 }, + "aiPremiumModels": { "variation": 0, "version": 8 }, + "aiRequestRetries": { "variation": 0, "version": 4 }, + "aiRequestTimeouts": { "variation": 3, "version": 12 }, + "aiRewrite": { "variation": 0, "version": 5 }, + "aiSearchEnabled": { "variation": 1, "version": 5 }, + "aiSearchOptional": { "variation": 0, "version": 3 }, + "aiSearchProvider": { "variation": 1, "version": 4 }, + "aiSocialFormat": { "variation": 1, "version": 8 }, + "aiThemeWizard": { "variation": 0, "version": 3 }, + "aiWizard": { "variation": 0, "version": 10 }, + "aiWizardAdvanced": { "variation": 0, "version": 30 }, + "aiWizardAverageWaitAdvanced": { "variation": 0, "version": 3 }, + "aiWizardAverageWaitGuided": { "variation": 1, "version": 4 }, + "aiWizardBingImages": { "variation": 0, "version": 3 }, + "aiWizardGenerateTimeout": { "variation": 5, "version": 8 }, + "aiWizardGoogleImages": { "variation": 1, "version": 4 }, + "aiWizardOutlineMaxWait": { "variation": 3, "version": 5 }, + "aiWizardStreaming": { "variation": 0, "version": 16 }, + "aiWizardUploadImages": { "variation": 1, "version": 3 }, + "aiWizardWebImages": { "variation": 0, "version": 6 }, + "aijsx-evaluators": { "variation": 0, "version": 3 }, + "amazon-bedrock-regions": { "variation": 5, "version": 22 }, + "analytics": { "variation": 0, "version": 4 }, + "anthropic-regions": { "variation": 0, "version": 11 }, + "anthropicGenerate": { "variation": 0, "version": 26 }, + "autoZoomToFit": { "variation": 0, "version": 7 }, + "autocomplete": { "variation": 1, "version": 6 }, + "automatedImageProvider": { "variation": 0, "version": 10 }, + "azure-openai-regions": { "variation": 4, "version": 28 }, + "azureOpenAI": { "variation": 1, "version": 13 }, + "baseten-generate-flux-schnell-url": { + "variation": 1, + "version": 59 + }, + "baseten-generate-image-url": { "variation": 4, "version": 48 }, + "baseten-generate-playground-url": { + "variation": 1, + "version": 5 + }, + "bing-caching-proxy": { "variation": 2, "version": 27 }, + "blockReactions": { "variation": 0, "version": 4 }, + "borderless": { "variation": 0, "version": 5 }, + "braintrustTracing": { "variation": 0, "version": 4 }, + "bulkUploadAccentImages": { "variation": 0, "version": 3 }, + "calloutBox": { "variation": 0, "version": 3 }, + "card1InCard2": { "variation": 0, "version": 13 }, + "cardDesigner": { "variation": 1, "version": 4 }, + "cardLayoutResizing": { "variation": 0, "version": 7 }, + "cardLayoutsEnabled": { "variation": 0, "version": 7 }, + "cardNotes": { "variation": 0, "version": 10 }, + "cardPageStyles": { "variation": 0, "version": 7 }, + "cardTemplatesPlaceholder": { "variation": 0, "version": 6 }, + "cardTextComputedEnabled": { "variation": 0, "version": 3 }, + "cardViewedThreshold": { "variation": 2, "version": 11 }, + "cardWidthOptions": { "variation": 0, "version": 6 }, + "changelog": { "variation": 0, "version": 4 }, + "channelActivity": { "variation": 0, "version": 5 }, + "churnkeyCancelFlowEnabled": { "variation": 0, "version": 3 }, + "churnkeyFailedPaymentWallEnabled": { + "variation": 0, + "version": 3 + }, + "codeBlock": { "variation": 0, "version": 4 }, + "createGenerateV2": { "variation": 0, "version": 20 }, + "createSiteAi": { "variation": 0, "version": 8 }, + "createv2": { "variation": 0, "version": 19 }, + "csvImport": { "variation": 1, "version": 2 }, + "customFonts": { "variation": 0, "version": 3 }, + "customThemes": { "variation": 0, "version": 12 }, + "dalle3": { "variation": 0, "version": 6 }, + "dalle3Free": { "variation": 1, "version": 4 }, + "dataSyncClockDriftTolerance": { "variation": 1, "version": 4 }, + "dataSyncErrorThreshold": { "variation": 2, "version": 7 }, + "datadog-ai-tracing": { "variation": 0, "version": 3 }, + "debugCardViewed": { "variation": 1, "version": 2 }, + "deleteAccount": { "variation": 0, "version": 10 }, + "deleteSite": { "variation": 1, "version": 3 }, + "docEditorForcePublicStatic": { "variation": 1, "version": 2 }, + "docFullWidth": { "variation": 1, "version": 2 }, + "docImport": { "variation": 0, "version": 6 }, + "draftingMode": { "variation": 1, "version": 2 }, + "drawingBlock": { "variation": 0, "version": 8 }, + "editCard2": { "variation": 0, "version": 9 }, + "editCardModel": { "variation": 6, "version": 15 }, + "editDocAI": { "variation": 0, "version": 7 }, + "editorAnimationsDefault": { "variation": 0, "version": 8 }, + "editorAnimationsEnabled": { "variation": 0, "version": 8 }, + "enableCharts": { "variation": 0, "version": 8 }, + "export": { "variation": 0, "version": 12 }, + "exportCard": { "variation": 0, "version": 8 }, + "exportToPDF": { "variation": 0, "version": 6 }, + "filmstrip": { "variation": 0, "version": 15 }, + "filterContentErasingTrs": { "variation": 1, "version": 2 }, + "flux1Pro": { "variation": 0, "version": 4 }, + "flux1Quick": { "variation": 1, "version": 7 }, + "flux1Schnell": { "variation": 0, "version": 4 }, + "flux1Ultra": { "variation": 0, "version": 3 }, + "fontSize": { "variation": 0, "version": 5 }, + "galleryV2": { "variation": 0, "version": 3 }, + "geminiGenerate": { "variation": 1, "version": 58 }, + "geminiGenerate2": { "variation": 1, "version": 16 }, + "geminiGenerateOutline": { "variation": 1, "version": 25 }, + "geminiProGenerate": { "variation": 1, "version": 11 }, + "generateDeck2": { "variation": 1, "version": 11 }, + "generateDeck3": { "variation": 1, "version": 9 }, + "generateDeckBigModel": { "variation": 6, "version": 26 }, + "generateDeckFastModel": { "variation": 2, "version": 10 }, + "generateDeckPrompt": { "variation": 0, "version": 6 }, + "generateOutlineModel": { "variation": 0, "version": 2 }, + "generateParallel": { "variation": 0, "version": 9 }, + "generateParallelFree": { "variation": 0, "version": 3 }, + "generatorGPT4": { "variation": 0, "version": 29 }, + "generatorGPT4o": { "variation": 1, "version": 8 }, + "generatorLazyImages": { "variation": 0, "version": 7 }, + "google-vertex-regions": { "variation": 6, "version": 30 }, + "googleOneTap": { "variation": 0, "version": 3 }, + "gpt4oMiniGenerate": { "variation": 1, "version": 7 }, + "gradientBackground": { "variation": 0, "version": 3 }, + "graph-ql-subscriptions": { "variation": 0, "version": 12 }, + "growthAiCreditsCopyUpsellExperiment": { + "variation": 0, + "version": 5 + }, + "growthSkipThemePickerOnFirstDeck": { + "variation": 1, + "version": 10 + }, + "hasProAccess": { "variation": 1, "version": 12 }, + "highlight": { "variation": 2, "version": 28 }, + "hocuspocusOnAuthenticate": { "variation": 0, "version": 3 }, + "i18nEnabled": { "variation": 1, "version": 5 }, + "ideogram": { "variation": 0, "version": 5 }, + "ideogram2": { "variation": 0, "version": 3 }, + "ideogramTurbo": { "variation": 1, "version": 5 }, + "ideogramTurboFree": { "variation": 1, "version": 7 }, + "imageGallery": { "variation": 0, "version": 3 }, + "imageView2": { "variation": 0, "version": 4 }, + "imagen": { "variation": 0, "version": 8 }, + "imagen3": { "variation": 0, "version": 7 }, + "imagenFlash": { "variation": 0, "version": 4 }, + "imagenFree": { "variation": 1, "version": 8 }, + "imgProxy": { "variation": 0, "version": 6 }, + "importPdf": { "variation": 0, "version": 10 }, + "importPptModels": { "variation": 5, "version": 20 }, + "importSlidePrompt": { "variation": 1, "version": 2 }, + "importUrl": { "variation": 0, "version": 7 }, + "intercom": { "variation": 0, "version": 5 }, + "knownGoodHostnames": { "variation": 0, "version": 6 }, + "layoutResizing": { "variation": 0, "version": 5 }, + "leonardoPhoenix": { "variation": 0, "version": 4 }, + "linkMetadata": { "variation": 0, "version": 4 }, + "linksV2": { "variation": 0, "version": 6 }, + "llamaGenerate": { "variation": 1, "version": 7 }, + "math": { "variation": 0, "version": 11 }, + "mobileEditing": { "variation": 1, "version": 4 }, + "mobileEditor": { "variation": 1, "version": 4 }, + "monthlyBillingEnabled": { "variation": 0, "version": 4 }, + "multiple-workspaces": { "variation": 0, "version": 4 }, + "multipleSites": { "variation": 1, "version": 2 }, + "newPDFExport": { "variation": 0, "version": 3 }, + "newSmartLayouts": { "variation": 1, "version": 2 }, + "offline": { "variation": 1, "version": 9 }, + "offlineEditing": { "variation": 0, "version": 10 }, + "openAiStatus": { "variation": 0, "version": 22 }, + "openai-regions": { "variation": 1, "version": 3 }, + "outageButterbar": { "variation": 0, "version": 58 }, + "pageSetup": { "variation": 0, "version": 3 }, + "passwordProtectedDoc": { "variation": 0, "version": 3 }, + "passwordSignup": { "variation": 0, "version": 6 }, + "pdf-gamma-badge": { "variation": 0, "version": 3 }, + "perfOnEditorRendered": { "variation": 1, "version": 5 }, + "permanentlyDeleteDoc": { "variation": 0, "version": 3 }, + "pictographicImageSearch": { "variation": 0, "version": 13 }, + "playground-api": { "variation": 0, "version": 24 }, + "playground-api-sdxl": { "variation": 0, "version": 7 }, + "playground3": { "variation": 0, "version": 3 }, + "plus-credits": { "variation": 1, "version": 9 }, + "plus10kTokens": { "variation": 0, "version": 3 }, + "pngExport": { "variation": 0, "version": 3 }, + "popularBadge": { "variation": 0, "version": 28 }, + "pptExport": { "variation": 0, "version": 17 }, + "pptImport": { "variation": 0, "version": 4 }, + "pptImportV2": { "variation": 0, "version": 26 }, + "prefer-openai-dalle": { "variation": 1, "version": 5 }, + "presentFullScreen": { "variation": 1, "version": 5 }, + "presentFullWidth": { "variation": 1, "version": 2 }, + "presentModeCursor": { "variation": 1, "version": 2 }, + "presentModeFlat": { "variation": 0, "version": 4 }, + "presentScaleFont": { "variation": 1, "version": 2 }, + "presentZoom": { "variation": 0, "version": 7 }, + "pricingTestApril2024": { "variation": 1, "version": 4 }, + "professionalPrompts": { "variation": 1, "version": 26 }, + "public-signup": { "variation": 1, "version": 4 }, + "publishing": { "variation": 1, "version": 5 }, + "purchaseDomain": { "variation": 0, "version": 3 }, + "pyimportPptNonVisualImport": { "variation": 0, "version": 8 }, + "pyramidSmartLayouts": { "variation": 0, "version": 7 }, + "realUserMetrics": { "variation": 1, "version": 6 }, + "recaptcha": { "variation": 0, "version": 6 }, + "recraftModel": { "variation": 1, "version": 3 }, + "recraftSvgModel": { "variation": 1, "version": 3 }, + "redis-queue-screenshots": { "variation": 0, "version": 7 }, + "removeBackground": { "variation": 0, "version": 7 }, + "renderCollapsedCards": { "variation": 0, "version": 3 }, + "rewriteImagePrompts": { "variation": 0, "version": 6 }, + "rumSampleRate": { "variation": 0, "version": 3 }, + "sample-feature": { "variation": 1, "version": 2 }, + "school-discount": { "variation": 0, "version": 12 }, + "screenshotsEnabled": { "variation": 0, "version": 4 }, + "sdxlModel": { "variation": 1, "version": 4 }, + "shareFeedback": { "variation": 0, "version": 5 }, + "signup-experience": { "variation": 5, "version": 7 }, + "signup-limits": { "variation": 1, "version": 4 }, + "signupRedirectTo": { "variation": 2, "version": 11 }, + "siteAnimationsEnabled": { "variation": 0, "version": 3 }, + "sites": { "variation": 0, "version": 14 }, + "sitesNav": { "variation": 0, "version": 3 }, + "smartLayout": { "variation": 0, "version": 5 }, + "socialFormat": { "variation": 1, "version": 7 }, + "statsSmartLayouts": { "variation": 0, "version": 3 }, + "streamResumingEnabled": { "variation": 0, "version": 12 }, + "stretchFixedSizeCards": { "variation": 1, "version": 2 }, + "tableOfContentsBlock": { "variation": 0, "version": 6 }, + "textColor": { "variation": 0, "version": 4 }, + "theme-svg-preview": { "variation": 1, "version": 3 }, + "themeCreationV2": { "variation": 1, "version": 2 }, + "themeEditor": { "variation": 0, "version": 5 }, + "themeImportAi": { "variation": 0, "version": 8 }, + "themeTextPreviewSVGs": { "variation": 0, "version": 4 }, + "themesv3": { "variation": 0, "version": 4 }, + "themesv3Base": { "variation": 0, "version": 10 }, + "tldraw2": { "variation": 0, "version": 11 }, + "toggle": { "variation": 0, "version": 4 }, + "tourNextDestination": { "variation": 0, "version": 6 }, + "transactionalFilmstrip": { "variation": 0, "version": 10 }, + "unifiedEditor": { "variation": 0, "version": 11 }, + "update-workspace-subscription": { + "variation": 0, + "version": 3 + }, + "uploadPDF": { "variation": 0, "version": 4 }, + "uploadThemeImagesToProd": { "variation": 1, "version": 2 }, + "upsellUXEnabled_Plus": { "variation": 0, "version": 5 }, + "upsellUXEnabled_Pro": { "variation": 0, "version": 6 }, + "useTransactionBlockPlugin": { "variation": 0, "version": 7 }, + "virustotal": { "variation": 0, "version": 3 }, + "waitForGammaPersistenceMeta": { "variation": 0, "version": 3 }, + "web-image-provider": { "variation": 0, "version": 4 }, + "webImageProviderType": { "variation": 0, "version": 7 }, + "webImageSearch": { "variation": 0, "version": 4 }, + "welcome-deck": { "variation": 2, "version": 37 }, + "workspaceSettings": { "variation": 0, "version": 7 }, + "zendesk": { "variation": 1, "version": 2 } + }, + "$valid": true + } + }, + "__N_SSG": true + }, + "page": "/published/[docId]", + "query": { "docId": "0ifnwn73e1e5cbp-p78tpuk1nbekt5p" }, + "buildId": "A555MGVG4vuV9jLmwHtow", + "runtimeConfig": { + "API_HOST": "https://api.gamma.app", + "APPLICATION_ENVIRONMENT": "production", + "ASSETS_CDN_HOST": "cdn.gamma.app", + "CHURNKEY_APP_ID": "7blc4aqmp", + "CHURNKEY_MODE": "live", + "CONTENTFUL_API_TOKEN": "kmPJCoC_3Pmp8aabqpXynV_PKJANcgQk3xW-bbhVgqs", + "CONTENTFUL_GRAPHQL_ENDPOINT": "https://graphql.contentful.com/content/v1/spaces/yg6st2np8vj7", + "DATADOG_CLIENT_TOKEN": "pubd1816668e8c2bc25ca86419d71c47f80", + "EMBED_PROXY_URL": "https://embed-proxy-prod.gamma-app.workers.dev/", + "EVENT_TRACKING_ENDPOINT": "events.api.gamma.app/v1", + "FRONTEND_URL": "https://gamma.app", + "GIT_SHA": "e0c1e126", + "DEPLOYMENT_TIMESTAMP": 1732653860749, + "GOOGLE_DRIVE_IMPORT_CLIENT_ID": "1031118683051-cccir3o5j0qjmbevr11a3tmavlt0qard.apps.googleusercontent.com", + "GOOGLE_PROJECT_ID": "1031118683051", + "GOOGLE_API_KEY": "AIzaSyDPb62HOQQ-3WI50xvv6R_nbJ1Yc4m_L0E", + "IMAGE_WORKER_HOST": "https://imgproxy.gamma.app", + "HIGHLIGHT_PROJECT_ID": "jdkowoe5", + "HONEYCOMB_DATASET": "client-prod", + "INTERCOM_APP_ID": "ihnzqaok", + "KNOCK_FEED_ID": "9ea342c4-39f2-4432-8331-2ebee95759a8", + "KNOCK_PUBLIC_KEY": "pk_E0IL_q64ZtJtZbuIWzRxNr4d-NTviUlDi6DW7QjsXC4", + "LAUNCH_DARKLY_CLIENT_SIDE_ID": "61e83cfd8ac5a016e6f0d0b6", + "NEXT_PUBLIC_GA_ID": "G-JTMLK9TNNV", + "NEXT_PUBLIC_VERCEL_GIT_COMMIT_MESSAGE": "\"Merge main into prod\"", + "NEXT_PUBLIC_VERCEL_URL": "gamma-sites-k7a8pqf1k-gamma-app.vercel.app", + "SENTRY_ENVIRONMENT": "production", + "SLACK_CLIENT_ID": "1317858430720.3036315640336", + "TRANSLOADIT_IMAGE_TEMPLATE_ID": "6a17f9f7a509468a98329d354a04841f", + "TRANSLOADIT_THEME_IMAGE_TEMPLATE_ID": "6a17f9f7a509468a98329d354a04841f", + "TRANSLOADIT_FILE_TEMPLATE_ID": "fc51a03dc6dd4e4d9cf5ee53fffd72ce", + "TRANSLOADIT_DOC_IMPORT_TEMPLATE_ID": "0ee80b7d8cff4d99966c2943456a1b22", + "TRANSLOADIT_PPT_IMPORT_TEMPLATE_ID": "2699dccd048b4a9c83d5b5b8575a99bb", + "VERCEL_GIT_COMMIT_REF": "prod", + "VISITOR_ID_COOKIE_DOMAIN": ".gamma.app", + "RECAPTCHA_SCORING_KEY": "6LdCntgoAAAAAA-MuuSZIeM7COJCac-Z8wj9Nj2p", + "RECAPTCHA_CHECKBOX_KEY": "6LcE4OUoAAAAAOruJAwQdjNA7puomGoVVmN0ytZe", + "CANNY_APP_ID": "62fec2ae4f80df44a5abffe5" + }, + "isFallback": false, + "isExperimentalCompile": false, + "gsp": true, + "scriptLoader": [] + } + </script> + </body> +</html> ------------------------------------------------------------
commit b12e2418c5a6ba2a8ed728064d7102f2a5e350bb
Author: ffff:72.234.190.31 <ffff:72.234.190.31@hub.scroll.pub> Date: Thu Nov 28 02:57:51 2024 +0000 created gamma.html diff --git a/gamma.html b/gamma.html new file mode 100644 index 0000000..e69de29 ------------------------------------------------------------
commit 93e43037b7794c5d3de89eaf6afe3e3d561d8df3
Author: root <root@hub.scroll.pub> Date: Sun Nov 10 20:12:15 2024 +0000 initial blank_template template diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..bd1a52d --- /dev/null +++ b/.gitignore @@ -0,0 +1,8 @@ +.DS_Store +*.html +*.txt +*.xml +*.css +*.js +*.csv +requests.scroll \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..4442ed6 --- /dev/null +++ b/index.scroll @@ -0,0 +1,4 @@ +buildHtml +theme roboto + +Hello World my name is \ No newline at end of file