------------------------------------------------------------
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&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&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&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