+
+
+ :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
+ );
+ }
+ >
+ 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;
+ }
+ }
+ >
+ 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;
+ }
+ >
+ .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);
+ }
+
+
+
+ >
+ .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);
+ }
+ }
+ }
+ }
+
+
+
+ (()=>{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`);})();
+
+
+
+
+ (() => {
+ 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();
+ })();
+
+
+
+ :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: " ";
+ }
+ >
+ html {
+ overflow-x: hidden;
+ }
+ body {
+ overflow: hidden scroll;
+ -webkit-overflow-scrolling: touch;
+ --doc-padding-top: 75px;
+ }
+ >
+ .css-6uzl6m {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ z-index: 10;
+ }
+
+
+
+ .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;
+ }
+
+
+ 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);
+ "
+ >
+
+
+
+
+ data-node-view-content-inner="doc"
+ style="white-space: inherit"
+ >
+
+ data-pos="1"
+ class="react-renderer node-navbar"
+ style="white-space: inherit;undefined"
+ >
+
+ data-node-view-wrapper=""
+ style="white-space: normal"
+ >
+
+ .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;
+ }
+
+
+
+ .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);
+ }
+ }
+
+
+ data-id="navbar-view-backdrop"
+ class="navbar-view-backdrop css-v6bcb8"
+ style="border-radius: 0px"
+ >
+
+
+
+
+
+
+
+
+
+
+ .css-1kxonj9 {
+ width: 100%;
+ position: relative;
+ }
+
+
+ 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"
+ >
+
+
+
+
+ data-node-view-content-inner="doc"
+ style="white-space: inherit"
+ >
+
+ data-pos="1"
+ class="react-renderer node-document"
+ style="white-space: inherit;undefined"
+ >
+
+ as="div"
+ data-testid="doc-node-root"
+ style="white-space: normal; height: 100%"
+ data-node-view-wrapper=""
+ >
+
+ .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);
+ }
+ >
+ 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"
+ />
+ 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"
+ />
+ .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
+ );
+ }
+ >
+
+
+
+ flood-color="#0A988B"
+ result="flood"
+ >
+
+ in="flood"
+ in2="SourceAlpha"
+ operator="in"
+ >
+
+
+
+ flood-color="#CAD6DE"
+ result="flood"
+ >
+
+ in="flood"
+ in2="SourceAlpha"
+ operator="in"
+ >
+
+
+ >
+ .css-10klw3m {
+ height: 100%;
+ }
+
+
+
+ .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;
+ }
+
+
+
+ .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;
+ }
+
+
+ data-doc-background-element="true"
+ contenteditable="false"
+ class="css-1m99umk"
+ >
+
+ .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;
+ }
+
+
+ data-testid="doc-background"
+ class="css-170bp7f"
+ >
+
+
+ .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%;
+ }
+
+
+ .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;
+ }
+
+
+ class="motion-present-mode-bg css-6yqe3i"
+ data-doc-background-element-present-mode="true"
+ data-export-master="true"
+ style="opacity: 0"
+ >
+
+ .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="white-space: pre-wrap; width: 100%"
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="document"
+ style="white-space: inherit"
+ >
+
+ data-pos="1"
+ class="react-renderer node-card block block-card first-block"
+ style="white-space: inherit;undefined"
+ >
+
+ as="div"
+ style="white-space: normal; min-height: 0"
+ data-node-view-wrapper=""
+ >
+
+ .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;
+ }
+
+
+ data-animate-value="doc"
+ data-card-id="zitkq73wjk1498b"
+ data-card-scroll-element="true"
+ class="card-wrapper card-expanded css-c4x5t3"
+ >
+
+ .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
+ );
+ }
+
+
+ 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"
+ >
+
+ class="card-body-background css-v6bcb8"
+ contenteditable="false"
+ >
+
+ .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;
+ }
+
+
+ class="card-layout css-14beyg1"
+ spellcheck="false"
+ >
+
+ .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;
+ }
+
+
+ class="chakra-stack css-15maf5o"
+ contenteditable="false"
+ >
+
+ .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;
+ }
+
+
+
+ dir="ltr"
+ class="card-content is-dark"
+ data-node-view-content=""
+ style="white-space: pre-wrap"
+ >
+
+ data-node-view-content-inner="card"
+ style="white-space: inherit"
+ >
+
+ 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"
+ >
+
+ as="div"
+ style="white-space: normal"
+ data-node-view-wrapper=""
+ >
+
+
+ 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"
+ >
+
+
+ data-layout-cut="left"
+ class="css-mtg8cy"
+ >
+
+
+
+
+ data-pos="3"
+ class="react-renderer node-cardLayoutItem"
+ data-layout-item-id="body"
+ style="white-space: inherit;undefined"
+ >
+
+ dir="ltr"
+ as="div"
+ style="white-space: normal"
+ data-node-view-wrapper=""
+ >
+
+
+ data-content-reference="true"
+ class="card-layout-cell-bg css-12ung9g"
+ data-selection-ring="true"
+ data-selection-background="true"
+ >
+
+ as="div"
+ style="
+ white-space: pre-wrap;
+ width: 100%;
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="cardLayoutItem"
+ style="
+ white-space: inherit;
+ "
+ >
+
+ 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"
+ >
+
+ style="
+ white-space: normal;
+ display: flex;
+ flex-direction: column;
+ align-items: var(
+ --flex-align
+ );
+ "
+ data-node-view-wrapper=""
+ >
+
+ level="1"
+ data-placeholder="Untitled card"
+ class="heading themed-heading"
+ style="
+ white-space: pre-wrap;
+ min-width: min(
+ 100%,
+ 10em
+ );
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="heading"
+ style="
+ white-space: inherit;
+ "
+ >
+ The Scroll:
+ class="node-hardBreak"
+ data-pos="16"
+ />The next Web
+
+
+
+
+
+ data-pos="30"
+ class="react-renderer node-paragraph animatable-on-load animatable-on-load-annotatable block block-paragraph"
+ style="white-space: inherit;undefined"
+ >
+
+ style="
+ white-space: normal;
+ position: relative;
+ "
+ data-node-view-wrapper=""
+ >
+
+ style="
+ white-space: pre-wrap;
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="paragraph"
+ style="
+ white-space: inherit;
+ "
+ >
+ The Scroll is a
+ revolution in
+ information
+ networks -
+ offline-first,
+ intelligent, and
+ ad-free.
+
+
+
+
+
+ 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"
+ >
+
+ as="div"
+ style="
+ white-space: normal;
+ "
+ data-node-view-wrapper=""
+ >
+
+
+ contenteditable="false"
+ data-selection-ring="padded"
+ data-selection-background="true"
+ class="css-yahkh"
+ >
+
+
+ role="group"
+ class="chakra-avatar__group css-1e0s7di"
+ >
+
+
+ class="css-79elbk"
+ >
+
+ >
+ class="chakra-avatar css-z7spll"
+ >
+
+ role="img"
+ aria-label="Breck Yunits"
+ class="chakra-avatar__initials css-1ebyn6"
+ >
+ BY
+
+ >
+
+
+
+ class="css-1g84w5v"
+ >
+
+ class="chakra-text contributors-list css-0"
+ >
+ by Breck
+ Yunits
+
+
+
+ class="chakra-text css-6plnry"
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ data-pos="128"
+ class="react-renderer node-card block block-card"
+ style="white-space: inherit;undefined"
+ >
+
+ as="div"
+ style="white-space: normal; min-height: 0"
+ data-node-view-wrapper=""
+ >
+
+ data-animate-value="doc"
+ data-card-id="zbq9pskhsdcu1zh"
+ data-card-scroll-element="true"
+ class="card-wrapper card-expanded css-c4x5t3"
+ >
+
+ 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"
+ >
+
+ class="card-body-background css-v6bcb8"
+ contenteditable="false"
+ >
+
+ .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;
+ }
+
+
+ class="card-layout css-1isnbfg"
+ spellcheck="false"
+ >
+
+ class="chakra-stack css-15maf5o"
+ contenteditable="false"
+ >
+
+
+ dir="ltr"
+ class="card-content is-dark"
+ data-node-view-content=""
+ style="white-space: pre-wrap"
+ >
+
+ data-node-view-content-inner="card"
+ style="white-space: inherit"
+ >
+
+ data-pos="129"
+ class="react-renderer node-cardLayoutItem"
+ data-layout-item-id="body"
+ style="white-space: inherit;undefined"
+ >
+
+ dir="ltr"
+ as="div"
+ style="white-space: normal"
+ data-node-view-wrapper=""
+ >
+
+
+ data-content-reference="true"
+ class="card-layout-cell-bg css-1jw19ud"
+ data-selection-ring="true"
+ data-selection-background="true"
+ >
+
+ as="div"
+ style="
+ white-space: pre-wrap;
+ width: 100%;
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="cardLayoutItem"
+ style="
+ white-space: inherit;
+ "
+ >
+
+ 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"
+ >
+
+ style="
+ white-space: normal;
+ display: flex;
+ flex-direction: column;
+ align-items: var(
+ --flex-align
+ );
+ "
+ data-node-view-wrapper=""
+ >
+
+ level="1"
+ data-placeholder="Untitled card"
+ class="heading themed-heading"
+ style="
+ white-space: pre-wrap;
+ min-width: min(
+ 100%,
+ 10em
+ );
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="heading"
+ style="
+ white-space: inherit;
+ "
+ >
+ A Paradigm Shift
+ in Web
+ Technology
+
+
+
+
+
+ data-pos="166"
+ class="react-renderer node-gridLayout block block-gridLayout last-block"
+ style="white-space: inherit;undefined"
+ >
+
+ style="
+ white-space: normal;
+ "
+ data-node-view-wrapper=""
+ >
+
+
+ class="grid-col-controls css-z1fkfg"
+ data-selection-ring="true"
+ >
+
+ class="layout-content"
+ data-node-view-content=""
+ style="
+ white-space: pre-wrap;
+ "
+ >
+
+ data-node-view-content-inner="gridLayout"
+ style="
+ white-space: inherit;
+ "
+ >
+
+ data-pos="167"
+ class="react-renderer node-gridCell animatable-on-load"
+ style="white-space: inherit;undefined"
+ >
+
+ class="grid-cell"
+ style="
+ white-space: normal;
+ position: relative;
+ "
+ data-selection-ring="true"
+ data-node-view-wrapper=""
+ >
+
+ data-node-view-content=""
+ style="
+ white-space: pre-wrap;
+ "
+ >
+
+ data-node-view-content-inner="gridCell"
+ style="
+ white-space: inherit;
+ "
+ >
+
+ data-pos="168"
+ class="react-renderer node-heading animatable-on-load block block-heading first-block"
+ style="white-space: inherit;undefined"
+ >
+
+ style="
+ white-space: normal;
+ display: flex;
+ flex-direction: column;
+ align-items: var(
+ --flex-align
+ );
+ "
+ data-node-view-wrapper=""
+ >
+
+ level="4"
+ data-placeholder="Heading 4"
+ class="heading themed-heading"
+ style="
+ white-space: pre-wrap;
+ min-width: min(
+ 100%,
+ 10em
+ );
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="heading"
+ style="
+ white-space: inherit;
+ "
+ >
+ Current
+ Web
+
+
+
+
+
+ data-pos="181"
+ class="react-renderer node-paragraph animatable-on-load block block-paragraph"
+ style="white-space: inherit;undefined"
+ >
+
+ style="
+ white-space: normal;
+ position: relative;
+ "
+ data-node-view-wrapper=""
+ >
+
+ style="
+ white-space: pre-wrap;
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="paragraph"
+ style="
+ white-space: inherit;
+ "
+ >
+ Based
+ on
+ HTTP
+ protocol
+
+
+
+
+
+ data-pos="205"
+ class="react-renderer node-paragraph animatable-on-load block block-paragraph last-block"
+ style="white-space: inherit;undefined"
+ >
+
+ style="
+ white-space: normal;
+ position: relative;
+ "
+ data-node-view-wrapper=""
+ >
+
+ style="
+ white-space: pre-wrap;
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="paragraph"
+ style="
+ white-space: inherit;
+ "
+ >
+ Downloads
+ individual
+ pages
+
+
+
+
+
+
+
+
+
+ data-pos="234"
+ class="react-renderer node-gridCell animatable-on-load"
+ style="white-space: inherit;undefined"
+ >
+
+ class="grid-cell"
+ style="
+ white-space: normal;
+ position: relative;
+ "
+ data-selection-ring="true"
+ data-node-view-wrapper=""
+ >
+
+ data-node-view-content=""
+ style="
+ white-space: pre-wrap;
+ "
+ >
+
+ data-node-view-content-inner="gridCell"
+ style="
+ white-space: inherit;
+ "
+ >
+
+ data-pos="235"
+ class="react-renderer node-heading animatable-on-load block block-heading first-block"
+ style="white-space: inherit;undefined"
+ >
+
+ style="
+ white-space: normal;
+ display: flex;
+ flex-direction: column;
+ align-items: var(
+ --flex-align
+ );
+ "
+ data-node-view-wrapper=""
+ >
+
+ level="4"
+ data-placeholder="Heading 4"
+ class="heading themed-heading"
+ style="
+ white-space: pre-wrap;
+ min-width: min(
+ 100%,
+ 10em
+ );
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="heading"
+ style="
+ white-space: inherit;
+ "
+ >
+ The
+ Scroll
+
+
+
+
+
+ data-pos="247"
+ class="react-renderer node-paragraph animatable-on-load block block-paragraph"
+ style="white-space: inherit;undefined"
+ >
+
+ style="
+ white-space: normal;
+ position: relative;
+ "
+ data-node-view-wrapper=""
+ >
+
+ style="
+ white-space: pre-wrap;
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="paragraph"
+ style="
+ white-space: inherit;
+ "
+ >
+ Utilizes
+ Git
+ for
+ information
+ exchange
+
+
+
+
+
+ data-pos="286"
+ class="react-renderer node-paragraph animatable-on-load block block-paragraph last-block"
+ style="white-space: inherit;undefined"
+ >
+
+ style="
+ white-space: normal;
+ position: relative;
+ "
+ data-node-view-wrapper=""
+ >
+
+ style="
+ white-space: pre-wrap;
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="paragraph"
+ style="
+ white-space: inherit;
+ "
+ >
+ Downloads
+ entire
+ sites
+ at
+ once
+
+
+
+
+
+
+
+
+
+
+
+
+ class="add-column css-1yob2lz"
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ data-pos="322"
+ class="react-renderer node-card block block-card"
+ style="white-space: inherit;undefined"
+ >
+
+ as="div"
+ style="white-space: normal; min-height: 0"
+ data-node-view-wrapper=""
+ >
+
+ data-animate-value="doc"
+ data-card-id="jt57bdg0m42fr18"
+ data-card-scroll-element="true"
+ class="card-wrapper card-expanded css-c4x5t3"
+ >
+
+ 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"
+ >
+
+ class="card-body-background css-v6bcb8"
+ contenteditable="false"
+ >
+
+ class="card-layout css-14beyg1"
+ spellcheck="false"
+ >
+
+ class="chakra-stack css-15maf5o"
+ contenteditable="false"
+ >
+
+
+ dir="ltr"
+ class="card-content is-dark"
+ data-node-view-content=""
+ style="white-space: pre-wrap"
+ >
+
+ data-node-view-content-inner="card"
+ style="white-space: inherit"
+ >
+
+ 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"
+ >
+
+ as="div"
+ style="white-space: normal"
+ data-node-view-wrapper=""
+ >
+
+ 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"
+ >
+
+
+ data-layout-cut="left"
+ class="css-r4ox2y"
+ >
+
+
+
+
+ data-pos="324"
+ class="react-renderer node-cardLayoutItem"
+ data-layout-item-id="body"
+ style="white-space: inherit;undefined"
+ >
+
+ dir="ltr"
+ as="div"
+ style="white-space: normal"
+ data-node-view-wrapper=""
+ >
+
+ data-content-reference="true"
+ class="card-layout-cell-bg css-12ung9g"
+ data-selection-ring="true"
+ data-selection-background="true"
+ >
+
+ as="div"
+ style="
+ white-space: pre-wrap;
+ width: 100%;
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="cardLayoutItem"
+ style="
+ white-space: inherit;
+ "
+ >
+
+ 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"
+ >
+
+ style="
+ white-space: normal;
+ display: flex;
+ flex-direction: column;
+ align-items: var(
+ --flex-align
+ );
+ "
+ data-node-view-wrapper=""
+ >
+
+ level="1"
+ data-placeholder="Untitled card"
+ class="heading themed-heading"
+ style="
+ white-space: pre-wrap;
+ min-width: min(
+ 100%,
+ 10em
+ );
+ "
+ data-node-view-content=""
+ >
+
+ data-node-view-content-inner="heading"
+ style="
+ white-space: inherit;
+ "
+ >
+ Offline-First
+ Approach
+
+
+
+
+
+ data-pos="349"
+ class="react-renderer node-smartLayout animatable-on-load-content-parent block block-smartLayout last-block"
+ style="white-space: inherit;undefined"
+ >
+
+ class=""
+ style="
+ white-space: normal;
+ position: relative;
+ display: grid;
+ grid-template-columns: 100%;
+ "
+ data-node-view-wrapper=""
+ >
+
+
+ data-selection-ring="true"
+ class="css-1jq1fri"
+ >
+
+ data-node-view-content-outer="smartLayout"
+ data-node-view-content=""
+ style="
+ white-space: pre-wrap;
+ "
+ >
+
+ data-node-view-content-inner="smartLayout"
+ style="
+ white-space: inherit;
+ "
+ >
+
+ data-pos="350"
+ class="react-renderer node-smartLayoutCell animatable-on-load-content-child"
+ style="
+ white-space: inherit;
+ --animate-index: 1;
+ "
+ >
+
+ style="
+ white-space: normal;
+ "
+ data-node-view-wrapper=""
+ >
+
+
+ data-spotlight-parent="true"
+ class="css-1doss8g"
+ >
+
+
+ data-selection-ring="true"
+ data-content-reference="true"
+ class="css-1unklxg"
+ >
+
+
+ contenteditable="false"
+ data-export-as-image="true"
+ class="themed-shape-text-over-background css-22g4os"
+ >
+
+ >