1<!DOCTYPE html><html lang="en" dir="ltr" class="theme-light"><head><meta charSet="utf-8"/><link rel="preconnect" href="/" crossorigin=""/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&w=384&q=75 2x"/><link rel="stylesheet" href="/styles/static.css" data-precedence="default"/><link rel="stylesheet" href="/styles/notion.css" data-precedence="default"/><link rel="stylesheet" href="/styles/super.css" data-precedence="default"/><link rel="stylesheet" href="/_next/static/chunks/16sz9a438v8dy.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/2l8zr1i2h4s0n.js"/>
1<script src="/_next/static/chunks/39lh7h2mq0kht.js" async=""></script>
1<script src="/_next/static/chunks/35e6ihb8m-ok8.js" async=""></script>
1<script src="/_next/static/chunks/2w35j0myr5uh6.js" async=""></script>
1<script src="/_next/static/chunks/10-69h2xev3ek.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-14fm30rxd4vnq.js" async=""></script>
1<script src="/_next/static/chunks/0ylgcnss9ue9v.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1dlft7ht-6kzk.js" async=""></script>
1<script src="/_next/static/chunks/1xt6zdl-o7wg3.js" async=""></script>
1<script src="/_next/static/chunks/0rr5btioklgf4.js" async=""></script>
1<script src="/_next/static/chunks/2matreab0rub0.js" async=""></script>
1<script src="/_next/static/chunks/2z5wb7vhdi3hf.js" async=""></script>
1<script src="/_next/static/chunks/3cmvik1zogxvy.js" async=""></script>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-SLDZQQ05EL
vendor: 11 bytes, line 1
1"></script>
1<script src="/_next/static/chunks/0tebe-k_4bvw8.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/08sikk1eypppo.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1thlt7ghjj4x5.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/41l0cu_krzrbf.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/2ggeb0g51xxjo.js" async="" crossorigin=""></script>
1<link rel="preload" href="https://sites.super.so/ascent/css/style.css" as="style"/><link rel="preload" href="/_next/static/chunks/12e5er48ih0r9.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/24y4bdyguu76h.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/0vbmy_j6p2zr0.js" as="script" fetchPriority="low"/><link rel="icon" href="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://sites.super.so/ascent/css/style.css" as="style"/><title>About</title><meta name="description" content="Flowstate by Thomas"/><meta name="generator" content="Super"/><meta name="robots" content="index, follow"/><meta property="og:title" content="About"/><meta property="og:description" content="Flowstate by Thomas"/><meta property="og:url" content="https://flowstateos.co/about"/>
1<meta property="og:site_name" content="About"/><meta property="og:locale" content="en-US"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="About"/><meta name="twitter:description" content="Flowstate by Thomas"/>
1<script> 2 (function () { 3 if (typeof Node !== "function" || !Node.prototype || Node.prototype.__superDomGuard) { 4 return; 5 } 6 Node.prototype.__superDomGuard = true; 7 8 var originalRemoveChild = Node.prototype.removeChild; 9 Node.prototype.removeChild = function (child) { 10 if (child && child.parentNode !== this) { 11 if (typeof console !== "undefined" && console.warn) { 12 console.warn("[super] skipped removeChild for node not in this parent", child, this); 13 } 14 return child; 15 } 16 return originalRemoveChild.apply(this, arguments); 17 }; 18 19 var originalInsertBefore = Node.prototype.insertBefore; 20 Node.prototype.insertBefore = function (newNode, referenceNode) { 21 if (referenceNode && referenceNode.parentNode !== this) { 22 if (typeof console !== "undefined" && console.warn) { 23 console.warn("[super] skipped insertBefore for reference node not in this parent", referenceNode, this); 24 } 25 return newNode; 26 } 27 return originalInsertBefore.apply(this, arguments); 28 }; 29 })(); 30</script>
30<script> 31 const html = document.getElementsByTagName("html")[0]; 32 try { 33 const colorPreference = localStorage 34 ? localStorage.getItem("color-preference") 35 : null; 36 37 if (true) { 38 html.classList.remove("theme-light"); 39 } 40 41 if (false && colorPreference && html) { 42 html.classList.add("theme-" + colorPreference); 43 } else { 44 html.classList.add("theme-light"); 45 } 46 } catch (e) { 47 console.log('ERROR themeEffect', e) 48 html.classList.add("theme-light"); 49 } 50</script>
50<style> 51 @font-face { 52 font-family: "Inter"; 53 font-style: normal; 54font-display: swap; 55 font-weight: 400; 56 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */ 57 58 src: local(""), 59 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix") 60 format("embedded-opentype"), 61 /* IE6-IE8 */ 62 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") 63 format("woff2"), 64 /* Super Modern Browsers */ 65 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff") 66 format("woff"), 67 /* Modern Browsers */ 68 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf") 69 format("truetype"), 70 /* Safari, Android, iOS */ 71 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter") 72 format("svg"); /* Legacy iOS */ 73 74 } 75 76 @font-face { 77 font-family: "Inter"; 78 font-style: normal; 79font-display: swap; 80 font-weight: 500; 81 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */ 82 83 src: local(""), 84 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix") 85 format("embedded-opentype"), 86 /* IE6-IE8 */ 87 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") 88 format("woff2"), 89 /* Super Modern Browsers */ 90 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff") 91 format("woff"), 92 /* Modern Browsers */ 93 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf") 94 format("truetype"), 95 /* Safari, Android, iOS */ 96 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter") 97 format("svg"); /* Legacy iOS */ 98 99 } 100 101 @font-face { 102 font-family: "Inter"; 103 font-style: normal; 104font-display: swap; 105 font-weight: 600; 106 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot"); /* IE9 Compat Modes */ 107 108 src: local(""), 109 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix") 110 format("embedded-opentype"), 111 /* IE6-IE8 */ 112 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") 113 format("woff2"), 114 /* Super Modern Browsers */ 115 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff") 116 format("woff"), 117 /* Modern Browsers */ 118 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf") 119 format("truetype"), 120 /* Safari, Android, iOS */ 121 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter") 122 format("svg"); /* Legacy iOS */ 123 124 } 125 126 @font-face { 127 font-family: "Inter"; 128 font-style: normal; 129font-display: swap; 130 font-weight: 700; 131 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */ 132 133 src: local(""), 134 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix") 135 format("embedded-opentype"), 136 /* IE6-IE8 */ 137 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") 138 format("woff2"), 139 /* Super Modern Browsers */ 140 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff") 141 format("woff"), 142 /* Modern Browsers */ 143 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf") 144 format("truetype"), 145 /* Safari, Android, iOS */ 146 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter") 147 format("svg"); /* Legacy iOS */ 148 149 } 150 151 @font-face { 152 font-family: "Inter-fallback"; 153 size-adjust: 107%; 154 ascent-override: 90%; 155 src: local("Arial"); 156 } 157 </style><style>html{font-size:16px}</style><link rel="stylesheet" href="https://sites.super.so/ascent/css/style.css"/><style> 158/* ---------- Black & White override (Ascent) ---------- */ 159:root{ 160/* core palette */ 161--primary-color: #111111 !important; 162--secondary-color: #111111 !important; 163 164/* tabs / âpickerâ (template category tabs) */ 165--picker-active-bg-color: #111111 !important; 166--picker-active-text-color: #ffffff !important; 167--picker-active-border-color: #111111 !important; 168 169--picker-border-color: rgba(0,0,0,.18) !important; 170--picker-text-color: #111111 !important; 171 172--picker-hover-bg-color: #111111 !important; 173--picker-hover-text-color: #ffffff !important; 174--picker-hover-border-color: #111111 !important; 175 176/* CTA buttons */ 177--cta-color-bg: #111111 !important; 178--cta-color-text: #ffffff !important; 179 180/* large gallery sections */ 181--large-gallery-background-color: #111111 !important; 182--large-gallery-text-color: #ffffff !important; 183} 184 185/* If you used Notion âgreenâ text/background anywhere, force B/W */ 186.color-green { color: #111111 !important; } 187.bg-green, 188.bg-green-light { background: #111111 !important; color: #ffffff !important; } 189 190/* Optional: consistent borders on the pills */ 191.notion-dropdown__menu .notion-dropdown__option{ 192border-color: rgba(0,0,0,.18) !important; 193} 194 195/* Align Notion page titles (and headings) to the left */ 196h1.notion-header__title, 197h1.notion-heading, 198h2.notion-heading, 199h3.notion-heading{ 200text-align: left !important; 201} 202</style>
202<script> 203
vendor: 134 bytes, lines 203-207
203window.dataLayer = window.dataLayer || []; 204 function gtag(){dataLayer.push(arguments);} 205 gtag('js', new Date()); 206 207 gtag('config', '
207G-SLDZQQ05EL
vendor: 4 bytes, line 207
207');
208</script>
208<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
208</head><body><div hidden=""><!--$--><!--/$--></div><div class="super-root"> 209<a class="scroll-top-btn" href="#top" aria-label="Scroll to top"> 210 <span class="scroll-top-btn__icon">â</span> 211</a> 212 213<style> 214html { scroll-behavior: smooth; } 215 216.scroll-top-btn{ 217 position: fixed; 218 right: 14px; 219 bottom: 14px; 220 z-index: 2147483647; 221 222 width: 44px; 223 height: 44px; 224 border-radius: 12px; 225 226 display: inline-flex; 227 align-items: center; 228 justify-content: center; 229 230 background: #111; 231 color: #fff; 232 text-decoration: none; 233 234 box-shadow: 0 10px 30px rgba(0,0,0,.18); 235} 236 237.scroll-top-btn:hover{ 238 background: #000; 239} 240 241.scroll-top-btn__icon{ 242 font-size: 20px; 243 line-height: 1; 244} 245</style> 246 247<nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="super-navbar balanced" style="position:sticky;box-shadow:var(--navbar-shadow);-webkit-box-shadow:var(--navbar-shadow)"><div class="super-navbar__content"><a class="notion-link super-navbar__logo" href="/"><div class="super-navbar__logo-image"><span data-full-size="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png" data-lightbox-src="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png" style="display:contents"><img alt="Logo" width="140" height="44" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:left" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&w=384&q=75"/></span></div></a><div style="position:relative"><ul data-orientation="horizontal" class="super-navbar__item-list" dir="ltr"><li><a class="notion-link super-navbar__item" href="/templates">Templates</a></li><li><a class="notion-link super-navbar__item" href="/tools">Tools</a></li><li><a class="notion-link super-navbar__item" href="/notion-builders-program-partner">Notion Builders Partner</a></li><li><a href="https://www.notion.com/@flowstate_os" class="notion-link super-navbar__item" target="_blank" rel="noopener noreferrer">Notion Marketplace</a></li><li><a class="notion-link super-navbar__item" href="/about">About</a></li></ul></div><div class="super-navbar__actions"><a class="notion-link" href="/templates-db/flowstate-os"><div class="super-navbar__cta">Flowstate OS</div></a><div class="super-navbar__button super-navbar__menu-open"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu " type="Menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg><!--/$--></div></div></div><div class="super-navbar__viewport-wrapper"></div></nav><div class="super-content-wrapper"><main id="page-about" class="super-content page__about parent-page__index"><div class="notion-header page"><div class="notion-header__cover no-cover no-icon"></div><div class="notion-header__content max-width no-cover no-icon"><div class="notion-header__title-wrapper"><h1 class="notion-header__title">About</h1></div></div></div><article id="block-about" class="notion-root max-width has-footer"><div id="block-3264d4a52ea880ad9bbac1e8ea551b25" class="notion-image align-start normal"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public" style="display:contents"><img alt="image" loading="lazy" width="288" height="288" decoding="async" data-nimg="1" style="color:transparent;height:auto" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/w=1920,quality=90,fit=scale-down 1x, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/w=1920,quality=90,fit=scale-down 2x" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/w=1920,quality=90,fit=scale-down"/></span></div><p id="block-3264d4a52ea8800da3b3f48647bf1aba" class="notion-text notion-text__content notion-semantic-string">Flowstate by Thomas</p><p id="block-3324d4a52ea880aeb1f6d946049639d4" class="notion-text notion-text__content notion-semantic-string">It started as a mess of Apple Notes. In early 2025, I was using it to store everything like ideas, tasks, and workouts, but there was no real structure. I constantly felt overwhelmed and would forget things I needed to do. Everything was scattered and hard to keep up with.</p><div id="block-3324d4a52ea8806e9276f10a88a4adfc" class="notion-text"></div><p id="block-3324d4a52ea88052b5ebde9081788011" class="notion-text notion-text__content notion-semantic-string">Switching to Notion changed that. What started as a simple system to organize my own life quickly turned into something more, a genuine passion for building tools that help others do the same.</p><div id="block-32d4d4a52ea88069a88df6d19c6c7805" class="notion-text"></div><p id="block-32d4d4a52ea880348eade065e36e4e68" class="notion-text notion-text__content notion-semantic-string">Today, I use Notion to run everything: work, workouts, finances, and this business. Iâve always been drawn to continuous improvement, inspired by the Japanese philosophy of kaizen. Iâm constantly working to get better in every area of my life, and Notion has become the system that helps me stay organized and track that progress.</p><div id="block-32d4d4a52ea880628becc236f3195a49" class="notion-text"></div><p id="block-32d4d4a52ea880d6886ee8aebd0bf875" class="notion-text notion-text__content notion-semantic-string">Every template I create is something Iâve personally used, tested, and refined. If youâre looking for a simpler, more organized way to stay on top of your life, welcome.</p></article></main><style> 248 html { 249 font-size: 16px; 250 } 251 252 253 </style><!--$--><!--/$--></div><footer class="super-footer corners">
253<div class="super-footer__content"><a class="notion-link super-footer__logo" href="/"><div class="super-footer__logo-image"><span data-full-size="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png" data-lightbox-src="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png" style="display:contents"><img alt="Logo" loading="lazy" width="140" height="48" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:left" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&w=384&q=75"/></span></div></a><div class="super-footer__links"><a href="/templates" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/templates"><p>Templates</p></a><a href="/tools" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/tools"><p>Tools</p></a><a href="https://www.notion.com/@flowstate_os" class="notion-link super-footer__link" data-server-link="true" data-link-uri="https://www.notion.com/@flowstate_os"><p>Notion Marketplace</p></a><a href="/template-support" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/template-support"><p>Template Support</p></a><a href="/about" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/about"><p>About</p></a></div><p class="super-footer__footnote">© 2026 Flowstate. Independently operated and not officially associated with or maintained by Notion.</p><div class="super-footer__icons"><a href="https://www.youtube.com/@flowstateos-co" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a><a href="https://www.instagram.com/flowstateos.co" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"></path></svg></a></div></div></footer></div><style> 254 255 html.theme-light { 256 /* Gray */ 257 --gray-h: 36; 258 --gray-s: 2%; 259 --gray-l: 46%; 260 --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l)); 261 --color-text-gray: var(--color-gray); 262 --color-bg-gray: hsl( 263 var(--gray-h), 264 var(--gray-s), 265 90% 266 ); 267 --color-bg-gray-light: var(--color-bg-gray); 268 --color-pill-gray: hsl( 269 calc(var(--gray-h) + 14), 270 var(--gray-s), 271 88% 272 ); 273 --color-pill-text-gray: hsl( 274 var(--gray-h), 275 var(--gray-s), 276 calc(var(--gray-l) - 28%) 277 ); 278 --color-bg-form-btn-gray: #A7A39A; 279 280 /* Brown */ 281 --brown-h: 19; 282 --brown-s: 31%; 283 --brown-l: 47%; 284 --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l)); 285 --color-text-brown: var(--color-brown); 286 --color-bg-brown: hsl( 287 var(--brown-h), 288 var(--brown-s), 289 90% 290 ); 291 --color-bg-brown-light: var(--color-bg-brown); 292 --color-pill-brown: hsl( 293 var(--brown-h), 294 calc(var(--brown-s) + 10%), 295 89% 296 ); 297 --color-pill-text-brown: hsl( 298 var(--brown-h), 299 calc(var(--brown-s) + 10%), 300 calc(var(--brown-l) - 28%) 301 ); 302 --color-bg-form-btn-brown: #9A6851; 303 304 /* Orange */ 305 --orange-h: 30; 306 --orange-s: 87%; 307 --orange-l: 45%; 308 --color-orange: hsl( 309 var(--orange-h), 310 var(--orange-s), 311 var(--orange-l) 312 ); 313 --color-text-orange: var(--color-orange); 314 --color-bg-orange: hsl( 315 var(--orange-h), 316 var(--orange-s), 317 90% 318 ); 319 --color-bg-orange-light: var(--color-bg-orange); 320 --color-pill-orange: hsl( 321 var(--orange-h), 322 calc(var(--orange-s) - 6%), 323 87% 324 ); 325 --color-pill-text-orange: hsl( 326 calc(var(--orange-h) - 5), 327 calc(var(--orange-s) - 18%), 328 calc(var(--orange-l) - 28%) 329 ); 330 --color-bg-form-btn-orange: #D9730D; 331 332 /* Yellow */ 333 --yellow-h: 38; 334 --yellow-s: 62%; 335 --yellow-l: 49%; 336 --color-yellow: hsl( 337 var(--yellow-h), 338 var(--yellow-s), 339 var(--yellow-l) 340 ); 341 --color-text-yellow: var(--color-yellow); 342 --color-bg-yellow: hsl( 343 var(--yellow-h), 344 calc(var(--yellow-s) + 90%), 345 90% 346 ); 347 --color-bg-yellow-light: var(--color-bg-yellow); 348 --color-pill-yellow: hsl( 349 calc(var(--yellow-h) + 3), 350 calc(var(--yellow-s) + 24%), 351 90% 352 ); 353 --color-pill-text-yellow: hsl( 354 calc(var(--yellow-h) - 11), 355 calc(var(--yellow-s) - 22%), 356 calc(var(--yellow-l) - 28%) 357 ); 358 --color-bg-form-btn-yellow: #CA922F; 359 360 /* Green */ 361 --green-h: 149; 362 --green-s: 31%; 363 --green-l: 39%; 364 --color-green: hsl(var(--green-h), var(--green-s), var(--green-l)); 365 --color-text-green: var(--color-green); 366 --color-bg-green: hsl( 367 var(--green-h), 368 var(--green-s), 369 90% 370 ); 371 --color-bg-green-light: var(--color-bg-green); 372 --color-pill-green: hsl( 373 calc(var(--green-h) - 28), 374 calc(var(--green-s) + 3%), 375 89% 376 ); 377 --color-pill-text-green: hsl( 378 calc(var(--green-h) - 2), 379 var(--green-s), 380 calc(var(--green-l) - 22%) 381 ); 382 --color-bg-form-btn-green: #448361; 383 384 /* Blue */ 385 --blue-h: 202; 386 --blue-s: 53%; 387 --blue-l: 43%; 388 --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l)); 389 --color-text-blue: var(--color-blue); 390 --color-bg-blue: hsl( 391 var(--blue-h), 392 var(--blue-s), 393 90% 394 ); 395 --color-bg-blue-light: var(--color-bg-blue); 396 --color-pill-blue: hsl( 397 var(--blue-h), 398 calc(var(--blue-s) - 5%), 399 85% 400 ); 401 --color-pill-text-blue: hsl( 402 calc(var(--blue-h) + 7), 403 calc(var(--blue-s) - 6%), 404 calc(var(--blue-l) - 22%) 405 ); 406 --color-bg-form-btn-blue: #327DA9; 407 408 /* Purple */ 409 --purple-h: 274; 410 --purple-s: 32%; 411 --purple-l: 54%; 412 --color-purple: hsl( 413 var(--purple-h), 414 var(--purple-s), 415 var(--purple-l) 416 ); 417 --color-text-purple: var(--color-purple); 418 --color-bg-purple: hsl( 419 var(--purple-h), 420 var(--purple-s), 421 90% 422 ); 423 --color-bg-purple-light: var(--color-bg-purple); 424 --color-pill-purple: hsl( 425 var(--purple-h), 426 calc(var(--purple-s) + 5%), 427 90% 428 ); 429 --color-pill-text-purple: hsl( 430 calc(var(--purple-h) + 1), 431 calc(var(--purple-s) + 10%), 432 calc(var(--purple-l) - 31%) 433 ); 434 --color-bg-form-btn-purple: #8F64AF; 435 436 /* Pink */ 437 --pink-h: 328; 438 --pink-s: 48%; 439 --pink-l: 53%; 440 --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l)); 441 --color-text-pink: var(--color-pink); 442 --color-bg-pink: hsl( 443 var(--pink-h), 444 var(--pink-s), 445 90% 446 ); 447 --color-bg-pink-light: var(--color-bg-pink); 448 --color-pill-pink: hsl( 449 var(--pink-h), 450 var(--pink-s), 451 90% 452 ); 453 --color-pill-text-pink: hsl( 454 calc(var(--pink-h) + 3), 455 calc(var(--pink-s) - 14%), 456 calc(var(--pink-l) - 31%) 457 ); 458 --color-bg-form-btn-pink: #C24C8B; 459 460 /* Red */ 461 --red-h: 2; 462 --red-s: 62%; 463 --red-l: 55%; 464 --color-red: hsl(var(--red-h), var(--red-s), var(--red-l)); 465 --color-text-red: var(--color-red); 466 --color-bg-red: hsl( 467 var(--red-h), 468 var(--red-s), 469 90% 470 ); 471 --color-bg-red-light: var(--color-bg-red); 472 --color-pill-red: hsl( 473 calc(var(--red-h) + 6), 474 calc(var(--red-s) + 42%), 475 90% 476 ); 477 --color-pill-text-red: hsl( 478 calc(var(--red-h) + 0), 479 var(--red-s), 480 calc(var(--red-l) - 32%) 481 ); 482 --color-bg-form-btn-red: #D44E49; 483 484 /*Default*/ 485 --default-h: 45; 486 --default-s: 8%; 487 --default-l: 20%; 488 --color-default: hsl( 489 var(--default-h), 490 var(--default-s), 491 var(--default-l) 492 ); 493 --color-pill-default: hsl( 494 var(--gray-h), 495 var(--gray-s), 496 90% 497 ); 498 --color-pill-text-default: hsl( 499 var(--gray-h), 500 var(--gray-s), 501 calc(var(--gray-l) - 28%) 502 ); 503 --color-bg-form-btn-default: #55534E; 504 505 /*Other*/ 506 --color-text-default: #37352F; 507 --color-text-default-light: #7d7c78; 508 --color-bg-default: #ffffff; 509 --color-border-default: #E9E9E7; 510 --color-border-dark: var(--color-border-default); 511 --color-ui-hover-bg: #efefef; 512 --color-card-bg: #ffffff; 513 --color-card-bg-hover: #f9f9f8; 514 --color-calendar-weekend-bg: #f7f6f3; 515 --color-checkbox-bg: #2EAADC; 516 --color-code-bg: rgba(135,131,120,.15); 517 518 /*Scrollbar*/ 519 --scrollbar-background-color: #FAFAFA; 520 --scrollbar-thumb-color: #C1C1C1; 521 --scrollbar-border-color: #E8E8E8; 522 523 /*Navbar*/ 524 --navbar-text-color: #37352F; 525 --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
526 --navbar-background-color-hover: #f0f0f0; 527 --navbar-background-color: #ffffff; 528 --navbar-button-text-color: #ffffff; 529 --navbar-button-background-color: #37352F; 530 --navbar-menu-background-color: var(--navbar-background-color); 531 --navbar-text-color-dark: #282620; 532 533 /*Footer*/ 534 --footer-text-color: #37352F; 535 --footer-background-color: #ffffff; 536 537 /*Sidebar*/ 538 --sidebar-text-color: #37352F; 539 --sidebar-cta-text-color: #37352F; 540 --sidebar-background-color: #ffffff; 541 --sidebar-cta-background-color: #ffffff; 542 --sidebar-border-color: #E9E9E7; 543 --sidebar-background-color-hover: #efefef; 544 --sidebar-text-color-dark: #282620; 545 --sidebar-cta-background-color-hover: #efefef; 546 } 547 548 549 /** 550 * One Light theme for prism.js 551 * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax 552 */ 553 554 /** 555 * One Light colours (accurate as of commit eb064bf on 19 Feb 2021) 556 * From colors.less 557 * --mono-1: hsl(230, 8%, 24%); 558 * --mono-2: hsl(230, 6%, 44%); 559 * --mono-3: hsl(230, 4%, 64%) 560 * --hue-1: hsl(198, 99%, 37%); 561 * --hue-2: hsl(221, 87%, 60%); 562 * --hue-3: hsl(301, 63%, 40%); 563 * --hue-4: hsl(119, 34%, 47%); 564 * --hue-5: hsl(5, 74%, 59%); 565 * --hue-5-2: hsl(344, 84%, 43%); 566 * --hue-6: hsl(35, 99%, 36%); 567 * --hue-6-2: hsl(35, 99%, 40%); 568 * --syntax-fg: hsl(230, 8%, 24%); 569 * --syntax-bg: hsl(230, 1%, 98%); 570 * --syntax-gutter: hsl(230, 1%, 62%); 571 * --syntax-guide: hsla(230, 8%, 24%, 0.2); 572 * --syntax-accent: hsl(230, 100%, 66%); 573 * From syntax-variables.less 574 * --syntax-selection-color: hsl(230, 1%, 90%); 575 * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%); 576 * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05); 577 */ 578 579 html.theme-light code[class*="language-"], 580 html.theme-light pre[class*="language-"] { 581 color: hsl(230, 8%, 24%); 582 font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace; 583 direction: ltr; 584 text-align: left; 585 white-space: pre; 586 word-spacing: normal; 587 word-break: normal; 588 line-height: 1.5; 589 -moz-tab-size: 2; 590 -o-tab-size: 2; 591 tab-size: 2; 592 -webkit-hyphens: none; 593 -moz-hyphens: none; 594 -ms-hyphens: none; 595 hyphens: none; 596 } 597 598 /* Selection */ 599 html.theme-light code[class*="language-"]::-moz-selection, 600 html.theme-light code[class*="language-"] *::-moz-selection, 601 html.theme-light pre[class*="language-"] *::-moz-selection { 602 background: hsl(230, 1%, 90%); 603 color: inherit; 604 } 605 606 html.theme-light code[class*="language-"]::selection, 607 html.theme-light code[class*="language-"] *::selection, 608 html.theme-light pre[class*="language-"] *::selection { 609 background: hsl(230, 1%, 90%); 610 color: inherit; 611 } 612 613 /* Code blocks */ 614 html.theme-light pre[class*="language-"] { 615 padding: 1em; 616 margin: 0.5em 0; 617 overflow: auto; 618 border-radius: 0.3em; 619 } 620 621 /* Inline code */ 622 html.theme-light :not(pre) > code[class*="language-"] { 623 padding: 0.2em 0.3em; 624 border-radius: 0.3em; 625 white-space: normal; 626 } 627 628 html.theme-light .token.comment, 629 html.theme-light .token.prolog, 630 html.theme-light .token.cdata { 631 color: hsl(230, 4%, 64%); 632 } 633 634 html.theme-light .token.doctype, 635 html.theme-light .token.punctuation, 636 html.theme-light .token.entity { 637 color: hsl(230, 8%, 24%); 638 } 639 640 html.theme-light .token.attr-name, 641 html.theme-light .token.class-name, 642 html.theme-light .token.boolean, 643 html.theme-light .token.constant, 644 html.theme-light .token.number, 645 html.theme-light .token.atrule { 646 color: hsl(35, 99%, 36%); 647 } 648 649 html.theme-light .token.keyword { 650 color: hsl(301, 63%, 40%); 651 } 652 653 html.theme-light .token.property, 654 html.theme-light .token.tag, 655 html.theme-light .token.symbol, 656 html.theme-light .token.deleted, 657 html.theme-light .token.important { 658 color: hsl(5, 74%, 59%); 659 } 660 661 html.theme-light .token.selector, 662 html.theme-light .token.string, 663 html.theme-light .token.char, 664 html.theme-light .token.builtin, 665 html.theme-light .token.inserted, 666 html.theme-light .token.regex, 667 html.theme-light .token.attr-value, 668 html.theme-light .token.attr-value > .token.punctuation { 669 color: hsl(119, 34%, 47%); 670 } 671 672 html.theme-light .token.variable, 673 html.theme-light .token.operator, 674 html.theme-light .token.function { 675 color: hsl(221, 87%, 60%); 676 } 677 678 html.theme-light .token.url {
679 color: hsl(198, 99%, 37%); 680 } 681 682 /* HTML overrides */ 683 html.theme-light .token.attr-value > .token.punctuation.attr-equals, 684 html.theme-light .token.special-attr > .token.attr-value > .token.value.css { 685 color: hsl(230, 8%, 24%); 686 } 687 688 /* CSS overrides */ 689 html.theme-light .language-css .token.selector { 690 color: hsl(5, 74%, 59%); 691 } 692 693 html.theme-light .language-css .token.property { 694 color: hsl(230, 8%, 24%); 695 } 696 697 html.theme-light .language-css .token.function, 698 html.theme-light .language-css .token.url > .token.function { 699 color: hsl(198, 99%, 37%); 700 } 701 702 html.theme-light .language-css .token.url > .token.string.url { 703 color: hsl(119, 34%, 47%); 704 } 705 706 html.theme-light .language-css .token.important, 707 html.theme-light .language-css .token.atrule .token.rule { 708 color: hsl(301, 63%, 40%); 709 } 710 711 /* JS overrides */ 712 html.theme-light .language-javascript .token.operator { 713 color: hsl(301, 63%, 40%); 714 } 715 716 html.theme-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation { 717 color: hsl(344, 84%, 43%); 718 } 719 720 /* JSON overrides */ 721 html.theme-light .language-json .token.operator { 722 color: hsl(230, 8%, 24%); 723 } 724 725 html.theme-light .language-json .token.null.keyword { 726 color: hsl(35, 99%, 36%); 727 } 728 729 /* MD overrides */ 730 html.theme-light .language-markdown .token.url, 731 html.theme-light .language-markdown .token.url > .token.operator, 732 html.theme-light .language-markdown .token.url-reference.url > .token.string { 733 color: hsl(230, 8%, 24%); 734 } 735 736 html.theme-light .language-markdown .token.url > .token.content { 737 color: hsl(221, 87%, 60%); 738 } 739 740 html.theme-light .language-markdown .token.url > .token.url, 741 html.theme-light .language-markdown .token.url-reference.url { 742 color: hsl(198, 99%, 37%); 743 } 744 745 html.theme-light .language-markdown .token.blockquote.punctuation, 746 html.theme-light .language-markdown .token.hr.punctuation { 747 color: hsl(230, 4%, 64%); 748 font-style: italic; 749 } 750 751 html.theme-light .language-markdown .token.code-snippet { 752 color: hsl(119, 34%, 47%); 753 } 754 755 html.theme-light .language-markdown .token.bold .token.content { 756 color: hsl(35, 99%, 36%); 757 } 758 759 html.theme-light .language-markdown .token.italic .token.content { 760 color: hsl(301, 63%, 40%); 761 } 762 763 html.theme-light .language-markdown .token.strike .token.content, 764 html.theme-light .language-markdown .token.strike .token.punctuation, 765 html.theme-light .language-markdown .token.list.punctuation, 766 html.theme-light .language-markdown .token.title.important > .token.punctuation { 767 color: hsl(5, 74%, 59%); 768 } 769 770 /* General */ 771 html.theme-light .token.bold { 772 font-weight: bold; 773 } 774 775 html.theme-light .token.comment, 776 html.theme-light .token.italic { 777 font-style: italic; 778 } 779 780 html.theme-light .token.entity { 781 cursor: help; 782 } 783 784 html.theme-light .token.namespace { 785 opacity: 0.8; 786 } 787 788 /* Plugin overrides */ 789 /* Selectors should have higher specificity than those in the plugins' default stylesheets */ 790 791 /* Show Invisibles plugin overrides */ 792 html.theme-light .token.token.tab:not(:empty):before, 793 html.theme-light .token.token.cr:before, 794 html.theme-light .token.token.lf:before, 795 html.theme-light .token.token.space:before { 796 color: hsla(230, 8%, 24%, 0.2); 797 } 798 799 /* Toolbar plugin overrides */ 800 /* Space out all buttons and move them away from the right edge of the code block */ 801 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item { 802 margin-right: 0.4em; 803 } 804 805 /* Styling the buttons */ 806 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button, 807 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a, 808 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span { 809 background: hsl(230, 1%, 90%); 810 color: hsl(230, 6%, 44%); 811 padding: 0.1em 0.4em; 812 border-radius: 0.3em; 813 } 814 815 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover, 816 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus, 817 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover, 818 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus, 819 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover, 820 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus { 821 background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */ 822 color: hsl(230, 8%, 24%); 823 } 824 825 /* Line Highlight plugin overrides */ 826 /* The highlighted line itself */ 827 html.theme-light .line-highlight.line-highlight { 828 background: hsla(230, 8%, 24%, 0.05); 829 } 830 831 /* Default line numbers in Line Highlight plugin */ 832 html.theme-light .line-highlight.line-highlight:before, 833 html.theme-light .line-highlight.line-highlight[data-end]:after { 834 background: hsl(230, 1%, 90%); 835 color: hsl(230, 8%, 24%); 836 padding: 0.1em 0.6em; 837 border-radius: 0.3em; 838 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */ 839 } 840 841 /* Hovering over a linkable line number (in the gutter area) */ 842 /* Requires Line Numbers plugin as well */ 843 html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before { 844 background-color: hsla(230, 8%, 24%, 0.05); 845 } 846 847 /* Line Numbers and Command Line plugins overrides */ 848 /* Line separating gutter from coding area */ 849 html.theme-light .line-numbers.line-numbers .line-numbers-rows, 850 html.theme-light .command-line .command-line-prompt { 851 border-right-color: hsla(230, 8%, 24%, 0.2); 852 } 853 854 /* Stuff in the gutter */ 855 html.theme-light .line-numbers .line-numbers-rows > span:before, 856 html.theme-light .command-line .command-line-prompt > span:before { 857 color: hsl(230, 1%, 62%); 858 } 859 860 /* Match Braces plugin overrides */ 861 /* Note: Outline colour is inherited from the braces */ 862 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1, 863 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5, 864 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 { 865 color: hsl(5, 74%, 59%); 866 } 867 868 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2, 869 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6, 870 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 { 871 color: hsl(119, 34%, 47%); 872 } 873 874 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3, 875 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7, 876 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 { 877 color: hsl(221, 87%, 60%); 878 } 879 880 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4, 881 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8, 882 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 { 883 color: hsl(301, 63%, 40%); 884 } 885 886 /* Diff Highlight plugin overrides */ 887 /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */ 888 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix), 889 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) { 890 background-color: hsla(353, 100%, 66%, 0.15); 891 } 892 893 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, 894 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, 895 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, 896 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection { 897 background-color: hsla(353, 95%, 66%, 0.25); 898 } 899 900 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection, 901 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection, 902 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection, 903 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection { 904 background-color: hsla(353, 95%, 66%, 0.25); 905 } 906 907 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix), 908 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) { 909 background-color: hsla(137, 100%, 55%, 0.15); 910 } 911 912 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, 913 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, 914 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, 915 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection { 916 background-color: hsla(135, 73%, 55%, 0.25); 917 } 918 919 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection, 920 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection, 921 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection, 922 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection { 923 background-color: hsla(135, 73%, 55%, 0.25); 924 } 925 926 /* Previewers plugin overrides */ 927 /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */ 928 /* Border around popup */ 929 html.theme-light .prism-previewer.prism-previewer:before, 930 html.theme-light .prism-previewer-gradient.prism-previewer-gradient div { 931 border-color: hsl(0, 0, 95%); 932 } 933 934 /* Angle and time should remain as circles and are hence not included */ 935 html.theme-light .prism-previewer-color.prism-previewer-color:before, 936 html.theme-light .prism-previewer-gradient.prism-previewer-gradient div, 937 html.theme-light .prism-previewer-easing.prism-previewer-easing:before { 938 border-radius: 0.3em; 939 } 940 941 /* Triangles pointing to the code */ 942 html.theme-light .prism-previewer.prism-previewer:after { 943 border-top-color: hsl(0, 0, 95%); 944 } 945 946 html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after { 947 border-bottom-color: hsl(0, 0, 95%); 948 } 949
950 /* Background colour within the popup */ 951 html.theme-light .prism-previewer-angle.prism-previewer-angle:before, 952 html.theme-light .prism-previewer-time.prism-previewer-time:before, 953 html.theme-light .prism-previewer-easing.prism-previewer-easing { 954 background: hsl(0, 0%, 100%); 955 } 956 957 /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */ 958 /* For time, this is the alternate colour */ 959 html.theme-light .prism-previewer-angle.prism-previewer-angle circle, 960 html.theme-light .prism-previewer-time.prism-previewer-time circle { 961 stroke: hsl(230, 8%, 24%); 962 stroke-opacity: 1; 963 } 964 965 /* Stroke colours of the handle, direction point, and vector itself */ 966 html.theme-light .prism-previewer-easing.prism-previewer-easing circle, 967 html.theme-light .prism-previewer-easing.prism-previewer-easing path, 968 html.theme-light .prism-previewer-easing.prism-previewer-easing line { 969 stroke: hsl(230, 8%, 24%); 970 } 971 972 /* Fill colour of the handle */ 973 html.theme-light .prism-previewer-easing.prism-previewer-easing circle { 974 fill: transparent; 975 } 976 977 978 979 :root { 980 /* Layout */ 981 --padding-layout: 0.9rem; 982 --border-radii-layout: 5px; 983 --border-thickness-layout: 1px; 984 --border-type-layout: solid; 985 --border-layout: var(--border-thickness-layout) 986 var(--border-type-layout) var(--color-border-default); 987 --layout-max-width: 900px; 988 --column-spacing: 46px; 989 --page-display: flex; 990 --padding-right: calc(env(safe-area-inset-right) + 96px); 991 --padding-left: calc(env(safe-area-inset-left) + 96px); 992 --padding-right-mobile: calc(env(safe-area-inset-right) + 24px); 993 --padding-left-mobile: calc(env(safe-area-inset-left) + 24px); 994 /* Header */ 995 --header-cover-height: 30vh; 996 --header-title-align: center; 997 --header-icon-align: -112px 0 0 0; 998 --header-display: block; 999 /* Collection header */ 1000 --collection-header-border: var(--border-layout); 1001 /* Collection table */ 1002 --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem) 1003 calc(var(--padding-layout) - 0.1rem); 1004 /* Collection list */ 1005 --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem); 1006 --collection-list-item-border-radii: calc( 1007 var(--border-radii-layout) - 1px 1008 ); 1009 /* Collection card */ 1010 --collection-card-padding: 0px; 1011 --collection-card-title-padding: 0px; 1012 --collection-card-content-padding: var(--padding-layout); 1013 --collection-card-border-radii: var(--border-radii-layout); 1014 --collection-card-gap: 10px; 1015 --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px; 1016 --collection-card-title-size: 0.875rem; 1017 --collection-card-cover-height-small: 128px; 1018 --collection-card-cover-size-small: 172px; 1019 --collection-card-cover-height-medium: 200px; 1020 --collection-card-cover-size-medium: 260px; 1021 --collection-card-cover-height-large: 200px; 1022 --collection-card-cover-size-large: 320px; 1023 --collection-card-icon-display: inline-flex; 1024 /* Callout */ 1025 --callout-padding: calc(var(--padding-layout) + 0.4rem) 1026 calc(var(--padding-layout) + 0.4rem) 1027 calc(var(--padding-layout) + 0.4rem) 1028 calc(var(--padding-layout) + 0.1em); 1029 --callout-border-radii: calc(var(--border-radii-layout) - 2px); 1030 --callout-border: var(--border-layout); 1031 --callout-icon-display: block; 1032 --callout-shadow: none; 1033 /* File */ 1034 --file-border-radii: calc(var(--border-radii-layout) - 2px); 1035 /* Equation */ 1036 --equation-border-radii: calc(var(--border-radii-layout) - 2px); 1037 /* Divider */ 1038 --divider-border: var(--border-layout); 1039 /* Quote */ 1040 --quote-border: calc(var(--border-thickness-layout) + 2px) solid 1041 currentcolor; 1042 /* Code */ 1043 --code-padding: calc(var(--padding-layout) + 1.4rem); 1044 --code-border-radii: var(--border-radii-layout); 1045 /* Tweet */ 1046 --tweet-padding: calc(var(--padding-layout) + 0.65rem) 1047 calc(var(--padding-layout) + 0.65rem) 1048 calc(var(--padding-layout) + 0.05rem) 1049 calc(var(--padding-layout) + 0.65rem); 1050 --tweet-border-radii: var(--border-radii-layout); 1051 --tweet-border: var(--border-layout); 1052 /* Bookmark */ 1053 --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
1053x 1054 calc(var(--padding-layout) + 0.025rem) 1055 calc(var(--padding-layout) + 0.275rem); 1056 --bookmark-border-radii: var(--border-radii-layout); 1057 --bookmark-border: var(--border-layout); 1058 --bookmark-image-border-radii: 0px 1059 calc(var(--border-radii-layout) - 1px) 1060 calc(var(--border-radii-layout) - 1px) 0px; 1061 /* Embed */ 1062 --embed-border-radii: calc(var(--border-radii-layout) - 5px); 1063 /* Image */ 1064 --image-border-radii: calc(var(--border-radii-layout) - 5px); 1065 /* Typography */ 1066 --title-size: 2.5rem; 1067 --quote-size: 1.2rem; 1068 --quote-size-large: 1.4rem; 1069 --heading-size: 1rem; 1070 --primary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji, 1071 Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, 1072 Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, 1073 BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, 1074 sans-serif; 1075 --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji, 1076 Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, 1077 Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, 1078 BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, 1079 sans-serif; 1080 --text-weight: 400; 1081 --heading-weight: 600; 1082 --heading1-size: calc(var(--heading-size) * 1.875); 1083 --heading2-size: calc(var(--heading-size) * 1.5); 1084 --heading3-size: calc(var(--heading-size) * 1.25); 1085 --heading4-size: calc(var(--heading-size) * 1); 1086 --heading5-size: calc(var(--heading-size) * 0.8125); 1087 /* Scrollbars */ 1088 --scrollbar-width: 15px; 1089 /* Navbar */ 1090 --navbar-height: 60px; 1091 --navbar-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px -2px; 1092 --navbar-button-border-radii: 50px; 1093 --navbar-list-width-single-column: 320px; 1094 --navbar-list-width: 620px; 1095 /*Sidebar*/ 1096 --sidebar-width: 280px; 1097 --sidebar-shadow: rgba(0, 0, 0, 0.12) 4px 0px 8px -2px; 1098 } 1099 html { 1100 scroll-padding-top: 66px; 1101 } 1102 body { 1103 font-family: var(--secondary-font); 1104 } 1105 1106 @charset "UTF-8"; 1107/* Page header icon (emoji / Notion icon) */ 1108.notion-header__icon-wrapper, 1109.notion-page-icon-wrapper { 1110 margin-left: 0 !important; 1111 margin-right: auto !important; 1112} 1113 1114/* Smaller + left-anchored Notion page header icon (brain) */ 1115.notion-header__icon-wrapper, 1116.notion-page-icon-wrapper { 1117 transform: scale(0.8) !important; /* try 0.6â0.85 */ 1118 transform-origin: left top !important; /* keeps it anchored on the left */ 1119 margin-bottom: 8px !important; /* reduces extra space under the icon */ 1120} 1121 1122.notion-header__content .notion-header__title-wrapper { 1123 margin-top: 96px; 1124 margin-bottom: -25px; 1125 position: relative; 1126} 1127 1128</style>
1128<script src="/_next/static/chunks/2l8zr1i2h4s0n.js" id="_R_" async=""></script>
1128<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1128<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[339756,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"default\"]\n3:I[837457,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"default\"]\n6:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\na:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"ViewportBoundary\"]\nc:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"MetadataBoundary\"]\ne:I[168027,[],\"default\",1]\n:HC[\"/\",\"\"]\n:HL[\"/_next/static/chunks/16sz9a438v8dy.css\",\"style\"]\n9:X\n0:{\"P\":null,\"c\":[\"\",\"main\",\"flowstateos.co\",\"about\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"main\",{\"children\":[[\"site\",\"flowstateos.co\",\"d\",[]],{\"children\":[[\"page\",\"about\",\"oc\",[]],{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4224]},\"$undefined\",\"$undefined\",4144]},\"$undefined\",\"$undefined\",4208]},\"$undefined\",\"$undefined\",4208]},\"$undefined\",\"$undefined\",4176],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0rr5btioklgf4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/2matreab0rub0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/3cmvik1zogxvy.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/16sz9a438v8dy.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/08sikk1eypppo.js\",\"async\":true,\"nonce\":\"$undefined\"}
1128],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/41l0cu_krzrbf.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,null]},null,false,null]},null,false,\"$9\"]},null,false,\"$9\"]},null,false,\"$9\"],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"8nKJgvzrVfFJJjcVzY9_u\"}\n9:C\nb:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1128<script>self.__next_f.push([1,"f:T438,\n (function () {\n if (typeof Node !== \"function\" || !Node.prototype || Node.prototype.__superDomGuard) {\n return;\n }\n Node.prototype.__superDomGuard = true;\n\n var originalRemoveChild = Node.prototype.removeChild;\n Node.prototype.removeChild = function (child) {\n if (child \u0026\u0026 child.parentNode !== this) {\n if (typeof console !== \"undefined\" \u0026\u0026 console.warn) {\n console.warn(\"[super] skipped removeChild for node not in this parent\", child, this);\n }\n return child;\n }\n return originalRemoveChild.apply(this, arguments);\n };\n\n var originalInsertBefore = Node.prototype.insertBefore;\n Node.prototype.insertBefore = function (newNode, referenceNode) {\n if (referenceNode \u0026\u0026 referenceNode.parentNode !== this) {\n if (typeof console !== \"undefined\" \u0026\u0026 console.warn) {\n console.warn(\"[super] skipped insertBefore for reference node not in this parent\", referenceNode, this);\n }\n return newNode;\n }\n return originalInsertBefore.apply(this, arguments);\n };\n })();\n10:T1465,\n @font-face {\n font-family: \"Inter\";\n font-style: normal;\nfont-display: swap;\n font-weight: 400;\n src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Inter\";\n font-style: normal;\nfont-display: swap;\n font-weight: 500;\n src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Inter\";\n font-style: normal;\nfont-display: swap;\n font-weight: 600;\n src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Inter\";\n font-style: normal;\nfont-display: swap;\n font-weight: 700;\n src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Inter-fallback\";\n size-adjust: 107%;\n ascent-override: 90%;\n src: local(\"Arial\");\n }\n 4:[\"$\",\"html\",null,{\"lang\":\"en\",\"dir\":\"ltr\",\"className\":\"theme-light\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n const html = document.getElementsByTagName(\\\"html\\\")[0];\\n try {\\n const colorPreference = localStorage\\n ? localStorage.getItem(\\\"color-preference\\\")\\n : null;\\n\\n if (true) {\\n html.classList.remove(\\\"theme-light\\\");\\n }\\n \\n if (false \u0026\u0026 colorPreference \u0026\u0026 html) {\\n html.classList.add(\\\"theme-\\\" + colorPreference);\\n } else {\\n html.classList.add(\\\"theme-light\\\");\\n }\\n } catch (e) {\\n console.log('ERROR themeEffect', e)\\n html.classList.add(\\\"theme-light\\\");\\n }\\n\"}}],[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"}}],\"$L11\",\"$L12\",[\"$L13\",\"$L14\",\"$L15\",\"$L16\",\"$L17\"],[\"$L18\",\"$L19\",\"$L1a\",\"$L1b\"]]}],\"$L1c\"]}]\n"])</script>
1128<script>self.__next_f.push([1,"1e:I[868422,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SiteProvider\"]\n:HL[\"/styles/static.css\",\"style\"]\n:HL[\"/styles/notion.css\",\"style\"]\n:HL[\"/styles/super.css\",\"style\"]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://sites.super.so/ascent/css/style.css\",\"style\"]\n11:[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"html{font-size:16px}\"}}]\n12:[[\"$\",\"link\",\"/styles/static.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/static.css\",\"precedence\":\"default\"}],[\"$\",\"link\",\"/styles/notion.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/notion.css\",\"precedence\":\"default\"}],[\"$\",\"link\",\"/styles/super.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/super.css\",\"precedence\":\"default\"}]]\n13:[\"$\",\"link\",\"font-preload-Inter-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n14:[\"$\",\"link\",\"font-preload-Inter-500\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n15:[\"$\",\"link\",\"font-preload-Inter-600\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n16:[\"$\",\"link\",\"font-preload-Inter-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n17:[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://sites.super.so/ascent/css/style.css\",\"as\":\"style\"}]\n18:[\"$\",\"link\",\"link-https://sites.super.so/ascent/css/style.css\",{\"rel\":\"stylesheet\",\"href\":\"https://sites.super.so/ascent/css/style.css\"}]\n1d:T53f,\n/* ---------- Black \u0026 White override (Ascent) ---------- */\n:root{\n/* core palette */\n--primary-color: #111111 !important;\n--secondary-color: #111111 !important;\n\n/* tabs / âpickerâ (template category tabs) */\n--picker-active-bg-color: #111111 !important;\n--picker-active-text-color: #ffffff !important;\n--picker-active-border-color: #111111 !important;\n\n--picker-border-color: rgba(0,0,0,.18) !important;\n--picker-text-color: #111111 !important;\n\n--picker-hover-bg-color: #111111 !important;\n--picker-hover-text-color: #ffffff !important;\n--picker-hover-border-color: #111111 !important;\n\n/* CTA buttons */\n--cta-color-bg: #111111 !important;\n--cta-color-text: #ffffff !important;\n\n/* large gallery sections */\n--large-gallery-background-color: #111111 !important;\n--large-gallery-text-color: #ffffff !important;\n}\n\n/* If you used Notion âgreenâ text/background anywhere, force B/W */\n.color-green { color: #111111 !important; }\n.bg-green,\n.bg-green-light { background: #111111 !important; color: #ffffff !important; }\n\n/* Optional: consistent borders on the pills */\n.notion-dropdown__menu .notion-dropdown__option{\nborder-color: rgba(0,0,0,.18) !important;\n}\n\n/* Align Notion page titles (and headings) to the left */\nh1.notion-header__title,\nh1.notion-heading,\nh2.notion-heading,\nh3.notion-heading{\ntext-align: left !important;\n}\n19:[\"$\",\"style\",\"6\",{\"dangerouslySetInnerHTML\":{\"__html\":\"$1d\"},\"children\":null}]\n1a:[\"$\",\"script\",\"10\",{\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?i
1128d=G-SLDZQQ05EL\",\"children\":null}]\n1b:[\"$\",\"script\",\"12\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n\\n gtag('config', 'G-SLDZQQ05EL');\\n\"},\"children\":null}]\n1f:T76d,\u003c!-- Super â Code â Head --\u003e\r\n\u003clink rel=\"stylesheet\" href=\"https://sites.super.so/ascent/css/style.css\"\u003e\r\n\r\n\u003c!-- Super â Code â Head (optional, only if you want everything in one place) --\u003e\r\n\u003cstyle\u003e\r\n/* ---------- Black \u0026 White override (Ascent) ---------- */\r\n:root{\r\n/* core palette */\r\n--primary-color: #111111 !important;\r\n--secondary-color: #111111 !important;\r\n\r\n/* tabs / âpickerâ (template category tabs) */\r\n--picker-active-bg-color: #111111 !important;\r\n--picker-active-text-color: #ffffff !important;\r\n--picker-active-border-color: #111111 !important;\r\n\r\n--picker-border-color: rgba(0,0,0,.18) !important;\r\n--picker-text-color: #111111 !important;\r\n\r\n--picker-hover-bg-color: #111111 !important;\r\n--picker-hover-text-color: #ffffff !important;\r\n--picker-hover-border-color: #111111 !important;\r\n\r\n/* CTA buttons */\r\n--cta-color-bg: #111111 !important;\r\n--cta-color-text: #ffffff !important;\r\n\r\n/* large gallery sections */\r\n--large-gallery-background-color: #111111 !important;\r\n--large-gallery-text-color: #ffffff !important;\r\n}\r\n\r\n/* If you used Notion âgreenâ text/background anywhere, force B/W */\r\n.color-green { color: #111111 !important; }\r\n.bg-green,\r\n.bg-green-light { background: #111111 !important; color: #ffffff !important; }\r\n\r\n/* Optional: consistent borders on the pills */\r\n.notion-dropdown__menu .notion-dropdown__option{\r\nborder-color: rgba(0,0,0,.18) !important;\r\n}\r\n\r\n/* Align Notion page titles (and headings) to the left */\r\nh1.notion-header__title,\r\nh1.notion-heading,\r\nh2.notion-heading,\r\nh3.notion-heading{\r\ntext-align: left !important;\r\n}\r\n\u003c/style\u003e\r\n\r\n\u003c!-- Google tag (gtag.js) --\u003e\r\n\u003cscript async src=\"https://www.googletagmanager.com/gtag/js?id=G-SLDZQQ05EL\"\u003e\u003c/script\u003e\r\n\u003cscript\u003e\r\n window.dataLayer = window.dataLayer || [];\r\n function gtag(){dataLayer.push(arguments);}\r\n gtag('js', new Date());\r\n\r\n gtag('config', 'G-SLDZQQ05EL');\r\n\u003c/script\u003e20:T480,\u003c!-- Global Scroll to Top button (right side + always visible) --\u003e\r\n\u003ca class=\"scroll-top-btn\" href=\"#top\" aria-label=\"Scroll to top\"\u003e\r\n \u003cspan class=\"scroll-top-btn__icon\"\u003eâ\u003c/span\u003e\r\n\u003c/a\u003e\r\n\r\n\u003cstyle\u003e\r\nhtml { scroll-behavior: smooth; }\r\n\r\n.scroll-top-btn{\r\n position: fixed;\r\n right: 14px;\r\n bottom: 14px;\r\n z-index: 2147483647;\r\n\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n background: #111;\r\n color: #fff;\r\n text-decoration: none;\r\n\r\n box-shadow: 0 10px 30px rgba(0,0,0,.18);\r\n}\r\n\r\n.scroll-top-btn:hover{\r\n background: #000;\r\n}\r\n\r\n.scroll-top-btn__icon{\r\n font-size: 20px;\r\n line-height: 1;\r\n}\r\n\u003c/style\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n // If Super ever injects this code more than once, remove duplicates.\r\n document.querySelectorAll('.scroll-top-btn').forEach((el, i) =\u003e {\r\n if (i \u003e 0) el.remove();\r\n });\r\n\r\n const btn = document.querySelector('.scroll-top-btn');\r\n if (!btn) return;\r\n\r\n btn.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n });\r\n})();\r\n\u003c/script\u003e1c:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L1e\",null,{\"settings\":{\"siteId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea\",\"userId\":\"a651d4c8-8cf0-42a8-86af-1678543e3ebe\",\"domainName\":\"flowstateos.co\",\"name\":\"Flowstateos.co\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"1c84d4a52ea882db8b410195ab64e799\",\"indexPageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::ff315dee-68c8-40d2-8c4a-bc53d605057b\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":false,\"loadLimits\":false,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"googleAnalyticsId\":\"G-SLDZQQ05EL\",\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":{\"type\":\"balanced\",\"style\":{\"height\"
1128:56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"1b8de41d-d364-4858-a3b5-47c6265bd843\",\"type\":\"page\",\"label\":\"Templates\",\"link\":\"/templates\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b95d8612-f578-4f2d-bf51-0b08582eec33\",\"icon\":\"\",\"list\":[]},{\"id\":\"784079e2-9a1c-4ba6-84ab-0dbca6d67318\",\"type\":\"page\",\"label\":\"Tools\",\"link\":\"/tools\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::a88cca10-72d7-4f1f-8241-6d7d443b2888\",\"icon\":\"\",\"list\":[]},{\"id\":\"0d0e2f59-fc0d-4b51-8b85-bfe8c2291335\",\"type\":\"page\",\"label\":\"Notion Builders Partner\",\"link\":\"/notion-builders-program-partner\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b1cb17dd-f831-4317-acb8-e3a4c1179a2c\",\"icon\":\"\",\"list\":[]},{\"id\":\"a993f2bd-7790-4682-8c2d-c5ec317670e3\",\"type\":\"url\",\"label\":\"Notion Marketplace\",\"link\":\"https://www.notion.com/@flowstate_os\",\"icon\":\"\",\"list\":[]},{\"id\":\"292f6b63-ab9a-4090-9a69-fef08bdc388b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/about\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::2bf43460-dd8f-4928-a25f-fbf8eca4bf78\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":140,\"fontSize\":16,\"textContent\":\"Flowstateos.co\",\"imageContent\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"Flowstate OS\",\"link\":\"/templates-db/flowstate-os\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::e8555b46-d620-467a-8e34-91bedb887a2e\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"corners\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"1b8de41d-d364-4858-a3b5-47c6265bd843\",\"type\":\"page\",\"label\":\"Templates\",\"link\":\"/templates\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b95d8612-f578-4f2d-bf51-0b08582eec33\",\"icon\":\"\",\"list\":[]},{\"id\":\"784079e2-9a1c-4ba6-84ab-0dbca6d67318\",\"type\":\"page\",\"label\":\"Tools\",\"link\":\"/tools\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::a88cca10-72d7-4f1f-8241-6d7d443b2888\",\"icon\":\"\",\"list\":[]},{\"id\":\"a993f2bd-7790-4682-8c2d-c5ec317670e3\",\"type\":\"url\",\"label\":\"Notion Marketplace\",\"link\":\"https://www.notion.com/@flowstate_os\",\"icon\":\"\",\"list\":[]},{\"id\":\"8216689c-b06c-42f1-91d5-d68a34017213\",\"type\":\"page\",\"label\":\"Template Support\",\"link\":\"/template-support\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::75a7642b-5334-4dfd-b994-6813b35333a0\",\"icon\":\"\",\"list\":[]},{\"id\":\"292f6b63-ab9a-4090-9a69-fef08bdc388b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/about\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::2bf43460-dd8f-4928-a25f-fbf8eca4bf78\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":140,\"fontSize\":16,\"textContent\":\"Flowstateos.co\",\"imageContent\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"youtube\",\"link\":\"https://www.youtube.com/@flowstateos-co\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/flowstateos.co\"}],\"footnote\":\"© 2026 Flowstate. Independently operated and not officially associated with or maintained by Notion.\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.9,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"flex\"},\"header\":{\"coverHeight\":30,\"titleAlign\":\"center\",\"iconAlign\":\"-112px 0 0 0\",\"display\":\"block\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":200,\"coverHeightMedium\":200,\"coverHeightSmall\":128,\"titleSize\":0.875,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Inter\",\"secondaryFont\":\"Inter\",\"fonts\":[],\"baseSize\":16,\"titleSize\":2.5,\"headingSize\":1,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15}
1128,\"navbar\":{\"height\":60,\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"rgba(0, 0, 0, 0.12) 4px 0px 8px -2px\"},\"colors\":{\"light\":{\"text\":\"#37352F\",\"textLight\":\"#7d7c78\",\"background\":\"#ffffff\",\"borderColor\":\"#E9E9E7\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#efefef\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\",\"hoverBackground\":null},\"footer\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#ffffff\",\"cardHoverBackground\":\"#f9f9f8\",\"calendarWeekendBackground\":\"#f7f6f3\"},\"default\":[45,8,20],\"gray\":[36,2,46],\"brown\":[19,31,47],\"orange\":[30,87,45],\"yellow\":[38,62,49],\"green\":[149,31,39],\"blue\":[202,53,43],\"purple\":[274,32,54],\"pink\":[328,48,53],\"red\":[2,62,55],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#292929\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#212121\",\"cardHoverBackground\":\"#292929\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[1,69,60]}}},\"code\":{\"global\":[{\"id\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::de576ebb-6b82-4a56-8bfd-482137049603\",\"content\":\"$1f\"}],\"head\":[],\"body\":[{\"id\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::6eeec831-41c1-472b-98e0-79889ec32729\",\"content\":\"$20\"}],\"style\":[],\"css\":\"@charset \\\"UTF-8\\\";\\n/* Page header icon (emoji / Notion icon) */\\n.notion-header__icon-wrapper,\\n.notion-page-icon-wrapper {\\n margin-left: 0 !important;\\n margin-right: auto !important;\\n}\\n\\n/* Smaller + left-anchored Notion page header icon (brain) */\\n.notion-header__icon-wrapper,\\n.notion-page-icon-wrapper {\\n transform: scale(0.8) !important; /* try 0.6â0.85 */\\n transform-origin: left top !important; /* keeps it anchored on the left */\\n margin-bottom: 8px !important; /* reduces extra space under the icon */\\n}\\n\\n.notion-header__content .notion-header__title-wrapper {\\n margin-top: 96px;\\n margin-bottom: -25px;\\n position: relative;\\n}\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"domainQueryParam\":\"$undefined\",\"children\":[\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\"]}],\"$L26\"]}]\n"])</script>
1128<script>self.__next_f.push([1,"27:I[479520,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"\"]\n28:I[920494,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"ThemeProvider\"]\n2e:I[678415,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationEvents\"]\n2f:I[982642,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LinkUpgrader\"]\n30:I[245155,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LightboxEnhancer\"]\n31:I[818466,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SpeedInsights\"]\n21:[[\"$\",\"$L27\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-SLDZQQ05EL\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L27\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-SLDZQQ05EL');\\n \"}]]\n29:T17b1,\n :root {\n /* Layout */\n --padding-layout: 0.9rem;\n --border-radii-layout: 5px;\n --border-thickness-layout: 1px;\n --border-type-layout: solid;\n --border-layout: var(--border-thickness-layout)\n var(--border-type-layout) var(--color-border-default);\n --layout-max-width: 900px;\n --column-spacing: 46px;\n --page-display: flex;\n --padding-right: calc(env(safe-area-inset-right) + 96px);\n --padding-left: calc(env(safe-area-inset-left) + 96px);\n --padding-right-mobile: calc(env(safe-area-inset-right) + 24px);\n --padding-left-mobile: calc(env(safe-area-inset-left) + 24px);\n /* Header */\n --header-cover-height: 30vh;\n --header-title-align: center;\n --header-icon-align: -112px 0 0 0;\n --header-display: block;\n /* Collection header */\n --collection-header-border: var(--border-layout);\n /* Collection table */\n --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem)\n calc(var(--padding-layout) - 0.1rem);\n /* Collection list */\n --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem);\n --collection-list-item-border-radii: calc(\n var(--border-radii-layout) - 1px\n );\n /* Collection card */\n --collection-card-padding: 0px;\n --collection-card-title-padding: 0px;\n --collection-card-content-padding: var(--padding-layout);\n --collection-card-border-radii: var(--border-radii-layout);\n --collection-card-gap: 10px;\n --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;\n --collection-card-title-size: 0.875rem;\n --collection-card-cover-height-small: 128px;\n --collection-card-cover-size-small: 172px;\n --collection-card-cover-height-medium: 200px;\n --collection-card-cover-size-medium: 260px;\n --collection-card-cover-height-large: 200px;\n --collection-card-cover-size-large: 320px;\n --collection-card-icon-display: inline-flex;\n /* Callout */\n --callout-padding: calc(var(--padding-layout) + 0.4rem)\n calc(var(--padding-layout) + 0.4rem)\n calc(var(--padding-layout) + 0.4rem)\n calc(var(--padding-layout) + 0.1em);\n --callout-border-radii: calc(var(--border-radii-layout) - 2px);\n --callout-border: var(--border-layout);\n --callout-icon-display: block;\n --callout-shadow: none;\n /* File */\n --file-border-radii: calc(var(--border-radii-layout) - 2px);\n /* Equation */\n --equation-border-radii: calc(var(--border-radii-layout) - 2px);\n /* Divider */\n --divider-border: var(--border-layout);\n /* Quote */\n --quote-border: calc(var(--border-thickness-layout) + 2px) solid\n currentcolor;\n /* Code */\n --code-padding: calc(var(--padding-layout) + 1.4rem);\n --code-border-radii: var(--border-radii-layout);\n /* Tweet */\n --tweet-padding: calc(var(--padding-layout) + 0.65rem)\n calc(var(--padding-layout) + 0.65rem)\n calc(var(--padding-layout) + 0.05rem)\n calc(var(--padding-layout) + 0.65rem);\n --tweet-border-radii: var(--border-radii-layout);\n --tweet-border: var(--border-layout);\n /* Bookmark */\n --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
1128x\n calc(var(--padding-layout) + 0.025rem)\n calc(var(--padding-layout) + 0.275rem);\n --bookmark-border-radii: var(--border-radii-layout);\n --bookmark-border: var(--border-layout);\n --bookmark-image-border-radii: 0px\n calc(var(--border-radii-layout) - 1px)\n calc(var(--border-radii-layout) - 1px) 0px;\n /* Embed */\n --embed-border-radii: calc(var(--border-radii-layout) - 5px);\n /* Image */\n --image-border-radii: calc(var(--border-radii-layout) - 5px);\n /* Typography */\n --title-size: 2.5rem;\n --quote-size: 1.2rem;\n --quote-size-large: 1.4rem;\n --heading-size: 1rem;\n --primary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,\n Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n sans-serif;\n --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,\n Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n sans-serif;\n --text-weight: 400;\n --heading-weight: 600;\n --heading1-size: calc(var(--heading-size) * 1.875);\n --heading2-size: calc(var(--heading-size) * 1.5);\n --heading3-size: calc(var(--heading-size) * 1.25);\n --heading4-size: calc(var(--heading-size) * 1);\n --heading5-size: calc(var(--heading-size) * 0.8125);\n /* Scrollbars */\n --scrollbar-width: 15px;\n /* Navbar */\n --navbar-height: 60px;\n --navbar-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px -2px;\n --navbar-button-border-radii: 50px;\n --navbar-list-width-single-column: 320px;\n --navbar-list-width: 620px;\n /*Sidebar*/\n --sidebar-width: 280px;\n --sidebar-shadow: rgba(0, 0, 0, 0.12) 4px 0px 8px -2px;\n }\n html {\n scroll-padding-top: 66px;\n }\n body {\n font-family: var(--secondary-font);\n }\n\n @charset \"UTF-8\";\n/* Page header icon (emoji / Notion icon) */\n.notion-header__icon-wrapper,\n.notion-page-icon-wrapper {\n margin-left: 0 !important;\n margin-right: auto !important;\n}\n\n/* Smaller + left-anchored Notion page header icon (brain) */\n.notion-header__icon-wrapper,\n.notion-page-icon-wrapper {\n transform: scale(0.8) !important; /* try 0.6â0.85 */\n transform-origin: left top !important; /* keeps it anchored on the left */\n margin-bottom: 8px !important; /* reduces extra space under the icon */\n}\n\n.notion-header__content .notion-header__title-wrapper {\n margin-top: 96px;\n margin-bottom: -25px;\n position: relative;\n}\n 2a:T5aa6,\n html.theme-light {\n /* Gray */\n --gray-h: 36;\n --gray-s: 2%;\n --gray-l: 46%;\n --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n --color-text-gray: var(--color-gray);\n --color-bg-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n 90%\n );\n --color-bg-gray-light: var(--color-bg-gray);\n --color-pill-gray: hsl(\n calc(var(--gray-h) + 14),\n var(--gray-s),\n 88%\n );\n --color-pill-text-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n calc(var(--gray-l) - 28%)\n );\n --color-bg-form-btn-gray: #A7A39A;\n\n /* Brown */\n --brown-h: 19;\n --brown-s: 31%;\n --brown-l: 47%;\n --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n --color-text-brown: var(--color-brown);\n --color-bg-brown: hsl(\n var(--brown-h),\n var(--brown-s),\n 90%\n );\n --color-bg-brown-light: var(--color-bg-brown);\n --color-pill-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) + 10%),\n 89%\n );\n --color-pill-text-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) + 10%),\n calc(var(--brown-l) - 28%)\n );\n --color-bg-form-btn-brown: #9A6851;\n\n /* Orange */\n --orange-h: 30;\n --orange-s: 87%;\n --orange-l: 45%;\n --color-orange: hsl(\n var(--orange-h),\n var(--orange-s),\n var(--orange-l)\n );\n --color-text-orange: var(--color-orange);\n --color-bg-orange: hsl(\n var(--orange-h),\n var(--orange-s),\n 90%\n );\n --color-bg-orange-light: var(--color-bg-orange);\n --color-pill-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 6%),\n 87%\n );\n --color-pill-text-orange: hsl(\n calc(var(--orange-h) - 5),\n calc(var(--orange-s) - 18%),\n calc(var(--orange-l) - 28%)\n );\n --color-bg-form-btn-orange: #D9730D;\n\n /* Yellow */\n --yellow-h: 38;\n --yellow-s: 62%;\n --yellow-l: 49%;\n --color-yellow: hsl(\n var(--yellow-h),\n var(--yellow-s),\n var(--yellow-l)\n );\n --color-text-yellow: var(--color-yellow);\n --color-bg-yellow: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) + 90%),\n 90%\n );\n --color-bg-yellow-light: var(--color-bg-yellow);\n --color-pill-yellow: hsl(\n calc(var(--yellow-h) + 3),\n calc(var(--yellow-s) + 24%),\n 90%\n );\n --color-pill-text-yellow: hsl(\n calc(var(--yellow-h) - 11),\n calc(var(--yellow-s) - 22%),\n calc(var(--yellow-l) - 28%)\n );\n --color-bg-form-btn-yellow: #CA922F;\n\n /* Green */\n --green-h: 149;\n --green-s: 31%;\n --green-l: 39%;\n --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n --color-text-green: var(--color-green);
1128\n --color-bg-green: hsl(\n var(--green-h),\n var(--green-s),\n 90%\n );\n --color-bg-green-light: var(--color-bg-green);\n --color-pill-green: hsl(\n calc(var(--green-h) - 28),\n calc(var(--green-s) + 3%),\n 89%\n );\n --color-pill-text-green: hsl(\n calc(var(--green-h) - 2),\n var(--green-s),\n calc(var(--green-l) - 22%)\n );\n --color-bg-form-btn-green: #448361;\n\n /* Blue */\n --blue-h: 202;\n --blue-s: 53%;\n --blue-l: 43%;\n --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n --color-text-blue: var(--color-blue);\n --color-bg-blue: hsl(\n var(--blue-h),\n var(--blue-s),\n 90%\n );\n --color-bg-blue-light: var(--color-bg-blue);\n --color-pill-blue: hsl(\n var(--blue-h),\n calc(var(--blue-s) - 5%),\n 85%\n );\n --color-pill-text-blue: hsl(\n calc(var(--blue-h) + 7),\n calc(var(--blue-s) - 6%),\n calc(var(--blue-l) - 22%)\n );\n --color-bg-form-btn-blue: #327DA9;\n\n /* Purple */\n --purple-h: 274;\n --purple-s: 32%;\n --purple-l: 54%;\n --color-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n var(--purple-l)\n );\n --color-text-purple: var(--color-purple);\n --color-bg-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n 90%\n );\n --color-bg-purple-light: var(--color-bg-purple);\n --color-pill-purple: hsl(\n var(--purple-h),\n calc(var(--purple-s) + 5%),\n 90%\n );\n --color-pill-text-purple: hsl(\n calc(var(--purple-h) + 1),\n calc(var(--purple-s) + 10%),\n calc(var(--purple-l) - 31%)\n );\n --color-bg-form-btn-purple: #8F64AF;\n\n /* Pink */\n --pink-h: 328;\n --pink-s: 48%;\n --pink-l: 53%;\n --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n --color-text-pink: var(--color-pink);\n --color-bg-pink: hsl(\n var(--pink-h),\n var(--pink-s),\n 90%\n );\n --color-bg-pink-light: var(--color-bg-pink);\n --color-pill-pink: hsl(\n var(--pink-h),\n var(--pink-s),\n 90%\n );\n --color-pill-text-pink: hsl(\n calc(var(--pink-h) + 3),\n calc(var(--pink-s) - 14%),\n calc(var(--pink-l) - 31%)\n );\n --color-bg-form-btn-pink: #C24C8B;\n\n /* Red */\n --red-h: 2;\n --red-s: 62%;\n --red-l: 55%;\n --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n --color-text-red: var(--color-red);\n --color-bg-red: hsl(\n var(--red-h),\n var(--red-s),\n 90%\n );\n --color-bg-red-light: var(--color-bg-red);\n --color-pill-red: hsl(\n calc(var(--red-h) + 6),\n calc(var(--red-s) + 42%),\n 90%\n );\n --color-pill-text-red: hsl(\n calc(var(--red-h) + 0),\n var(--red-s),\n calc(var(--red-l) - 32%)\n );\n --color-bg-form-btn-red: #D44E49;\n\n /*Default*/\n --default-h: 45;\n --default-s: 8%;\n --default-l: 20%;\n --color-default: hsl(\n var(--default-h),\n var(--default-s),\n var(--default-l)\n );\n --color-pill-default: hsl(\n var(--gray-h),\n var(--gray-s),\n 90%\n );\n --color-pill-text-default: hsl(\n var(--gray-h),\n var(--gray-s),\n calc(var(--gray-l) - 28%)\n );\n --color-bg-form-btn-default: #55534E;\n\n /*Other*/\n --color-text-default: #37352F;\n --color-text-default-light: #7d7c78;\n --color-bg-default: #ffffff;\n --color-border-default: #E9E9E7;\n --color-border-dark: var(--color-border-default);\n --color-ui-hover-bg: #efefef;\n --color-card-bg: #ffffff;\n --color-card-bg-hover: #f9f9f8;\n --color-calendar-weekend-bg: #f7f6f3;\n --color-checkbox-bg: #2EAADC;\n --color-code-bg: rgba(135,131,120,.15);\n\n /*Scrollbar*/\n --scrollbar-background-color: #FAFAFA;\n --scrollbar-thumb-color: #C1C1C1;\n --scrollbar-border-color: #E8E8E8;\n\n /*Navbar*/\n --navbar-text-color: #37352F;\n --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
1128\n --navbar-background-color-hover: #f0f0f0;\n --navbar-background-color: #ffffff;\n --navbar-button-text-color: #ffffff;\n --navbar-button-background-color: #37352F;\n --navbar-menu-background-color: var(--navbar-background-color);\n --navbar-text-color-dark: #282620;\n\n /*Footer*/\n --footer-text-color: #37352F;\n --footer-background-color: #ffffff;\n\n /*Sidebar*/\n --sidebar-text-color: #37352F;\n --sidebar-cta-text-color: #37352F;\n --sidebar-background-color: #ffffff;\n --sidebar-cta-background-color: #ffffff;\n --sidebar-border-color: #E9E9E7;\n --sidebar-background-color-hover: #efefef;\n --sidebar-text-color-dark: #282620;\n --sidebar-cta-background-color-hover: #efefef;\n }\n\n \n /**\n * One Light theme for prism.js\n * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n */\n \n /**\n * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n * From colors.less\n * --mono-1: hsl(230, 8%, 24%);\n * --mono-2: hsl(230, 6%, 44%);\n * --mono-3: hsl(230, 4%, 64%)\n * --hue-1: hsl(198, 99%, 37%);\n * --hue-2: hsl(221, 87%, 60%);\n * --hue-3: hsl(301, 63%, 40%);\n * --hue-4: hsl(119, 34%, 47%);\n * --hue-5: hsl(5, 74%, 59%);\n * --hue-5-2: hsl(344, 84%, 43%);\n * --hue-6: hsl(35, 99%, 36%);\n * --hue-6-2: hsl(35, 99%, 40%);\n * --syntax-fg: hsl(230, 8%, 24%);\n * --syntax-bg: hsl(230, 1%, 98%);\n * --syntax-gutter: hsl(230, 1%, 62%);\n * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n * --syntax-accent: hsl(230, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(230, 1%, 90%);\n * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n */\n \n html.theme-light code[class*=\"language-\"],\n html.theme-light pre[class*=\"language-\"] {\n color: hsl(230, 8%, 24%);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n \n /* Selection */\n html.theme-light code[class*=\"language-\"]::-moz-selection,\n html.theme-light code[class*=\"language-\"] *::-moz-selection,\n html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n html.theme-light code[class*=\"language-\"]::selection,\n html.theme-light code[class*=\"language-\"] *::selection,\n html.theme-light pre[class*=\"language-\"] *::selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n /* Code blocks */\n html.theme-light pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n \n /* Inline code */\n html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.prolog,\n html.theme-light .token.cdata {\n color: hsl(230, 4%, 64%);\n }\n \n html.theme-light .token.doctype,\n html.theme-light .token.punctuation,\n html.theme-light .token.entity {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .token.attr-name,\n html.theme-light .token.class-name,\n html.theme-light .token.boolean,\n html.theme-light .token.constant,\n html.theme-light .token.number,\n html.theme-light .token.atrule {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .token.keyword {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .token.property,\n html.theme-light .token.tag,\n html.theme-light .token.symbol,\n html.theme-light .token.deleted,\n html.theme-light .token.important {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .token.selector,\n html.theme-light .token.string,\n html.theme-light .token.char,\n html.theme-light .token.builtin,\n html.theme-light .token.inserted,\n html.theme-light .token.regex,\n html.theme-light .token.attr-value,\n html.theme-light .token.attr-value \u003e .token.punctuation {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .token.variable,\n html.theme-light .token.operator,\n html.theme-light .token.function {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .token.url {\n color: hsl(198, 99%, 37%);\n }\n \n /* HTML overrides */\n html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(230, 8%, 24%);\n }\n \n /* CSS overrides */\n html.theme-light .language-css .token.selector {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .language-css .token.property {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-css .token.function,\n html.theme-light .language-css .token.url \u003e .token.function {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-css .token.url \u003e .token.string.url {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-css .token.important,\n html.theme-light .language-css .token.atrule .token.rule {\n color: hsl(301, 63%, 40%);\n }\n \n /* JS overrides */\n html.theme-light .language-javascript .token.operator {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(344, 84%, 43%);\n }\n \n /* JSON overrides */\n html.theme-light .language-json .token.operator {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-json .token.null.keyword {\n color: hsl(35, 99%, 36%);\n }\n \n /* MD overrides */\n html.theme-light .language-markdown .token.url,\n html.theme-light .language-markdown .token.url \u003e .token.operator,\n html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.content {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.url,\n html.theme-light .language-markdown .token.url-reference.url {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-markdown .token.blockquote.punctuation,\n html.theme-light .language-markdown .token.hr.punctuation {\n color: hsl(230, 4%, 64%);\n font-style: italic;\n }\n \n html.theme-light .language-markdown .token.code-snippet {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-markdown .token.bold .token.content {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .language-markdown .token.italic .token.content {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-markdown .token.strike .token.content,\n html.theme-light .language-markdown .token.strike .token.punctuation,\n html.theme-light .language-markdown .token.list.punctuation,\n html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(5, 74%, 59%);\n }\n \n /* General */\n html.theme-light .token.bold {\n font-weight: bold;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.italic {\n font-style: italic;\n }\n \n html.theme-light .token.entity {\n cursor: help;\n }\n \n html.theme-light .token.namespace {\n opacity: 0.8;\n }\n \n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n \n /* Show Invisibles plugin overrides */\n html.theme-light .token.token.tab:not(:empty):before,\n html.theme-light .token.token.cr:before,\n html.theme-light .token.token.lf:before,\n html.theme-light .token.token.space:before {\n color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n \n /* Styling the buttons */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 6%, 44%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n \n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n color: hsl(230, 8%, 24%);\n }\n \n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-light .line-highlight.line-highlight {\n background: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Default line numbers in Line Highlight plugin */\n html.theme-light .line-highlight.line-highlight:before,\n html.theme-light .line-highlight.line-highlight[data-end]:after {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 8%, 24%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n \n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n html.theme-light .command-line .command-line-prompt {\n border-right-color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Stuff in the gutter */\n html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-light .command-line .command-line-prompt \u003e span:before {\n color: hsl(230, 1%, 62%);\n }\n \n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(301, 63%, 40%);\n }\n \n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n /* Border around popup */\n html.theme-light .prism-previewer.prism-previewer:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(0, 0, 95%);\n }\n \n /* Angle and time should remain as circles and are hence not included */\n html.theme-light .prism-previewer-color.prism-previewer-color:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n \n /* Triangles pointing to the code */\n html.theme-light .prism-previewer.prism-previewer:after {\n border-top-color: hsl(0, 0, 95%);\n }\n \n html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(0, 0, 95%);\n }
1128\n \n /* Background colour within the popup */\n html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-light .prism-previewer-time.prism-previewer-time:before,\n html.theme-light .prism-previewer-easing.prism-previewer-easing {\n background: hsl(0, 0%, 100%);\n }\n \n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-light .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(230, 8%, 24%);\n stroke-opacity: 1;\n }\n \n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(230, 8%, 24%);\n }\n \n /* Fill colour of the handle */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n 2b:T5f9c,\n html.theme-dark {\n /* Gray */\n --gray-h: 0;\n --gray-s: 0%;\n --gray-l: 61%;\n --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n --color-text-gray: var(--color-gray);\n --color-bg-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n 14.5%\n );\n --color-bg-gray-light: hsl(\n var(--gray-h),\n var(--gray-s),\n 14.5%\n );\n --color-pill-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n 35%\n );\n --color-pill-text-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n calc(var(--gray-l) + 26%)\n );\n --color-bg-form-btn-gray: #A7A39A;\n\n /* Brown */\n --brown-h: 18;\n --brown-s: 35%;\n --brown-l: 58%;\n --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n --color-text-brown: var(--color-brown);\n --color-bg-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) - 7%),\n 22%\n );\n --color-bg-brown-light: hsl(\n calc(var(--brown-h) - 2),\n calc(var(--brown-s) - 22%),\n 16%\n );\n --color-pill-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) + 2%),\n 27%\n );\n --color-pill-text-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) - 21%),\n calc(var(--brown-l) + 33%)\n );\n --color-bg-form-btn-brown: #9A6851;\n\n /* Orange */\n --orange-h: 25;\n --orange-s: 54%;\n --orange-l: 53%;\n --color-orange: hsl(\n var(--orange-h),\n var(--orange-s),\n var(--orange-l)\n );\n --color-text-orange: var(--color-orange);\n --color-bg-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 10%),\n 25%\n );\n --color-bg-orange-light: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 30%),\n 17%\n );\n --color-pill-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) + 9%),\n 32%\n );\n --color-pill-text-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 23%),\n calc(var(--orange-l) + 33%)\n );\n --color-bg-form-btn-orange: #D9730D;\n\n /* Yellow */\n --yellow-h: 38;\n --yellow-s: 54%;\n --yellow-l: 54%;\n --color-yellow: hsl(\n var(--yellow-h),\n var(--yellow-s),\n var(--yellow-l)\n );\n --color-text-yellow: var(--color-yellow);\n --color-bg-yellow: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) - 18%),\n 25%\n );\n --color-bg-yellow-light: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) - 24%),\n 17%\n );\n --color-pill-yellow: hsl(\n calc(var(--yellow-h) - 1),\n calc(var(--yellow-s) + 2%),\n 35%\n );\n --color-pill-text-yellow: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) - 28%),\n calc(var(--yellow-l) + 33%)\n );\n --color-bg-form-btn-yellow: #CA922F;\n\n /* Green */\n --green-h: 146;\n --green-s: 32%;\n --green-l: 47%;\n --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n --color-text-green: var(--color-green);\n --color-bg-green: hsl(\n calc(var(--green-h) + 3),\n calc(var(--green-s) - 6%),\n 19%\n );
1128\n --color-bg-green-light: hsl(\n var(--green-h),\n calc(var(--green-s) - 20%),\n 15%\n );\n --color-pill-green: hsl(\n calc(var(--green-h) + 1),\n calc(var(--green-s) + 3%),\n 26%\n );\n --color-pill-text-green: hsl(\n var(--green-h),\n calc(var(--green-s) - 20%),\n calc(var(--green-l) + 38%)\n );\n --color-bg-form-btn-green: #448361;\n\n /* Blue */\n --blue-h: 217;\n --blue-s: 50%;\n --blue-l: 58%;\n --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n --color-text-blue: var(--color-blue);\n --color-bg-blue: hsl(\n calc(var(--blue-h) - 16),\n calc(var(--blue-s) + 9%),\n 19%\n );\n --color-bg-blue-light: hsl(\n calc(var(--blue-h) + 16),\n calc(var(--blue-s) - 27%),\n 15%\n );\n --color-pill-blue: hsl(\n calc(var(--blue-h) - 3),\n calc(var(--blue-s) - 6%),\n 29%\n );\n --color-pill-text-blue: hsl(\n calc(var(--blue-h) - 5),\n calc(var(--blue-s) - 32%),\n calc(var(--blue-l) + 28%)\n );\n --color-bg-form-btn-blue: #327DA9;\n\n /* Purple */\n --purple-h: 270;\n --purple-s: 55%;\n --purple-l: 62%;\n --color-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n var(--purple-l)\n );\n --color-text-purple: var(--color-purple);\n --color-bg-purple: hsl(\n calc(var(--purple-h) + 2),\n calc(var(--purple-s) - 31%),\n 23%\n );\n --color-bg-purple-light: hsl(\n calc(var(--purple-h) + 5),\n calc(var(--purple-s) - 40%),\n 17%\n );\n --color-pill-purple: hsl(\n var(--purple-h),\n calc(var(--purple-s) - 19%),\n 29%\n );\n --color-pill-text-purple: hsl(\n calc(var(--purple-h) - 3),\n calc(var(--purple-s) - 40%),\n calc(var(--purple-l) + 24%)\n );\n --color-bg-form-btn-purple: #8F64AF;\n\n /* Pink */\n --pink-h: 329;\n --pink-s: 57%;\n --pink-l: 58%;\n --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n --color-text-pink: var(--color-pink);\n --color-bg-pink: hsl(\n calc(var(--pink-h) + 3),\n calc(var(--pink-s) - 29%),\n 24%\n );\n --color-bg-pink-light: hsl(\n calc(var(--pink-h) + 5),\n calc(var(--pink-s) - 40%),\n 16%\n );\n --color-pill-pink: hsl(\n calc(var(--pink-h) - 2),\n calc(var(--pink-s) - 21%),\n 30%\n );\n --color-pill-text-pink: hsl(\n calc(var(--pink-h) + 4),\n calc(var(--pink-s) - 41%),\n calc(var(--pink-l) + 28%)\n );\n --color-bg-form-btn-pink: #C24C8B;\n\n /* Red */\n --red-h: 1;\n --red-s: 69%;\n --red-l: 60%;\n --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n --color-text-red: var(--color-red);\n --color-bg-red: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 37%),\n 24%\n );\n --color-bg-red-light: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 56%),\n 17%\n );\n --color-pill-red: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 30%),\n 31%\n );\n --color-pill-text-red: hsl(\n calc(var(--red-h) + 7),\n calc(var(--red-s) - 50%),\n calc(var(--red-l) + 24%)\n );\n --color-bg-form-btn-red: #D44E49;\n\n /*Default*/\n --default-h: 45;\n --default-s: 8%;\n --default-l: 20%;\n --color-default: hsl(\n var(--default-h),\n var(--default-s),\n var(--default-l)\n );\n --color-pill-default: hsl(\n var(--default-h),\n var(--default-s),\n -19%\n );\n --color-pill-text-default: hsl(\n var(--default-h),\n var(--default-s),\n calc(var(--default-l) + 23%)\n );\n --color-bg-form-btn-default: #55534E;\n\n /*Other*/\n --color-text-default: #e1e1e1;\n --color-text-default-light: #9b9b9b;\n --color-bg-default: #191919;\n --color-border-default: #373737;\n --color-border-dark: var(--color-border-default);\n --color-ui-hover-bg: #292929;\n --color-card-bg: #212121;\n --color-card-bg-hover: #292929;\n --color-calendar-weekend-bg: #202020;\n --color-checkbox-bg: #2EAADC;\n --color-code-bg: rgba(135,131,120,.15);\n\n /*Scrollbar*/\n --scrollbar-background-color: #FAFAFA;\n --scrollbar-thumb-color: #C1C1C1;\n --scrollbar-border-color: #E8E8E8;\n\n /*Navbar*/\n --navbar-text-color: #e1e1e1;\n --navbar-list-item-hover: rgba(255,255,255,.2);\n --navbar-background-color: #191919;\n --navbar-background-color-hover: #282828;\n --navbar-button-text-color: #191919;\n --navbar-button-background-color: #e1e1e1;\n --navbar-menu-background-color: var(--navbar-background-color);\n --navbar-text-color-dark: #d2d2d2;
1128\n\n /*Footer*/\n --footer-text-color: #e1e1e1;\n --footer-background-color: #191919;\n\n /*Sidebar*/\n --sidebar-text-color: #e1e1e1;\n --sidebar-cta-text-color: #e1e1e1;\n --sidebar-background-color: #191919;\n --sidebar-cta-background-color: #191919;\n --sidebar-border-color: #373737;\n --sidebar-background-color-hover: #292929;\n --sidebar-text-color-dark: #d2d2d2;\n --sidebar-cta-background-color-hover: #292929;\n }\n\n /* Calendar for dark mode */\n html.theme-dark .notion-collection-calendar__row {\n box-shadow: var(--color-border-default) -1px 0px 0px;\n }\n\n html.theme-dark .notion-collection-calendar__week-days {\n box-shadow: var(--color-border-default) 0px 1px 0px;\n }\n\n html.theme-dark .notion-collection-calendar__date {\n border-right: 1px solid var(--color-border-default);\n border-bottom: 1px solid var(--color-border-default);\n }\n\n \n /**\n * One Dark theme for prism.js\n * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax\n */\n\n /**\n * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)\n * From colors.less\n * --mono-1: hsl(220, 14%, 71%);\n * --mono-2: hsl(220, 9%, 55%);\n * --mono-3: hsl(220, 10%, 40%);\n * --hue-1: hsl(187, 47%, 55%);\n * --hue-2: hsl(207, 82%, 66%);\n * --hue-3: hsl(286, 60%, 67%);\n * --hue-4: hsl(95, 38%, 62%);\n * --hue-5: hsl(355, 65%, 65%);\n * --hue-5-2: hsl(5, 48%, 51%);\n * --hue-6: hsl(29, 54%, 61%);\n * --hue-6-2: hsl(39, 67%, 69%);\n * --syntax-fg: hsl(220, 14%, 71%);\n * --syntax-bg: hsl(220, 13%, 18%);\n * --syntax-gutter: hsl(220, 14%, 45%);\n * --syntax-guide: hsla(220, 14%, 71%, 0.15);\n * --syntax-accent: hsl(220, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(220, 13%, 28%);\n * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);\n * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);\n */\n\n html.theme-dark code[class*=\"language-\"],\n html.theme-dark pre[class*=\"language-\"] {\n background: hsl(220, 13%, 18%);\n color: hsl(220, 14%, 71%);\n text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n\n /* Selection */\n html.theme-dark code[class*=\"language-\"]::-moz-selection,\n html.theme-dark code[class*=\"language-\"] *::-moz-selection,\n html.theme-dark pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(220, 13%, 28%);\n color: inherit;\n text-shadow: none;\n }\n\n html.theme-dark code[class*=\"language-\"]::selection,\n html.theme-dark code[class*=\"language-\"] *::selection,\n html.theme-dark pre[class*=\"language-\"] *::selection {\n background: hsl(220, 13%, 28%);\n color: inherit;\n text-shadow: none;\n }\n\n /* Code blocks */\n html.theme-dark pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n\n /* Inline code */\n html.theme-dark :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n\n /* Print */\n @media print {\n html.theme-dark code[class*=\"language-\"],\n html.theme-dark pre[class*=\"language-\"] {\n text-shadow: none;\n }\n }\n\n html.theme-dark .token.comment,\n html.theme-dark .token.prolog,\n html.theme-dark .token.cdata {\n color: hsl(220, 10%, 40%);\n }\n\n html.theme-dark .token.doctype,\n html.theme-dark .token.punctuation,\n html.theme-dark .token.entity {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .token.attr-name,\n html.theme-dark .token.class-name,\n html.theme-dark .token.boolean,\n html.theme-dark .token.constant,\n html.theme-dark .token.number,\n html.theme-dark .token.atrule {\n color: hsl(29, 54%, 61%);\n }\n\n html.theme-dark .token.keyword {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .token.property,\n html.theme-dark .token.tag,\n html.theme-dark .token.symbol,\n html.theme-dark .token.deleted,\n html.theme-dark .token.important {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .token.selector,\n html.theme-dark .token.string,\n html.theme-dark .token.char,\n html.theme-dark .token.builtin,\n html.theme-dark .token.inserted,\n html.theme-dark .token.regex,\n html.theme-dark .token.attr-value,\n html.theme-dark .token.attr-value \u003e .token.punctuation {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .token.variable,\n html.theme-dark .token.operator,\n html.theme-dark .token.function {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .token.url {\n color: hsl(187, 47%, 55%);\n }\n\n /* HTML overrides */\n html.theme-dark .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-dark .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(220, 14%, 71%);\n }\n\n /* CSS overrides */\n html.theme-dark .language-css .token.selector {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .language-css .token.property {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-css .token.function,\n html.theme-dark .language-css .token.url \u003e .token.function {\n color: hsl(187, 47%, 55%);\n }\n\n html.theme-dark .language-css .token.url \u003e .token.string.url {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .language-css .token.important,\n html.theme-dark .language-css .token.atrule .token.rule {\n color: hsl(286, 60%, 67%);\n }\n\n /* JS overrides */\n html.theme-dark .language-javascript .token.operator {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(5, 48%, 51%);\n }\n\n /* JSON overrides */\n html.theme-dark .language-json .token.operator {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-json .token.null.keyword {\n color: hsl(29, 54%, 61%);\n }\n\n /* MD overrides */\n html.theme-dark .language-markdown .token.url,\n html.theme-dark .language-markdown .token.url \u003e .token.operator,\n html.theme-dark .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-markdown .token.url \u003e .token.content {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .language-markdown .token.url \u003e .token.url,\n html.theme-dark .language-markdown .token.url-reference.url {\n color: hsl(187, 47%, 55%);\n }\n\n html.theme-dark .language-markdown .token.blockquote.punctuation,\n html.theme-dark .language-markdown .token.hr.punctuation {\n color: hsl(220, 10%, 40%);\n font-style: italic;\n }\n\n html.theme-dark .language-markdown .token.code-snippet {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .language-markdown .token.bold .token.content {\n color: hsl(29, 54%, 61%);\n }\n\n html.theme-dark .language-markdown .token.italic .token.content {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .language-markdown .token.strike .token.content,\n html.theme-dark .language-markdown .token.strike .token.punctuation,\n html.theme-dark .language-markdown .token.list.punctuation,\n html.theme-dark .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(355, 65%, 65%);\n }\n\n /* General */\n html.theme-dark .token.bold {\n font-weight: bold;\n }\n\n html.theme-dark .token.comment,\n html.theme-dark .token.italic {\n font-style: italic;\n }\n\n html.theme-dark .token.entity {\n cursor: help;\n }\n\n html.theme-dark .token.namespace {\n opacity: 0.8;\n }\n\n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n\n /* Show Invisibles plugin overrides */\n html.theme-dark .token.token.tab:not(:empty):before,\n html.theme-dark .token.token.cr:before,\n html.theme-dark .token.token.lf:before,\n html.theme-dark .token.token.space:before {\n color: hsla(220, 14%, 71%, 0.15);\n text-shadow: none;\n }\n\n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n\n /* Styling the buttons */\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(220, 13%, 26%);\n color: hsl(220, 9%, 55%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(220, 13%, 28%);\n color: hsl(220, 14%, 71%);\n }\n\n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-dark .line-highlight.line-highlight {\n background: hsla(220, 100%, 80%, 0.04);\n }\n\n /* Default line numbers in Line Highlight plugin */\n html.theme-dark .line-highlight.line-highlight:before,\n html.theme-dark .line-highlight.line-highlight[data-end]:after {\n background: hsl(220, 13%, 26%);\n color: hsl(220, 14%, 71%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n\n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(220, 100%, 80%, 0.04);\n }\n\n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-dark .line-numbers.line-numbers .line-numbers-rows,\n html.theme-dark .command-line .command-line-prompt {\n border-right-color: hsla(220, 14%, 71%, 0.15);\n }\n\n /* Stuff in the gutter */\n html.theme-dark .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-dark .command-line .command-line-prompt \u003e span:before {\n color: hsl(220, 14%, 45%);\n }\n\n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(286, 60%, 67%);\n }\n\n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n\n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-dark-ui */\n /* Border around popup */\n html.theme-dark .prism-previewer.prism-previewer:before,\n html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(224, 13%, 17%);\n }\n\n /* Angle and time should remain as circles and are hence not included */\n html.theme-dark .prism-previewer-color.prism-previewer-color:before,\n html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n\n /* Triangles pointing to the code */\n html.theme-dark .prism-previewer.prism-previewer:after {\n border-top-color: hsl(224, 13%, 17%);\n }\n\n html.theme-dark .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(224, 13%, 17%);\n }
1128\n\n /* Background colour within the popup */\n html.theme-dark .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-dark .prism-previewer-time.prism-previewer-time:before,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing {\n background: hsl(219, 13%, 22%);\n }\n\n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-dark .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-dark .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(220, 14%, 71%);\n stroke-opacity: 1;\n }\n\n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-dark .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing path,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(220, 14%, 71%);\n }\n\n /* Fill colour of the handle */\n html.theme-dark .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n 2c:T46e0,\n :root {\n --color-text-default: rgb(55, 53, 47);\n --color-text-default-light: rgba(55, 53, 47, 0.6);\n --color-text-gray: rgb(155, 154, 151);\n --color-text-brown: rgb(100, 71, 58);\n --color-text-orange: rgb(217, 115, 13);\n --color-text-yellow: rgb(223, 171, 1);\n --color-text-green: rgb(15, 123, 108);\n --color-text-blue: rgb(11, 110, 153);\n --color-text-purple: rgb(105, 64, 165);\n --color-text-pink: rgb(173, 26, 114);\n --color-text-red: rgb(224, 62, 62);\n\n --color-bg-default: rgb(255, 255, 255);\n --color-bg-gray: rgb(235, 236, 237);\n --color-bg-brown: rgb(233, 229, 227);\n --color-bg-orange: rgb(250, 235, 221);\n --color-bg-yellow: rgb(251, 243, 219);\n --color-bg-green: rgb(221, 237, 234);\n --color-bg-blue: rgb(221, 235, 241);\n --color-bg-purple: rgb(234, 228, 242);\n --color-bg-pink: rgb(244, 223, 235);\n --color-bg-red: rgb(251, 228, 228);\n\n --color-bg-gray-light: rgba(235, 236, 237, 0.3);\n --color-bg-brown-light: rgba(233, 229, 227, 0.3);\n --color-bg-orange-light: rgba(250, 235, 221, 0.3);\n --color-bg-yellow-light: rgba(251, 243, 219, 0.3);\n --color-bg-green-light: rgba(221, 237, 234, 0.3);\n --color-bg-blue-light: rgba(221, 235, 241, 0.3);\n --color-bg-purple-light: rgba(234, 228, 242, 0.3);\n --color-bg-pink-light: rgba(244, 223, 235, 0.3);\n --color-bg-red-light: rgba(251, 228, 228, 0.3);\n\n --color-pill-default: rgba(206, 205, 202, 0.5);\n --color-pill-gray: rgba(155, 154, 151, 0.4);\n --color-pill-brown: rgba(140, 46, 0, 0.2);\n --color-pill-orange: rgba(245, 93, 0, 0.2);\n --color-pill-yellow: rgba(233, 168, 0, 0.2);\n --color-pill-green: rgba(0, 135, 107, 0.2);\n --color-pill-blue: rgba(0, 120, 223, 0.2);\n --color-pill-purple: rgba(103, 36, 222, 0.2);\n --color-pill-pink: rgba(221, 0, 129, 0.2);\n --color-pill-red: rgba(255, 0, 26, 0.2);\n\n --color-ui-hover-bg: rgba(239, 239, 239);\n --color-card-bg: rgb(255, 255, 255);\n --color-checkbox-bg: rgb(46, 170, 220);;\n --color-border-default: rgba(235, 236, 237, 0.8);\n --color-border-dark: rgba(55, 53, 47, 0.16);\n --color-code-bg: rgba(239, 239, 239);\n\n /*Scrollbar*/\n --scrollbar-background-color: #fafafa;\n --scrollbar-thumb-color: #c1c1c1;\n --scrollbar-border-color: #e8e8e8;\n\n --navbar-text-color: var(--color-text-default);\n --navbar-background-color: var(--color-bg-default);\n --navbar-button-text-color: var(--color-text-default);\n --navbar-button-background-color: var(--color-bg-default);\n --navbar-menu-background-color: var(--navbar-background-color);\n\n --footer-text-color: var(--color-text-default);\n --footer-background-color: var(--color-bg-default);\n --color-calendar-weekend-bg: #f7f6f3;\n }\n\n \n /**\n * One Light theme for prism.js\n * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n */\n \n /**\n * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n * From colors.less\n * --mono-1: hsl(230, 8%, 24%);\n * --mono-2: hsl(230, 6%, 44%);\n * --mono-3: hsl(230, 4%, 64%)\n * --hue-1: hsl(198, 99%, 37%);\n * --hue-2: hsl(221, 87%, 60%);\n * --hue-3: hsl(301, 63%, 40%);\n * --hue-4: hsl(119, 34%, 47%);\n * --hue-5: hsl(5, 74%, 59%);\n * --hue-5-2: hsl(344, 84%, 43%);\n * --hue-6: hsl(35, 99%, 36%);\n * --hue-6-2: hsl(35, 99%, 40%);\n * --syntax-fg: hsl(230, 8%, 24%);\n * --syntax-bg: hsl(230, 1%, 98%);\n * --syntax-gutter: hsl(230, 1%, 62%);\n * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n * --syntax-accent: hsl(230, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(230, 1%, 90%);\n * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n */\n \n html.theme-light code[class*=\"language-\"],\n html.theme-light pre[class*=\"language-\"] {\n color: hsl(230, 8%, 24%);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n \n /* Selection */\n html.theme-light code[class*=\"language-\"]::-moz-selection,\n html.theme-light code[class*=\"language-\"] *::-moz-selection,\n html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n html.theme-light code[class*=\"language-\"]::selection,\n html.theme-light code[class*=\"language-\"] *::selection,\n html.theme-light pre[class*=\"language-\"] *::selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n /* Code blocks */\n html.theme-light pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n \n /* Inline code */\n html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.prolog,\n html.theme-light .token.cdata {\n color: hsl(230, 4%, 64%);\n }\n \n html.theme-light .token.doctype,\n html.theme-light .token.punctuation,\n html.theme-light .token.entity {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .token.attr-name,\n html.theme-light .token.class-name,\n html.theme-light .token.boolean,\n html.theme-light .token.constant,\n html.theme-light .token.number,\n html.theme-light .token.atrule {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .token.keyword {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .token.property,\n html.theme-light .token.tag,\n html.theme-light .token.symbol,\n html.theme-light .token.deleted,\n html.theme-light .token.important {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .token.selector,\n html.theme-light .token.string,\n html.theme-light .token.char,\n html.theme-light .token.builtin,\n html.theme-light .token.inserted,\n html.theme-light .token.regex,\n html.theme-light .token.attr-value,\n html.theme-light .token.attr-value \u003e .token.punctuation {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .token.variable,\n html.theme-light .token.operator,\n html.theme-light .token.function {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .token.url {\n color: hsl(198, 99%, 37%);\n }\n \n /* HTML overrides */\n html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(230, 8%, 24%);\n }\n \n /* CSS overrides */\n html.theme-light .language-css .token.selector {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .language-css .token.property {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-css .token.function,\n html.theme-light .language-css .token.url \u003e .token.function {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-css .token.url \u003e .token.string.url {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-css .token.important,\n html.theme-light .language-css .token.atrule .token.rule {\n color: hsl(301, 63%, 40%);\n }\n \n /* JS overrides */\n html.theme-light .language-javascript .token.operator {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(344, 84%, 43%);\n }\n \n /* JSON overrides */\n html.theme-light .language-json .token.operator {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-json .token.null.keyword {\n color: hsl(35, 99%, 36%);\n }\n \n /* MD overrides */\n html.theme-light .language-markdown .token.url,\n html.theme-light .language-markdown .token.url \u003e .token.operator,\n html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.content {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.url,\n html.theme-light .language-markdown .token.url-reference.url {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-markdown .token.blockquote.punctuation,\n html.theme-light .language-markdown .token.hr.punctuation {\n color: hsl(230, 4%, 64%);\n font-style: italic;\n }\n \n html.theme-light .language-markdown .token.code-snippet {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-markdown .token.bold .token.content {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .language-markdown .token.italic .token.content {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-markdown .token.strike .token.content,\n html.theme-light .language-markdown .token.strike .token.punctuation,\n html.theme-light .language-markdown .token.list.punctuation,\n html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(5, 74%, 59%);\n }\n \n /* General */\n html.theme-light .token.bold {\n font-weight: bold;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.italic {\n font-style: italic;\n }\n \n html.theme-light .token.entity {\n cursor: help;\n }\n \n html.theme-light .token.namespace {\n opacity: 0.8;\n }\n \n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n \n /* Show Invisibles plugin overrides */\n html.theme-light .token.token.tab:not(:empty):before,\n html.theme-light .token.token.cr:before,\n html.theme-light .token.token.lf:before,\n html.theme-light .token.token.space:before {\n color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n \n /* Styling the buttons */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 6%, 44%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n \n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n color: hsl(230, 8%, 24%);\n }\n \n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-light .line-highlight.line-highlight {\n background: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Default line numbers in Line Highlight plugin */\n html.theme-light .line-highlight.line-highlight:before,\n html.theme-light .line-highlight.line-highlight[data-end]:after {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 8%, 24%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n \n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n html.theme-light .command-line .command-line-prompt {\n border-right-color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Stuff in the gutter */\n html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-light .command-line .command-line-prompt \u003e span:before {\n color: hsl(230, 1%, 62%);\n }\n \n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(301, 63%, 40%);\n }\n \n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003
1128e code .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n /* Border around popup */\n html.theme-light .prism-previewer.prism-previewer:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(0, 0, 95%);\n }\n \n /* Angle and time should remain as circles and are hence not included */\n html.theme-light .prism-previewer-color.prism-previewer-color:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n \n /* Triangles pointing to the code */\n html.theme-light .prism-previewer.prism-previewer:after {\n border-top-color: hsl(0, 0, 95%);\n }\n \n html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(0, 0, 95%);\n }\n \n /* Background colour within the popup */\n html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-light .prism-previewer-time.prism-previewer-time:before,\n html.theme-light .prism-previewer-easing.prism-previewer-easing {\n background: hsl(0, 0%, 100%);\n }\n \n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-light .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(230, 8%, 24%);\n stroke-opacity: 1;\n }\n \n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(230, 8%, 24%);\n }\n \n /* Fill colour of the handle */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n 22:[\"$\",\"$L28\",null,{\"settings\":\"$1c:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$29\",\"light\":\"$2a\",\"dark\":\"$2b\",\"legacy\":\"$2c\",\"children\":[\"$L2d\",null]}]\n23:[\"$\",\"$L2e\",null,{}]\n24:[\"$\",\"$L2f\",null,{}]\n25:[\"$\",\"$L30\",null,{}]\n26:[\"$\",\"$L31\",null,{\"sampleRate\":0.3}]\n"])</script>
1128<script>self.__next_f.push([1,"32:I[613744,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"ErrorBoundary\"]\n33:I[325618,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"PasswordPageLayoutProvider\"]\n34:I[183555,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationContent\"]\n35:I[713503,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/2ggeb0g51xxjo.js\"],\"default\"]\n2d:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[[\"$\",\"$L32\",null,{\"children\":[null,[[\"$\",\"$1\",\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::6eeec831-41c1-472b-98e0-79889ec32729\",{\"children\":[\"\\r\\n\",[\"$\",\"a\",\"2\",{\"className\":\"scroll-top-btn\",\"href\":\"#top\",\"aria-label\":\"Scroll to top\",\"children\":[\"\\r\\n \",[\"$\",\"span\",\"1\",{\"className\":\"scroll-top-btn__icon\",\"children\":\"â\"}],\"\\r\\n\"]}],\"\\r\\n\\r\\n\",[\"$\",\"style\",\"4\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\\r\\nhtml { scroll-behavior: smooth; }\\r\\n\\r\\n.scroll-top-btn{\\r\\n position: fixed;\\r\\n right: 14px;\\r\\n bottom: 14px;\\r\\n z-index: 2147483647;\\r\\n\\r\\n width: 44px;\\r\\n height: 44px;\\r\\n border-radius: 12px;\\r\\n\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n\\r\\n background: #111;\\r\\n color: #fff;\\r\\n text-decoration: none;\\r\\n\\r\\n box-shadow: 0 10px 30px rgba(0,0,0,.18);\\r\\n}\\r\\n\\r\\n.scroll-top-btn:hover{\\r\\n background: #000;\\r\\n}\\r\\n\\r\\n.scroll-top-btn__icon{\\r\\n font-size: 20px;\\r\\n line-height: 1;\\r\\n}\\r\\n\"},\"children\":null}],\"\\r\\n\\r\\n\",[\"$\",\"$L27\",\"6\",{\"id\":\"body-script-6eeec831-41c1-472b-98e0-79889ec32729-11\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\r\\n(function () {\\r\\n // If Super ever injects this code more than once, remove duplicates.\\r\\n document.querySelectorAll('.scroll-top-btn').forEach((el, i) =\u003e {\\r\\n if (i \u003e 0) el.remove();\\r\\n });\\r\\n\\r\\n const btn = document.querySelector('.scroll-top-btn');\\r\\n if (!btn) return;\\r\\n\\r\\n btn.addEventListener('click', function (e) {\\r\\n e.preventDefault();\\r\\n window.scrollTo({ top: 0, behavior: 'smooth' });\\r\\n });\\r\\n})();\\r\\n\"}}]]}]]]}],[\"$\",\"$L33\",null,{\"children\":[\"$\",\"$L34\",null,{\"settings\":\"$1c:props:children:0:props:settings\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$35\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2ggeb0g51xxjo.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L36\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]\n"])</script>
1128<script>self.__next_f.push([1,"37:I[208077,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"ErrorPage\"]\n36:[\"$\",\"$L37\",null,{\"type\":\"notfound\"}]\n"])</script>
1128<script>self.__next_f.push([1,"38:I[23131,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"PageProvider\"]\n5:[\"$\",\"$L38\",null,{\"pageReplacement\":\"$undefined\",\"getWebVital\":false,\"pageId\":\"about\",\"records\":{\"__version__\":3,\"block\":{\"about\":{\"id\":\"about\",\"children\":[\"3264d4a52ea880ad9bbac1e8ea551b25\",\"3264d4a52ea8800da3b3f48647bf1aba\",\"3324d4a52ea880aeb1f6d946049639d4\",\"3324d4a52ea8806e9276f10a88a4adfc\",\"3324d4a52ea88052b5ebde9081788011\",\"32d4d4a52ea88069a88df6d19c6c7805\",\"32d4d4a52ea880348eade065e36e4e68\",\"32d4d4a52ea880628becc236f3195a49\",\"32d4d4a52ea880d6886ee8aebd0bf875\"],\"hasContent\":true,\"parentId\":\"8734d4a52ea882dbbd388147464c7ad7\",\"title\":[[\"About\"]],\"updatedAt\":1774769652725,\"type\":\"page\",\"spaceId\":\"bb4d9c8f-cf5e-4ae8-afb0-db801fb752dc\",\"createdTime\":1773539827883,\"lastEditedTime\":1774769652725,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"uri\":\"/about\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":{},\"propertyValues\":{},\"blockId\":\"d3d4d4a5-2ea8-8369-b611-01ee19f11fef\"},\"3264d4a52ea880ad9bbac1e8ea551b25\":{\"id\":\"3264d4a52ea880ad9bbac1e8ea551b25\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":null,\"updatedAt\":1774330685275,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public\",\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":288,\"height\":280,\"alignment\":\"left\",\"fullWidth\":false,\"pageWidth\":false,\"aspectRatio\":1,\"preserveScale\":true},\"3264d4a52ea8800da3b3f48647bf1aba\":{\"id\":\"3264d4a52ea8800da3b3f48647bf1aba\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"Flowstate by Thomas\"]],\"updatedAt\":1774066353150,\"type\":\"text\"},\"3324d4a52ea880aeb1f6d946049639d4\":{\"id\":\"3324d4a52ea880aeb1f6d946049639d4\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"It started as a mess of Apple Notes. In early 2025, I was using it to store everything like ideas, tasks, and workouts, but there was no real structure. I constantly felt overwhelmed and would forget things I needed to do. Everything was scattered and hard to keep up with.\"]],\"updatedAt\":1774769538464,\"type\":\"text\"},\"3324d4a52ea8806e9276f10a88a4adfc\":{\"id\":\"3324d4a52ea8806e9276f10a88a4adfc\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[],\"updatedAt\":1774769539417,\"type\":\"text\"},\"3324d4a52ea88052b5ebde9081788011\":{\"id\":\"3324d4a52ea88052b5ebde9081788011\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"Switching to Notion changed that. What started as a simple system to organize my own life quickly turned into something more, a genuine passion for building tools that help others do the same.\"]],\"updatedAt\":1774769669638,\"type\":\"text\"},\"32d4d4a52ea88069a88df6d19c6c7805\":{\"id\":\"32d4d4a52ea88069a88df6d19c6c7805\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[],\"updatedAt\":1774392205022,\"type\":\"text\"},\"32d4d4a52ea880348eade065e36e4e68\":{\"id\":\"32d4d4a52ea880348eade065e36e4e68\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"Today, I use Notion to run everything: work, workouts, finances, and this business. Iâve always been drawn to continuous improvement, inspired by the Japanese philosophy of kaizen. Iâm constantly working to get better in every area of my life, and Notion has become the system that helps me stay organized and track that progress.\"]],\"updatedAt\":1774320282262,\"type\":\"text\"},\"32d4d4a52ea880628becc236f3195a49\":{\"id\":\"32d4d4a52ea880628becc236f3195a49\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[],\"updatedAt\":1774392206522,\"type\":\"text\"},\"32d4d4a52ea880d6886ee8aebd0bf875\":{\"id\":\"32d4d4a52ea880d6886ee8aebd0bf875\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"Every template I create is something Iâve personally used, tested, and refined. If youâre looking for a simpler, more organized way to stay on top of your life, welcome.\"]],\"updatedAt\":1774320282262,\"type\":\"text\"},\"1c84d4a52ea882db8b410195ab64e799\":{\"id\":\"1c84d4a52ea882db8b410195ab64e799\",\"children\":[],\"hasContent\":true,\"parentId\":\"bb4d9c8fcf5e4ae8afb0db801fb752dc\",\"title\":[[\"Flowstateos.co\"]],\"updatedAt\":1788207293020,\"type\":\"page\",\"spaceId\":\"bb4d9c8f-cf5e-4ae8-afb0-db801fb752dc\",\"icon\":\"/icons/laptop_gray.svg\",\"createdTime\":1773539821984,\"lastEditedTime\":1788207293020,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"description\":null,\"uri\":\"/1c84d4a52ea882db8b410195ab64e799\",\"blockId\":\"1c84d4a5-2ea8-82db-8b41-0195ab64e799\"},\"8734d4a52ea882dbbd388147464c7ad7\":{\"id\":\"8734d4a52ea882dbbd388147464c7ad7\",\"children\":[\"4dc4d4a52ea8839f806d018495c7e4fb\",\"3044d4a52ea883d6b886017130281d4a\",\"2244d4a52ea882d6901a818e74d20b56\",\"0ed4d4a52ea8838394e0016d2c7c3ef8\",\"32d4d4a52ea88037856ef49236436c40\",\"3344d4a52ea8805f9586e63d883b8ed9\",\"about\"],\"hasContent\":true,\"parentId\":\"7c14d4a52ea883be9c5381172e96cac9\",\"title\":null,\"updatedAt\":1774996824328,\"type\":\"column\",\"ratio\":0.6875},\"7c14d4a52ea883be9c5381172e96cac9\":{\"id\":\"7c14d4a52ea883be9c5381172e96cac9\",\"children\":[\"6cf4d4a52ea883bfbce5018cb5ba0e1e\",\"8734d4a52ea882dbbd388147464c7ad7\"],\"hasContent\":true,\"parentId\":\"1f14d4a52ea882eba84a01b71f3f189c\",\"title\":null,\"updatedAt\":1773539821955,\"type\":\"column_list\",\"multiplyer\":1,\"fullWidth\":false,\"pageWidth\":false},\"1f14d4a52ea882eba84a01b71f3f189c\":{\"id\":\"1f14d4a52ea882eba84a01b71f3f189c\",\"children\":[\"1ea4d4a52ea882138cc7019955ff217b\",\"91a4d4a52ea882a294ca01f04e840f75\",\"3294d4a52ea882f9b9f381c78044c971\",\"6d24d4a52ea88212b4e3014163119a4f\",\"7c14d4a52ea883be9c5381172e96cac9\",\"0054d4a52ea8835aac8881b8318ab117\",\"36b4d4a52ea882f6a67b8111b0c1ad6d\",\"fd24d4a52ea8831196a20164cac2ff8c\",\"0844d4a52ea88304b7a0019c52b159d1\"],\"hasContent\":true,\"parentId\":\"1c84d4a52ea882db8b410195ab64e799\",\"title\":[[\"ð \"],[\"Control panel (This is hidden from your site)\",[[\"b\",null]]]],\"updatedAt\":1773615821825,\"type\":\"toggle\",\"subType\":null,\"depth\":null,\"color\":\"BgBrown\"}},\"form_question\":{},\"entity\":{},\"pageId\":\"d3d4d4a52ea88369b61101ee19f11fef\",\"pagesToCreate\":[]}
1128,\"settings\":{\"siteId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea\",\"userId\":\"a651d4c8-8cf0-42a8-86af-1678543e3ebe\",\"domainName\":\"flowstateos.co\",\"name\":\"Flowstateos.co\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"1c84d4a52ea882db8b410195ab64e799\",\"indexPageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::ff315dee-68c8-40d2-8c4a-bc53d605057b\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":false,\"loadLimits\":false,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"googleAnalyticsId\":\"G-SLDZQQ05EL\",\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":{\"type\":\"balanced\",\"style\":{\"height\":56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"1b8de41d-d364-4858-a3b5-47c6265bd843\",\"type\":\"page\",\"label\":\"Templates\",\"link\":\"/templates\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b95d8612-f578-4f2d-bf51-0b08582eec33\",\"icon\":\"\",\"list\":[]},{\"id\":\"784079e2-9a1c-4ba6-84ab-0dbca6d67318\",\"type\":\"page\",\"label\":\"Tools\",\"link\":\"/tools\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::a88cca10-72d7-4f1f-8241-6d7d443b2888\",\"icon\":\"\",\"list\":[]},{\"id\":\"0d0e2f59-fc0d-4b51-8b85-bfe8c2291335\",\"type\":\"page\",\"label\":\"Notion Builders Partner\",\"link\":\"/notion-builders-program-partner\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b1cb17dd-f831-4317-acb8-e3a4c1179a2c\",\"icon\":\"\",\"list\":[]},{\"id\":\"a993f2bd-7790-4682-8c2d-c5ec317670e3\",\"type\":\"url\",\"label\":\"Notion Marketplace\",\"link\":\"https://www.notion.com/@flowstate_os\",\"icon\":\"\",\"list\":[]},{\"id\":\"292f6b63-ab9a-4090-9a69-fef08bdc388b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/about\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::2bf43460-dd8f-4928-a25f-fbf8eca4bf78\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":140,\"fontSize\":16,\"textContent\":\"Flowstateos.co\",\"imageContent\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"Flowstate OS\",\"link\":\"/templates-db/flowstate-os\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::e8555b46-d620-467a-8e34-91bedb887a2e\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"corners\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"1b8de41d-d364-4858-a3b5-47c6265bd843\",\"type\":\"page\",\"label\":\"Templates\",\"link\":\"/templates\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b95d8612-f578-4f2d-bf51-0b08582eec33\",\"icon\":\"\",\"list\":[]},{\"id\":\"784079e2-9a1c-4ba6-84ab-0dbca6d67318\",\"type\":\"page\",\"label\":\"Tools\",\"link\":\"/tools\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::a88cca10-72d7-4f1f-8241-6d7d443b2888\",\"icon\":\"\",\"list\":[]},{\"id\":\"a993f2bd-7790-4682-8c2d-c5ec317670e3\",\"type\":\"url\",\"label\":\"Notion Marketplace\",\"link\":\"https://www.notion.com/@flowstate_os\",\"icon\":\"\",\"list\":[]},{\"id\":\"8216689c-b06c-42f1-91d5-d68a34017213\",\"type\":\"page\",\"label\":\"Template Support\",\"link\":\"/template-support\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::75a7642b-5334-4dfd-b994-6813b35333a0\",\"icon\":\"\",\"list\":[]},{\"id\":\"292f6b63-ab9a-4090-9a69-fef08bdc388b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/about\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::2bf43460-dd8f-4928-a25f-fbf8eca4bf78\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":140,\"fontSize\":16,\"textContent\":\"Flowstateos.co\",\"imageContent\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129
1128c-1da9-4e89-9bd0-37753af02f4b.png\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"youtube\",\"link\":\"https://www.youtube.com/@flowstateos-co\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/flowstateos.co\"}],\"footnote\":\"© 2026 Flowstate. Independently operated and not officially associated with or maintained by Notion.\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.9,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"flex\"},\"header\":{\"coverHeight\":30,\"titleAlign\":\"center\",\"iconAlign\":\"-112px 0 0 0\",\"display\":\"block\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":200,\"coverHeightMedium\":200,\"coverHeightSmall\":128,\"titleSize\":0.875,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Inter\",\"secondaryFont\":\"Inter\",\"fonts\":[],\"baseSize\":16,\"titleSize\":2.5,\"headingSize\":1,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":60,\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"rgba(0, 0, 0, 0.12) 4px 0px 8px -2px\"},\"colors\":{\"light\":{\"text\":\"#37352F\",\"textLight\":\"#7d7c78\",\"background\":\"#ffffff\",\"borderColor\":\"#E9E9E7\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#efefef\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\",\"hoverBackground\":null},\"footer\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#ffffff\",\"cardHoverBackground\":\"#f9f9f8\",\"calendarWeekendBackground\":\"#f7f6f3\"},\"default\":[45,8,20],\"gray\":[36,2,46],\"brown\":[19,31,47],\"orange\":[30,87,45],\"yellow\":[38,62,49],\"green\":[149,31,39],\"blue\":[202,53,43],\"purple\":[274,32,54],\"pink\":[328,48,53],\"red\":[2,62,55],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#292929\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#212121\",\"cardHoverBackground\":\"#292929\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[
11281,69,60]}}},\"code\":{\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[],\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"smallText\":false,\"config\":\"$undefined\",\"pageLocation\":\"/about\",\"passwords\":[],\"styles\":\"\",\"children\":[\"$L39\",\"$L3a\",null]}]\n"])</script>
1128<script>self.__next_f.push([1,"3b:I[618378,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"PageRoot\"]\n3c:I[186656,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"Picture\"]\n3f:I[10042,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"PageDetails\"]\n39:[\"$\",\"main\",null,{\"id\":\"page-about\",\"className\":\"super-content page__about parent-page__index\",\"children\":[null,null,null,[\"$\",\"div\",null,{\"className\":\"notion-header page\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__cover no-cover no-icon\",\"children\":null}],[\"$\",\"div\",null,{\"className\":\"notion-header__content max-width no-cover no-icon\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__title-wrapper\",\"children\":[null,[\"$\",\"h1\",null,{\"className\":\"notion-header__title\",\"children\":\"About\"}]]}],null]}]]}],[[\"$\",\"$L3b\",\"about\",{\"id\":\"about\",\"children\":[[\"$\",\"div\",\"3264d4a52ea880ad9bbac1e8ea551b25,3264d4a52ea880ad9bbac1e8ea551b25\",{\"id\":\"block-3264d4a52ea880ad9bbac1e8ea551b25\",\"className\":\"notion-image align-start normal\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L3c\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public\",\"alt\":\"image\",\"width\":288,\"sizes\":\"$undefined\",\"height\":288,\"style\":{\"height\":\"auto\"},\"priority\":\"$undefined\",\"fullSizeSrc\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public\"}],\"\"]}],[\"$\",\"p\",\"3264d4a52ea8800da3b3f48647bf1aba,3264d4a52ea8800da3b3f48647bf1aba\",{\"id\":\"block-3264d4a52ea8800da3b3f48647bf1aba\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Flowstate by Thomas\",{\"children\":\"Flowstate by Thomas\"}]],\"$undefined\"]}],[\"$\",\"p\",\"3324d4a52ea880aeb1f6d946049639d4,3324d4a52ea880aeb1f6d946049639d4\",{\"id\":\"block-3324d4a52ea880aeb1f6d946049639d4\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-It started as a mess of Apple Notes. In early 2025, I was using it to store everything like ideas, tasks, and workouts, but there was no real structure. I constantly felt overwhelmed and would forget things I needed to do. Everything was scattered and hard to keep up with.\",{\"children\":\"It started as a mess of Apple Notes. In early 2025, I was using it to store everything like ideas, tasks, and workouts, but there was no real structure. I constantly felt overwhelmed and would forget things I needed to do. Everything was scattered and hard to keep up with.\"}]],\"$undefined\"]}],[\"$\",\"div\",\"3324d4a52ea8806e9276f10a88a4adfc,3324d4a52ea8806e9276f10a88a4adfc\",{\"id\":\"block-3324d4a52ea8806e9276f10a88a4adfc\",\"className\":\"notion-text\"}],[\"$\",\"p\",\"3324d4a52ea88052b5ebde9081788011,3324d4a52ea88052b5ebde9081788011\",{\"id\":\"block-3324d4a52ea88052b5ebde9081788011\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Switching to Notion changed that. What started as a simple system to organize my own life quickly turned into something more, a genuine passion for building tools that help others do the same.\",{\"children\":\"Switching to Notion changed that. What started as a simple system to organize my own life quickly turned into something more, a genuine passion for building tools that help others do the same.\"}]],\"$undefined\"]}],[\"$\",\"div\",\"32d4d4a52ea88069a88df6d19c6c7805,32d4d4a52ea88069a88df6d19c6c7805\",{\"id\":\"block-32d4d4a52ea88069a88df6d19c6c7805\",\"className\":\"notion-text\"}],[\"$\",\"p\",\"32d4d4a52ea880348eade065e36e4e68,32d4d4a52ea880348eade065e36e4e68\",{\"id\":\"block-32d4d4a52ea880348eade065e36e4e68\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Today, I use Notion to run everything: work, workouts, finances, and this business. Iâve always been drawn to continuous improvement, inspired by the Japanese philosophy of kaizen. Iâm constantly working to get better in every area of my life, and Notion has become the system that helps me stay organized and track that progress.\",{\"children\":\"Today, I use Notion to run everything: work, workouts, finances, and this business. Iâve always been drawn to continuous improvement, inspired by the Japanese philosophy of kaizen. Iâm constantly working to get better in every area of my life, and Notion has become the system that helps me stay organized and track that progress.\"}]],\"$undefined\"]}],\"$L3d\",\"$L3e\"],\"hasContent\":true,\"parentId\":\"8734d4a52ea882dbbd388147464c7ad7\",\"title\":\"$5:props:records:block:about:title\",\"updatedAt\":1774769652725,\"type\":\"page\",\"spaceId\":\"bb4d9c8f-cf5e-4ae8-afb0-db801fb752dc\",\"createdTime\":1773539827883,\"lastEditedTime\":1774769652725,\"createdBy\":\"$5:props:records:block:about:createdBy\",\"lastEditedBy\":\"$5:props:records:block:about:lastEditedBy\",\"uri\":\"/about\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:about:superProperties\",\"propertyValues\":\"$5:props:records:block:about:propertyValues\",\"blockId\":\"d3d4d4a5-2ea8-8369-b611-01ee19f11fef\",\"isRoot\":true,\"ctx\":{\"head\":{\"url\":\"https://flowstateos.co/about\",\"title\":\"About\",\"description\":\"Flowstate by Thomas\",\"root\":{\"id\":\"1c84d4a52ea882db8b410195ab64e799\",\"uri\":\"/\",\"t
1128itle\":\"Flowstateos.co\",\"icon\":\"/icons/laptop_gray.svg\"},\"image\":null,\"canonical\":null,\"author\":\"Untitled\",\"favicon\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\",\"breadcrumbs\":[{\"id\":\"about\",\"uri\":\"/about\",\"title\":\"About\",\"icon\":null}]},\"settings\":{\"siteId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea\",\"userId\":\"a651d4c8-8cf0-42a8-86af-1678543e3ebe\",\"domainName\":\"flowstateos.co\",\"name\":\"Flowstateos.co\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":\"$5:props:settings:languages\",\"notionPage\":\"1c84d4a52ea882db8b410195ab64e799\",\"indexPageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::ff315dee-68c8-40d2-8c4a-bc53d605057b\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":false,\"loadLimits\":false,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"googleAnalyticsId\":\"G-SLDZQQ05EL\",\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":\"$5:props:settings:navbar\",\"footer\":\"$5:props:settings:footer\",\"sidebar\":\"$5:props:settings:sidebar\",\"theme\":\"$5:props:settings:theme\",\"code\":\"$5:props:settings:code\",\"files\":\"$5:props:settings:files\",\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"records\":\"$5:props:records\",\"pageId\":\"about\"}}]]]}]\n3a:[\"$\",\"$L3f\",null,{\"id\":\"about\",\"children\":\"$5:props:records:block:about:children\",\"hasContent\":true,\"parentId\":\"8734d4a52ea882dbbd388147464c7ad7\",\"title\":\"$5:props:records:block:about:title\",\"updatedAt\":1774769652725,\"type\":\"page\",\"spaceId\":\"bb4d9c8f-cf5e-4ae8-afb0-db801fb752dc\",\"createdTime\":1773539827883,\"lastEditedTime\":1774769652725,\"createdBy\":\"$5:props:records:block:about:createdBy\",\"lastEditedBy\":\"$5:props:records:block:about:lastEditedBy\",\"uri\":\"/about\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:about:superProperties\",\"propertyValues\":\"$5:props:records:block:about:propertyValues\",\"blockId\":\"d3d4d4a5-2ea8-8369-b611-01ee19f11fef\",\"ctx\":\"$39:props:children:4:0:props:ctx\"}]\n"])</script>
1128<script>self.__next_f.push([1,"3d:[\"$\",\"div\",\"32d4d4a52ea880628becc236f3195a49,32d4d4a52ea880628becc236f3195a49\",{\"id\":\"block-32d4d4a52ea880628becc236f3195a49\",\"className\":\"notion-text\"}]\n3e:[\"$\",\"p\",\"32d4d4a52ea880d6886ee8aebd0bf875,32d4d4a52ea880d6886ee8aebd0bf875\",{\"id\":\"block-32d4d4a52ea880d6886ee8aebd0bf875\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Every template I create is something Iâve personally used, tested, and refined. If youâre looking for a simpler, more organized way to stay on top of your life, welcome.\",{\"children\":\"Every template I create is something Iâve personally used, tested, and refined. If youâre looking for a simpler, more organized way to stay on top of your life, welcome.\"}]],\"$undefined\"]}]\n"])</script>
1128<script>self.__next_f.push([1,"8:null\nd:[[\"$\",\"title\",\"0\",{\"children\":\"About\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Flowstate by Thomas\"}],[\"$\",\"meta\",\"2\",{\"name\":\"generator\",\"content\":\"Super\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"About\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Flowstate by Thomas\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://flowstateos.co/about\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"About\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"About\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"Flowstate by Thomas\"}]]\n"])</script>
1128</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.