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="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f151526e-092a-4d04-9bc7-d78fc5c327e0/blackrack_profile_pic_updated/w=1920,quality=90,fit=scale-down 1x"/><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/0sfoew2x6y5k1.js" async=""></script>
1<script src="/_next/static/chunks/10-69h2xev3ek.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-3x85k1y5zz-ep.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/1-tlhqto6-7lg.js" async=""></script>
1<script src="/_next/static/chunks/3cmvik1zogxvy.js" async=""></script>
1<script src="/_next/static/chunks/2ggeb0g51xxjo.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/0tebe-k_4bvw8.js" async=""></script>
1<script src="/_next/static/chunks/08sikk1eypppo.js" async=""></script>
1<script src="/_next/static/chunks/1thlt7ghjj4x5.js" async=""></script>
1<script src="/_next/static/chunks/3_or8blvqwyye.js" async=""></script>
1<link rel="icon" href="https://assets.super.so/86b05d5c-5d85-481e-976f-530fa7349cf6/uploads/favicon/f274418d-533f-496c-a6d6-abf0b0161a47.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"/><title>Revenue Sharing Policy</title><meta name="description" content="BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits."/><meta name="generator" content="Super"/><meta name="robots" content="index, follow"/><meta property="og:title" content="Revenue Sharing Policy"/><meta property="og:description" content="BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits."/><meta property="og:url" content="https://blackrack.ai/revenue-sharing-policy"/><meta property="og:site_name" content="Revenue Sharing Policy"/><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="Revenue Sharing Policy"/><meta name="twitter:description" content="BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits."/>
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 (true && 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>
157<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
157</head><body><div hidden=""><!--$--><!--/$--></div><div class="super-root"><div class="super-content-wrapper"><main id="page-revenue-sharing-policy" class="super-content page__revenue-sharing-policy parent-page__index"><nav class="notion-navbar"><div class="notion-navbar__content"><div class="notion-breadcrumb"><a id="block-169248af32908013acd7ee54c5b9b4fe" href="/" class="notion-link notion-breadcrumb__item has-icon" data-server-link="true" data-link-uri="/"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f151526e-092a-4d04-9bc7-d78fc5c327e0/blackrack_profile_pic_updated/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f151526e-092a-4d04-9bc7-d78fc5c327e0/blackrack_profile_pic_updated/public" style="display:contents"><img alt="All About BlackRack" width="16" height="16" decoding="async" data-nimg="1" class="notion-breadcrumb__icon" style="color:transparent" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f151526e-092a-4d04-9bc7-d78fc5c327e0/blackrack_profile_pic_updated/w=1920,quality=90,fit=scale-down 1x" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f151526e-092a-4d04-9bc7-d78fc5c327e0/blackrack_profile_pic_updated/w=1920,quality=90,fit=scale-down"/></span><div class="notion-navbar__title notion-breadcrumb__title">All About BlackRack</div></a><span class="notion-breadcrumb__divider">/</span><a href="/revenue-sharing-policy" class="notion-link notion-breadcrumb__item has-icon" data-server-link="true" data-link-uri="/revenue-sharing-policy"><div style="font-size:18px;line-height:1">ð</div><div class="notion-navbar__title notion-breadcrumb__title">Revenue Sharing Policy</div></a></div><div class="notion-navbar__actions"><div class="notion-navbar__button super-navbar__theme-toggle"><!--$?--><template id="B:0"></template><div style="width:20px;min-width:20px;height:20px;min-height:20px"></div><!--/$--></div><div class="notion-navbar__button notion-navbar__search"><!--$--><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-search " type="Search"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><!--/$--></div></div></div></nav><div class="notion-header page"><div class="notion-header__cover no-cover has-icon"></div><div class="notion-header__content max-width no-cover has-icon"><div class="notion-header__title-wrapper"><div class="notion-header__icon-wrapper no-cover has-icon"><div>ð</div></div><h1 class="notion-header__title">Revenue Sharing Policy</h1></div></div></div><article id="block-revenue-sharing-policy" class="notion-root max-width"><p id="block-1fc51886f3fb46f98a6d09acf681b59c" class="notion-text notion-text__content notion-semantic-string">BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits.</p><p id="block-b9df6366d9034e81bde2e9ffec105e42" class="notion-text notion-text__content notion-semantic-string">Hereâs everything you need to know about how revenue generated by BlackRack will fuel innovation, strengthen the $RACKS ecosystem, and put value back into your hands.</p><span class="notion-heading__anchor" id="d69f461e67f940d9a3da26692aa6d628"></span><h2 id="block-d69f461e67f940d9a3da26692aa6d628" class="notion-heading notion-semantic-string"><strong>1. When does it start?</strong></h2><p id="block-6873364013e5434399d13fb43de03db2" class="notion-text notion-text__content notion-semantic-string">The Revenue Sharing Policy of BlackRacks officially kicks off on <strong>January 28</strong>! It will happen on the 28th of every month.</p><span class="notion-heading__anchor" id="8b9f8228dddc4385ba0e064dcbac6eee"></span><h2 id="block-8b9f8228dddc4385ba0e064dcbac6eee" class="notion-heading notion-semantic-string"><strong>2. Revenue Allocation Breakdown</strong></h2><ul class="notion-bulleted-list"><li id="block-f69bd79151604c34b7077d17412a563d" class="notion-list-item notion-semantic-string">20% of the revenue will be reserved for <em><strong>
157Infrastructure payments and AI development</strong></em>;</li><li id="block-412d4197173545b4b5ef1c20ae16c1f4" class="notion-list-item notion-semantic-string">30% of the revenue will be used to <em><strong>Buy back $RACKS</strong></em>;</li><li id="block-56879824921846d398f6935c5cc40ba9" class="notion-list-item notion-semantic-string">50% of the revenue will be allocated for <em><strong>Revenue sharing and paid to the $RACKS vault on Mesh</strong></em>, where holders can stake and reap rewards.</li></ul><span class="notion-heading__anchor" id="a58f15efaf5b4577855797dbc1e0dfce"></span><h2 id="block-a58f15efaf5b4577855797dbc1e0dfce" class="notion-heading notion-semantic-string"><strong>3. Details About the $RACKS Vault</strong></h2><ul class="notion-bulleted-list"><li id="block-075f7786b5f74f26b9b3f370f6051734" class="notion-list-item notion-semantic-string">Unstaking Period: The $RACKS Vault is configured with a 60-day unstaking period to ensure stability while rewarding long-term holders;</li><li id="block-1dd188b36a6a47e1af5d883a6caef663" class="notion-list-item notion-semantic-string">Limited-Time Offer: Users can claim $RACKS with no unstaking period until January 27;</li><li id="block-6c7eb7a4f05447a2b302ac678e64c328" class="notion-list-item notion-semantic-string">Vault Access Link: <a href="https://mesh.distilled.ai/staking?token=D7yP4ycfsRWUGYionGpi64sLF2ddZ2JXxuRAti2M7uck" class="notion-link link" target="_blank" rel="noopener noreferrer">Stake to Earn Now</a></li></ul><span class="notion-heading__anchor" id="5c2c819b575243f0bea918b6db24308a"></span><h2 id="block-5c2c819b575243f0bea918b6db24308a" class="notion-heading notion-semantic-string"><strong>4. $RACKSâs Current Portfolio Snapshot </strong><em><strong>(as of Jan 22)</strong></em></h2><ul class="notion-bulleted-list"><li id="block-b157139dcca04affadba062924e7497e" class="notion-list-item notion-semantic-string">Portfolio Value: $2,938,936.08</li><li id="block-d3beb31fe53c4af8828e26040f9676ea" class="notion-list-item notion-semantic-string">Earnings (Management + Performance Fees): $439,287.22</li><li id="block-0a8ab4ac85d74e94b5f957b335da289f" class="notion-list-item notion-semantic-string">Revenue Allocation demonstration:</li><ul class="notion-bulleted-list"><li id="block-aba81a915c3949dfb61fbeed7a859aee" class="notion-list-item notion-semantic-string"><em><strong>Infrastructure & AI development</strong></em>: $87,857.444</li><li id="block-1c2c893bd218444b8fb46dd3cd777919" class="notion-list-item notion-semantic-string"><em><strong>Buy backs $RACKS</strong></em>: $131,786.166</li><li id="block-f62d5ae119ce498c810b6735ba1360d6" class="notion-list-item notion-semantic-string"><em><strong>Revenue Sharing and paid to $RACKS vault on Mesh</strong></em>: $219,643.61</li><div id="block-95269b69a21e4d38938f0dfe86a74d08" class="notion-text"></div></ul></ul><p id="block-103cbc47b85e4d74a7fdaeb83ef662fc" class="notion-text notion-text__content notion-semantic-string">ð¡ <strong>Example in Action</strong>: If you are staking $RACKS in the vault, your share of the <strong>$219,643.61 </strong>allocation will depend on your staked amount and the total vault balance.</p><p id="block-d04dfde92fbe431887001bd0bc000987" class="notion-text notion-text__content notion-semantic-string">This breakdown provides clarity on how revenue is distributed, ensuring transparency and alignment with BlackRackâs goals.</p><div id="block-150a67a0c0734d1eb0c43503b03caac8" class="notion-divider"></div><div id="block-50300c48a0c04eb7b3a256e5e1a6b457" class="notion-callout color-default border"><div class="notion-callout__icon"><span class="notion-icon text" style="width:20px;height:20px;font-size:20px;
157fill:var(--color-text-default-light)">ð</span></div><div class="notion-callout__content"><span class="notion-semantic-string"></span><p id="block-b78fc67868bc455badc8ddff29903279" class="notion-text notion-text__content notion-semantic-string"><strong><a href="/racks-tokenomics" class="notion-link link" data-server-link="true" data-link-uri="/racks-tokenomics">NEXT</a></strong></p></div></div></article></main><style> 158 html { 159 font-size: 16px; 160 } 161 162 163 </style><!--$--><!--/$--></div></div><style> 164 165 html.theme-dark { 166 /* Gray */ 167 --gray-h: 0; 168 --gray-s: 0%; 169 --gray-l: 61%; 170 --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l)); 171 --color-text-gray: var(--color-gray); 172 --color-bg-gray: hsl( 173 var(--gray-h), 174 var(--gray-s), 175 14.5% 176 ); 177 --color-bg-gray-light: hsl( 178 var(--gray-h), 179 var(--gray-s), 180 14.5% 181 ); 182 --color-pill-gray: hsl( 183 var(--gray-h), 184 var(--gray-s), 185 35% 186 ); 187 --color-pill-text-gray: hsl( 188 var(--gray-h), 189 var(--gray-s), 190 calc(var(--gray-l) + 26%) 191 ); 192 --color-bg-form-btn-gray: #A7A39A; 193 194 /* Brown */ 195 --brown-h: 18; 196 --brown-s: 35%; 197 --brown-l: 58%; 198 --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l)); 199 --color-text-brown: var(--color-brown); 200 --color-bg-brown: hsl( 201 var(--brown-h), 202 calc(var(--brown-s) - 7%), 203 22% 204 ); 205 --color-bg-brown-light: hsl( 206 calc(var(--brown-h) - 2), 207 calc(var(--brown-s) - 22%), 208 16% 209 ); 210 --color-pill-brown: hsl( 211 var(--brown-h), 212 calc(var(--brown-s) + 2%), 213 27% 214 ); 215 --color-pill-text-brown: hsl( 216 var(--brown-h), 217 calc(var(--brown-s) - 21%), 218 calc(var(--brown-l) + 33%) 219 ); 220 --color-bg-form-btn-brown: #9A6851; 221 222 /* Orange */ 223 --orange-h: 25; 224 --orange-s: 54%; 225 --orange-l: 53%; 226 --color-orange: hsl( 227 var(--orange-h), 228 var(--orange-s), 229 var(--orange-l) 230 ); 231 --color-text-orange: var(--color-orange); 232 --color-bg-orange: hsl( 233 var(--orange-h), 234 calc(var(--orange-s) - 10%), 235 25% 236 ); 237 --color-bg-orange-light: hsl( 238 var(--orange-h), 239 calc(var(--orange-s) - 30%), 240 17% 241 ); 242 --color-pill-orange: hsl( 243 var(--orange-h), 244 calc(var(--orange-s) + 9%), 245 32% 246 ); 247 --color-pill-text-orange: hsl( 248 var(--orange-h), 249 calc(var(--orange-s) - 23%), 250 calc(var(--orange-l) + 33%) 251 ); 252 --color-bg-form-btn-orange: #D9730D; 253 254 /* Yellow */ 255 --yellow-h: 38; 256 --yellow-s: 54%; 257 --yellow-l: 54%; 258 --color-yellow: hsl( 259 var(--yellow-h), 260 var(--yellow-s), 261 var(--yellow-l) 262 ); 263 --color-text-yellow: var(--color-yellow); 264 --color-bg-yellow: hsl( 265 var(--yellow-h), 266 calc(var(--yellow-s) - 18%), 267 25% 268 ); 269 --color-bg-yellow-light: hsl( 270 var(--yellow-h), 271 calc(var(--yellow-s) - 24%), 272 17% 273 ); 274 --color-pill-yellow: hsl( 275 calc(var(--yellow-h) - 1), 276 calc(var(--yellow-s) + 2%), 277 35% 278 ); 279 --color-pill-text-yellow: hsl( 280 var(--yellow-h), 281 calc(var(--yellow-s) - 28%), 282 calc(var(--yellow-l) + 33%) 283 ); 284 --color-bg-form-btn-yellow: #CA922F; 285 286 /* Green */ 287 --green-h: 146; 288 --green-s: 32%; 289 --green-l: 47%; 290 --color-green: hsl(var(--green-h), var(--green-s), var(--green-l)); 291 --color-text-green: var(--color-green); 292 --color-bg-green: hsl( 293 calc(var(--green-h) + 3), 294 calc(var(--green-s) - 6%), 295 19% 296 ); 297 --color-bg-green-light: hsl( 298 var(--green-h), 299 calc(var(--green-s) - 20%), 300 15% 301 ); 302 --color-pill-green: hsl( 303 calc(var(--green-h) + 1), 304 calc(var(--green-s) + 3%), 305 26% 306 ); 307 --color-pill-text-green: hsl( 308 var(--green-h), 309 calc(var(--green-s) - 20%), 310 calc(var(--green-l) + 38%) 311 ); 312 --color-bg-form-btn-green: #448361; 313 314 /* Blue */ 315 --blue-h: 217; 316 --blue-s: 50%; 317 --blue-l: 58%; 318 --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l)); 319 --color-text-blue: var(--color-blue); 320 --color-bg-blue: hsl( 321 calc(var(--blue-h) - 16), 322 calc(var(--blue-s) + 9%), 323 19% 324 ); 325 --color-bg-blue-light: hsl( 326 calc(var(--blue-h) + 16), 327 calc(var(--blue-s) - 27%), 328 15% 329 ); 330 --color-pill-blue: hsl( 331 calc(var(--blue-h) - 3), 332 calc(var(--blue-s) - 6%), 333 29% 334 ); 335 --color-pill-text-blue: hsl( 336 calc(var(--blue-h) - 5), 337 calc(var(--blue-s) - 32%), 338 calc(var(--blue-l) + 28%) 339 ); 340 --color-bg-form-btn-blue: #327DA9; 341 342 /* Purple */ 343 --purple-h: 270; 344 --purple-s: 55%; 345 --purple-l: 62%; 346 --color-purple: hsl( 347 var(--purple-h), 348 var(--purple-s), 349 var(--purple-l) 350 ); 351 --color-text-purple: var(--color-purple); 352 --color-bg-purple: hsl( 353 calc(var(--purple-h) + 2),
354 calc(var(--purple-s) - 31%), 355 23% 356 ); 357 --color-bg-purple-light: hsl( 358 calc(var(--purple-h) + 5), 359 calc(var(--purple-s) - 40%), 360 17% 361 ); 362 --color-pill-purple: hsl( 363 var(--purple-h), 364 calc(var(--purple-s) - 19%), 365 29% 366 ); 367 --color-pill-text-purple: hsl( 368 calc(var(--purple-h) - 3), 369 calc(var(--purple-s) - 40%), 370 calc(var(--purple-l) + 24%) 371 ); 372 --color-bg-form-btn-purple: #8F64AF; 373 374 /* Pink */ 375 --pink-h: 329; 376 --pink-s: 57%; 377 --pink-l: 58%; 378 --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l)); 379 --color-text-pink: var(--color-pink); 380 --color-bg-pink: hsl( 381 calc(var(--pink-h) + 3), 382 calc(var(--pink-s) - 29%), 383 24% 384 ); 385 --color-bg-pink-light: hsl( 386 calc(var(--pink-h) + 5), 387 calc(var(--pink-s) - 40%), 388 16% 389 ); 390 --color-pill-pink: hsl( 391 calc(var(--pink-h) - 2), 392 calc(var(--pink-s) - 21%), 393 30% 394 ); 395 --color-pill-text-pink: hsl( 396 calc(var(--pink-h) + 4), 397 calc(var(--pink-s) - 41%), 398 calc(var(--pink-l) + 28%) 399 ); 400 --color-bg-form-btn-pink: #C24C8B; 401 402 /* Red */ 403 --red-h: 1; 404 --red-s: 69%; 405 --red-l: 60%; 406 --color-red: hsl(var(--red-h), var(--red-s), var(--red-l)); 407 --color-text-red: var(--color-red); 408 --color-bg-red: hsl( 409 calc(var(--red-h) + 5), 410 calc(var(--red-s) - 37%), 411 24% 412 ); 413 --color-bg-red-light: hsl( 414 calc(var(--red-h) + 5), 415 calc(var(--red-s) - 56%), 416 17% 417 ); 418 --color-pill-red: hsl( 419 calc(var(--red-h) + 5), 420 calc(var(--red-s) - 30%), 421 31% 422 ); 423 --color-pill-text-red: hsl( 424 calc(var(--red-h) + 7), 425 calc(var(--red-s) - 50%), 426 calc(var(--red-l) + 24%) 427 ); 428 --color-bg-form-btn-red: #D44E49; 429 430 /*Default*/ 431 --default-h: 45; 432 --default-s: 8%; 433 --default-l: 20%; 434 --color-default: hsl( 435 var(--default-h), 436 var(--default-s), 437 var(--default-l) 438 ); 439 --color-pill-default: hsl( 440 var(--default-h), 441 var(--default-s), 442 -19% 443 ); 444 --color-pill-text-default: hsl( 445 var(--default-h), 446 var(--default-s), 447 calc(var(--default-l) + 23%) 448 ); 449 --color-bg-form-btn-default: #55534E; 450 451 /*Other*/ 452 --color-text-default: #e1e1e1; 453 --color-text-default-light: #9b9b9b; 454 --color-bg-default: #191919; 455 --color-border-default: #373737; 456 --color-border-dark: var(--color-border-default); 457 --color-ui-hover-bg: #262626; 458 --color-card-bg: #262626; 459 --color-card-bg-hover: #2f2f2f; 460 --color-calendar-weekend-bg: #202020; 461 --color-checkbox-bg: #2EAADC; 462 --color-code-bg: rgba(135,131,120,.15); 463 464 /*Scrollbar*/ 465 --scrollbar-background-color: #FAFAFA; 466 --scrollbar-thumb-color: #C1C1C1; 467 --scrollbar-border-color: #E8E8E8; 468 469 /*Navbar*/ 470 --navbar-text-color: #e1e1e1; 471 --navbar-list-item-hover: rgba(255,255,255,.2); 472 --navbar-background-color: #191919; 473 --navbar-background-color-hover: #282828; 474 --navbar-button-text-color: #191919; 475 --navbar-button-background-color: #e1e1e1; 476 --navbar-menu-background-color: var(--navbar-background-color); 477 --navbar-text-color-dark: #d2d2d2; 478 479 /*Footer*/ 480 --footer-text-color: #e1e1e1; 481 --footer-background-color: #191919; 482 483 /*Sidebar*/ 484 --sidebar-text-color: #e1e1e1; 485 --sidebar-cta-text-color: #e1e1e1; 486 --sidebar-background-color: #191919; 487 --sidebar-cta-background-color: #191919; 488 --sidebar-border-color: #373737; 489 --sidebar-background-color-hover: #262626; 490 --sidebar-text-color-dark: #d2d2d2; 491 --sidebar-cta-background-color-hover: #262626; 492 } 493 494 /* Calendar for dark mode */ 495 html.theme-dark .notion-collection-calendar__row { 496 box-shadow: var(--color-border-default) -1px 0px 0px; 497 } 498 499 html.theme-dark .notion-collection-calendar__week-days { 500 box-shadow: var(--color-border-default) 0px 1px 0px; 501 } 502 503 html.theme-dark .notion-collection-calendar__date { 504 border-right: 1px solid var(--color-border-default); 505 border-bottom: 1px solid var(--color-border-default); 506 } 507 508 509 /** 510 * One Dark theme for prism.js 511 * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax 512 */ 513 514 /** 515 * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018) 516 * From colors.less 517 * --mono-1: hsl(220, 14%, 71%); 518 * --mono-2: hsl(220, 9%, 55%); 519 * --mono-3: hsl(220, 10%, 40%); 520 * --hue-1: hsl(187, 47%, 55%); 521 * --hue-2: hsl(207, 82%, 66%); 522 * --hue-3: hsl(286, 60%, 67%); 523 * --hue-4: hsl(95, 38%, 62%); 524 * --hue-5: hsl(355, 65%, 65%); 525 * --hue-5-2: hsl(5, 48%, 51%); 526 * --hue-6: hsl(29, 54%, 61%); 527 * --hue-6-2: hsl(39, 67%, 69%); 528 * --syntax-fg: hsl(220, 14%, 71%); 529 * --syntax-bg: hsl(220, 13%, 18%); 530 * --syntax-gutter: hsl(220, 14%, 45%); 531 * --syntax-guide: hsla(220, 14%, 71%, 0.15); 532 * --syntax-accent: hsl(220, 100%, 66%); 533 * From syntax-variables.less 534 * --syntax-selection-color: hsl(220, 13%, 28%); 535 * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%); 536 * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04); 537 */ 538 539 html.theme-dark code[class*="language-"], 540 html.theme-dark pre[class*="language-"] { 541 background: hsl(220, 13%, 18%); 542 color: hsl(220, 14%, 71%); 543 text-shadow: 0 1px rgba(0, 0, 0, 0.3);
544 font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace; 545 direction: ltr; 546 text-align: left; 547 white-space: pre; 548 word-spacing: normal; 549 word-break: normal; 550 line-height: 1.5; 551 -moz-tab-size: 2; 552 -o-tab-size: 2; 553 tab-size: 2; 554 -webkit-hyphens: none; 555 -moz-hyphens: none; 556 -ms-hyphens: none; 557 hyphens: none; 558 } 559 560 /* Selection */ 561 html.theme-dark code[class*="language-"]::-moz-selection, 562 html.theme-dark code[class*="language-"] *::-moz-selection, 563 html.theme-dark pre[class*="language-"] *::-moz-selection { 564 background: hsl(220, 13%, 28%); 565 color: inherit; 566 text-shadow: none; 567 } 568 569 html.theme-dark code[class*="language-"]::selection, 570 html.theme-dark code[class*="language-"] *::selection, 571 html.theme-dark pre[class*="language-"] *::selection { 572 background: hsl(220, 13%, 28%); 573 color: inherit; 574 text-shadow: none; 575 } 576 577 /* Code blocks */ 578 html.theme-dark pre[class*="language-"] { 579 padding: 1em; 580 margin: 0.5em 0; 581 overflow: auto; 582 border-radius: 0.3em; 583 } 584 585 /* Inline code */ 586 html.theme-dark :not(pre) > code[class*="language-"] { 587 padding: 0.2em 0.3em; 588 border-radius: 0.3em; 589 white-space: normal; 590 } 591 592 /* Print */ 593 @media print { 594 html.theme-dark code[class*="language-"], 595 html.theme-dark pre[class*="language-"] { 596 text-shadow: none; 597 } 598 } 599 600 html.theme-dark .token.comment, 601 html.theme-dark .token.prolog, 602 html.theme-dark .token.cdata { 603 color: hsl(220, 10%, 40%); 604 } 605 606 html.theme-dark .token.doctype, 607 html.theme-dark .token.punctuation, 608 html.theme-dark .token.entity { 609 color: hsl(220, 14%, 71%); 610 } 611 612 html.theme-dark .token.attr-name, 613 html.theme-dark .token.class-name, 614 html.theme-dark .token.boolean, 615 html.theme-dark .token.constant, 616 html.theme-dark .token.number, 617 html.theme-dark .token.atrule { 618 color: hsl(29, 54%, 61%); 619 } 620 621 html.theme-dark .token.keyword { 622 color: hsl(286, 60%, 67%); 623 } 624 625 html.theme-dark .token.property, 626 html.theme-dark .token.tag, 627 html.theme-dark .token.symbol, 628 html.theme-dark .token.deleted, 629 html.theme-dark .token.important { 630 color: hsl(355, 65%, 65%); 631 } 632 633 html.theme-dark .token.selector, 634 html.theme-dark .token.string, 635 html.theme-dark .token.char, 636 html.theme-dark .token.builtin, 637 html.theme-dark .token.inserted, 638 html.theme-dark .token.regex, 639 html.theme-dark .token.attr-value, 640 html.theme-dark .token.attr-value > .token.punctuation { 641 color: hsl(95, 38%, 62%); 642 } 643 644 html.theme-dark .token.variable, 645 html.theme-dark .token.operator, 646 html.theme-dark .token.function { 647 color: hsl(207, 82%, 66%); 648 } 649 650 html.theme-dark .token.url { 651 color: hsl(187, 47%, 55%); 652 } 653 654 /* HTML overrides */ 655 html.theme-dark .token.attr-value > .token.punctuation.attr-equals, 656 html.theme-dark .token.special-attr > .token.attr-value > .token.value.css { 657 color: hsl(220, 14%, 71%); 658 } 659 660 /* CSS overrides */ 661 html.theme-dark .language-css .token.selector { 662 color: hsl(355, 65%, 65%); 663 } 664 665 html.theme-dark .language-css .token.property { 666 color: hsl(220, 14%, 71%); 667 } 668 669 html.theme-dark .language-css .token.function, 670 html.theme-dark .language-css .token.url > .token.function { 671 color: hsl(187, 47%, 55%); 672 } 673 674 html.theme-dark .language-css .token.url > .token.string.url { 675 color: hsl(95, 38%, 62%); 676 } 677 678 html.theme-dark .language-css .token.important, 679 html.theme-dark .language-css .token.atrule .token.rule { 680 color: hsl(286, 60%, 67%); 681 } 682 683 /* JS overrides */ 684 html.theme-dark .language-javascript .token.operator { 685 color: hsl(286, 60%, 67%); 686 } 687 688 html.theme-dark .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation { 689 color: hsl(5, 48%, 51%); 690 } 691 692 /* JSON overrides */ 693 html.theme-dark .language-json .token.operator { 694 color: hsl(220, 14%, 71%); 695 } 696 697 html.theme-dark .language-json .token.null.keyword { 698 color: hsl(29, 54%, 61%); 699 } 700 701 /* MD overrides */ 702 html.theme-dark .language-markdown .token.url, 703 html.theme-dark .language-markdown .token.url > .token.operator, 704 html.theme-dark .language-markdown .token.url-reference.url > .token.string { 705 color: hsl(220, 14%, 71%); 706 } 707 708 html.theme-dark .language-markdown .token.url > .token.content { 709 color: hsl(207, 82%, 66%); 710 } 711 712 html.theme-dark .language-markdown .token.url > .token.url, 713 html.theme-dark .language-markdown .token.url-reference.url { 714 color: hsl(187, 47%, 55%); 715 } 716 717 html.theme-dark .language-markdown .token.blockquote.punctuation, 718 html.theme-dark .language-markdown .token.hr.punctuation { 719 color: hsl(220, 10%, 40%); 720 font-style: italic; 721 } 722 723 html.theme-dark .language-markdown .token.code-snippet { 724 color: hsl(95, 38%, 62%); 725 } 726 727 html.theme-dark .language-markdown .token.bold .token.content { 728 color: hsl(29, 54%, 61%); 729 } 730 731 html.theme-dark .language-markdown .token.italic .token.content { 732 color: hsl(286, 60%, 67%); 733 } 734 735 html.theme-dark .language-markdown .token.strike .token.content, 736 html.theme-dark .language-markdown .token.strike .token.punctuation, 737 html.theme-dark .language-markdown .token.list.punctuation, 738 html.theme-dark .language-markdown .token.title.important > .token.punctuation { 739 color: hsl(355, 65%, 65%); 740 } 741 742 /* General */ 743 html.theme-dark .token.bold { 744 font-weight: bold; 745 } 746 747 html.theme-dark .token.comment, 748 html.theme-dark .token.italic { 749 font-style: italic; 750 } 751 752 html.theme-dark .token.entity { 753 cursor: help; 754 } 755 756 html.theme-dark .token.namespace { 757 opacity: 0.8; 758 } 759 760 /* Plugin overrides */
761 /* Selectors should have higher specificity than those in the plugins' default stylesheets */ 762 763 /* Show Invisibles plugin overrides */ 764 html.theme-dark .token.token.tab:not(:empty):before, 765 html.theme-dark .token.token.cr:before, 766 html.theme-dark .token.token.lf:before, 767 html.theme-dark .token.token.space:before { 768 color: hsla(220, 14%, 71%, 0.15); 769 text-shadow: none; 770 } 771 772 /* Toolbar plugin overrides */ 773 /* Space out all buttons and move them away from the right edge of the code block */ 774 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item { 775 margin-right: 0.4em; 776 } 777 778 /* Styling the buttons */ 779 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button, 780 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a, 781 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span { 782 background: hsl(220, 13%, 26%); 783 color: hsl(220, 9%, 55%); 784 padding: 0.1em 0.4em; 785 border-radius: 0.3em; 786 } 787 788 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover, 789 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus, 790 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover, 791 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus, 792 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover, 793 html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus { 794 background: hsl(220, 13%, 28%); 795 color: hsl(220, 14%, 71%); 796 } 797 798 /* Line Highlight plugin overrides */ 799 /* The highlighted line itself */ 800 html.theme-dark .line-highlight.line-highlight { 801 background: hsla(220, 100%, 80%, 0.04); 802 } 803 804 /* Default line numbers in Line Highlight plugin */ 805 html.theme-dark .line-highlight.line-highlight:before, 806 html.theme-dark .line-highlight.line-highlight[data-end]:after { 807 background: hsl(220, 13%, 26%); 808 color: hsl(220, 14%, 71%); 809 padding: 0.1em 0.6em; 810 border-radius: 0.3em; 811 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */ 812 } 813 814 /* Hovering over a linkable line number (in the gutter area) */ 815 /* Requires Line Numbers plugin as well */ 816 html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before { 817 background-color: hsla(220, 100%, 80%, 0.04); 818 } 819 820 /* Line Numbers and Command Line plugins overrides */ 821 /* Line separating gutter from coding area */ 822 html.theme-dark .line-numbers.line-numbers .line-numbers-rows, 823 html.theme-dark .command-line .command-line-prompt { 824 border-right-color: hsla(220, 14%, 71%, 0.15); 825 } 826 827 /* Stuff in the gutter */ 828 html.theme-dark .line-numbers .line-numbers-rows > span:before, 829 html.theme-dark .command-line .command-line-prompt > span:before { 830 color: hsl(220, 14%, 45%); 831 } 832 833 /* Match Braces plugin overrides */ 834 /* Note: Outline colour is inherited from the braces */ 835 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1, 836 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5, 837 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 { 838 color: hsl(355, 65%, 65%); 839 } 840 841 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2, 842 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6, 843 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 { 844 color: hsl(95, 38%, 62%); 845 } 846 847 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3, 848 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7, 849 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 { 850 color: hsl(207, 82%, 66%); 851 } 852 853 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4, 854 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8, 855 html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 { 856 color: hsl(286, 60%, 67%); 857 } 858 859 /* Diff Highlight plugin overrides */ 860 /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */ 861 html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix), 862 html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) { 863 background-color: hsla(353, 100%, 66%, 0.15); 864 } 865 866 html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, 867 html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, 868 html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, 869 html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection { 870 background-color: hsla(353, 95%, 66%, 0.25); 871 } 872 873 html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection, 874 html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection, 875 html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection, 876 html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection { 877 background-color: hsla(353, 95%, 66%, 0.25); 878 } 879 880 html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix), 881 html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) { 882 background-color: hsla(137, 100%, 55%, 0.15); 883 } 884 885 html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, 886 html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, 887 html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, 888 html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection { 889 background-color: hsla(135, 73%, 55%, 0.25); 890 } 891 892 html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection, 893 html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection, 894 html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection, 895 html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection { 896 background-color: hsla(135, 73%, 55%, 0.25); 897 } 898 899 /* Previewers plugin overrides */ 900 /* 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 */ 901 /* Border around popup */ 902 html.theme-dark .prism-previewer.prism-previewer:before, 903 html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div { 904 border-color: hsl(224, 13%, 17%); 905 } 906 907 /* Angle and time should remain as circles and are hence not included */ 908 html.theme-dark .prism-previewer-color.prism-previewer-color:before, 909 html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div, 910 html.theme-dark .prism-previewer-easing.prism-previewer-easing:before { 911 border-radius: 0.3em; 912 } 913 914 /* Triangles pointing to the code */ 915 html.theme-dark .prism-previewer.prism-previewer:after { 916 border-top-color: hsl(224, 13%, 17%); 917 } 918 919 html.theme-dark .prism-previewer-flipped.prism-previewer-flipped.after { 920 border-bottom-color: hsl(224, 13%, 17%); 921 } 922
923 /* Background colour within the popup */ 924 html.theme-dark .prism-previewer-angle.prism-previewer-angle:before, 925 html.theme-dark .prism-previewer-time.prism-previewer-time:before, 926 html.theme-dark .prism-previewer-easing.prism-previewer-easing { 927 background: hsl(219, 13%, 22%); 928 } 929 930 /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */ 931 /* For time, this is the alternate colour */ 932 html.theme-dark .prism-previewer-angle.prism-previewer-angle circle, 933 html.theme-dark .prism-previewer-time.prism-previewer-time circle { 934 stroke: hsl(220, 14%, 71%); 935 stroke-opacity: 1; 936 } 937 938 /* Stroke colours of the handle, direction point, and vector itself */ 939 html.theme-dark .prism-previewer-easing.prism-previewer-easing circle, 940 html.theme-dark .prism-previewer-easing.prism-previewer-easing path, 941 html.theme-dark .prism-previewer-easing.prism-previewer-easing line { 942 stroke: hsl(220, 14%, 71%); 943 } 944 945 /* Fill colour of the handle */ 946 html.theme-dark .prism-previewer-easing.prism-previewer-easing circle { 947 fill: transparent; 948 } 949 950 951 html.theme-light { 952 /* Gray */ 953 --gray-h: 36; 954 --gray-s: 2%; 955 --gray-l: 46%; 956 --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l)); 957 --color-text-gray: var(--color-gray); 958 --color-bg-gray: hsl( 959 var(--gray-h), 960 var(--gray-s), 961 90% 962 ); 963 --color-bg-gray-light: var(--color-bg-gray); 964 --color-pill-gray: hsl( 965 calc(var(--gray-h) + 14), 966 var(--gray-s), 967 88% 968 ); 969 --color-pill-text-gray: hsl( 970 var(--gray-h), 971 var(--gray-s), 972 calc(var(--gray-l) - 28%) 973 ); 974 --color-bg-form-btn-gray: #A7A39A; 975 976 /* Brown */ 977 --brown-h: 19; 978 --brown-s: 31%; 979 --brown-l: 47%; 980 --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l)); 981 --color-text-brown: var(--color-brown); 982 --color-bg-brown: hsl( 983 var(--brown-h), 984 var(--brown-s), 985 90% 986 ); 987 --color-bg-brown-light: var(--color-bg-brown); 988 --color-pill-brown: hsl( 989 var(--brown-h), 990 calc(var(--brown-s) + 10%), 991 89% 992 ); 993 --color-pill-text-brown: hsl( 994 var(--brown-h), 995 calc(var(--brown-s) + 10%), 996 calc(var(--brown-l) - 28%) 997 ); 998 --color-bg-form-btn-brown: #9A6851; 999 1000 /* Orange */ 1001 --orange-h: 30; 1002 --orange-s: 87%; 1003 --orange-l: 45%; 1004 --color-orange: hsl( 1005 var(--orange-h), 1006 var(--orange-s), 1007 var(--orange-l) 1008 ); 1009 --color-text-orange: var(--color-orange); 1010 --color-bg-orange: hsl( 1011 var(--orange-h), 1012 var(--orange-s), 1013 90% 1014 ); 1015 --color-bg-orange-light: var(--color-bg-orange); 1016 --color-pill-orange: hsl( 1017 var(--orange-h), 1018 calc(var(--orange-s) - 6%), 1019 87% 1020 ); 1021 --color-pill-text-orange: hsl( 1022 calc(var(--orange-h) - 5), 1023 calc(var(--orange-s) - 18%), 1024 calc(var(--orange-l) - 28%) 1025 ); 1026 --color-bg-form-btn-orange: #D9730D; 1027 1028 /* Yellow */ 1029 --yellow-h: 38; 1030 --yellow-s: 62%; 1031 --yellow-l: 49%; 1032 --color-yellow: hsl( 1033 var(--yellow-h), 1034 var(--yellow-s), 1035 var(--yellow-l) 1036 ); 1037 --color-text-yellow: var(--color-yellow); 1038 --color-bg-yellow: hsl( 1039 var(--yellow-h), 1040 calc(var(--yellow-s) + 90%), 1041 90% 1042 ); 1043 --color-bg-yellow-light: var(--color-bg-yellow); 1044 --color-pill-yellow: hsl( 1045 calc(var(--yellow-h) + 3), 1046 calc(var(--yellow-s) + 24%), 1047 90% 1048 ); 1049 --color-pill-text-yellow: hsl( 1050 calc(var(--yellow-h) - 11), 1051 calc(var(--yellow-s) - 22%), 1052 calc(var(--yellow-l) - 28%) 1053 ); 1054 --color-bg-form-btn-yellow: #CA922F; 1055 1056 /* Green */ 1057 --green-h: 149; 1058 --green-s: 31%; 1059 --green-l: 39%; 1060 --color-green: hsl(var(--green-h), var(--green-s), var(--green-l)); 1061 --color-text-green: var(--color-green); 1062 --color-bg-green: hsl( 1063 var(--green-h), 1064 var(--green-s), 1065 90% 1066 ); 1067 --color-bg-green-light: var(--color-bg-green); 1068 --color-pill-green: hsl( 1069 calc(var(--green-h) - 28), 1070 calc(var(--green-s) + 3%), 1071 89% 1072 ); 1073 --color-pill-text-green: hsl( 1074 calc(var(--green-h) - 2), 1075 var(--green-s), 1076 calc(var(--green-l) - 22%) 1077 ); 1078 --color-bg-form-btn-green: #448361; 1079 1080 /* Blue */ 1081 --blue-h: 202; 1082 --blue-s: 53%; 1083 --blue-l: 43%; 1084 --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l)); 1085 --color-text-blue: var(--color-blue); 1086 --color-bg-blue: hsl( 1087 var(--blue-h), 1088 var(--blue-s), 1089 90% 1090 ); 1091 --color-bg-blue-light: var(--color-bg-blue); 1092 --color-pill-blue: hsl( 1093 var(--blue-h), 1094 calc(var(--blue-s) - 5%), 1095 85% 1096 ); 1097 --color-pill-text-blue: hsl( 1098 calc(var(--blue-h) + 7), 1099 calc(var(--blue-s) - 6%), 1100 calc(var(--blue-l) - 22%) 1101 ); 1102 --color-bg-form-btn-blue: #327DA9; 1103 1104 /* Purple */ 1105 --purple-h: 274; 1106 --purple-s: 32%; 1107 --purple-l: 54%; 1108 --color-purple: hsl( 1109 var(--purple-h), 1110 var(--purple-s), 1111 var(--purple-l) 1112 ); 1113 --color-text-purple: var(--color-purple); 1114 --color-bg-purple: hsl( 1115 var(--purple-h), 1116 var(--purple-s), 1117 90% 1118 ); 1119 --color-bg-purple-light: var(--color-bg-purple); 1120 --color-pill-purple: hsl( 1121 var(--purple-h), 1122 calc(var(--purple-s) + 5%), 1123 90% 1124 ); 1125 --color-pill-text-purple: hsl( 1126 calc(var(--purple-h) + 1), 1127 calc(var(--purple-s) + 10%), 1128 calc(var(--purple-l) - 31%) 1129 ); 1130 --color-bg-form-btn-purple: #8F64AF; 1131 1132 /* Pink */ 1133 --pink-h: 328; 1134 --pink-s: 48%; 1135 --pink-l: 53%; 1136 --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l)); 1137 --color-text-pink: var(--color-pink); 1138 --color-bg-pink: hsl( 1139 var(--pink-h), 1140 var(--pink-s), 1141 90% 1142 ); 1143 --color-bg-pink-light: var(--color-bg-pink); 1144 --color-pill-pink: hsl( 1145 var(--pink-h), 1146 var(--pink-s), 1147 90% 1148 ); 1149 --color-pill-text-pink: hsl( 1150 calc(var(--pink-h) + 3), 1151 calc(var(--pink-s) - 14%), 1152 calc(var(--pink-l) - 31%) 1153 ); 1154 --color-bg-form-btn-pink: #C24C8B; 1155 1156 /* Red */ 1157 --red-h: 2; 1158 --red-s: 62%; 1159 --red-l: 55%; 1160 --color-red: hsl(var(--red-h), var(--red-s), var(--red-l)); 1161 --color-text-red: var(--color-red); 1162 --color-bg-red: hsl( 1163 var(--red-h), 1164 var(--red-s), 1165 90% 1166 ); 1167 --color-bg-red-light: var(--color-bg-red); 1168 --color-pill-red: hsl( 1169 calc(var(--red-h) + 6), 1170 calc(var(--red-s) + 42%), 1171 90% 1172 ); 1173 --color-pill-text-red: hsl( 1174 calc(var(--red-h) + 0), 1175 var(--red-s), 1176 calc(var(--red-l) - 32%) 1177 ); 1178 --color-bg-form-btn-red: #D44E49; 1179 1180 /*Default*/ 1181 --default-h: 45; 1182 --default-s: 8%; 1183 --default-l: 20%; 1184 --color-default: hsl( 1185 var(--default-h), 1186 var(--default-s), 1187 var(--default-l) 1188 ); 1189 --color-pill-default: hsl( 1190 var(--gray-h), 1191 var(--gray-s), 1192 90% 1193 ); 1194 --color-pill-text-default: hsl( 1195 var(--gray-h), 1196 var(--gray-s), 1197 calc(var(--gray-l) - 28%) 1198 ); 1199 --color-bg-form-btn-default: #55534E; 1200 1201 /*Other*/ 1202 --color-text-default: #37352F; 1203 --color-text-default-light: #7d7c78; 1204 --color-bg-default: #ffffff; 1205 --color-border-default: #E9E9E7; 1206 --color-border-dark: var(--color-border-default); 1207 --color-ui-hover-bg: #efefef; 1208 --color-card-bg: #ffffff; 1209 --color-card-bg-hover: #f9f9f8; 1210 --color-calendar-weekend-bg: #f7f6f3; 1211 --color-checkbox-bg: #2EAADC; 1212 --color-code-bg: rgba(135,131,120,.15); 1213 1214 /*Scrollbar*/ 1215 --scrollbar-background-color: #FAFAFA; 1216 --scrollbar-thumb-color: #C1C1C1; 1217 --scrollbar-border-color: #E8E8E8; 1218 1219 /*Navbar*/ 1220 --navbar-text-color: #37352F; 1221 --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
1222 --navbar-background-color-hover: #f0f0f0; 1223 --navbar-background-color: #ffffff; 1224 --navbar-button-text-color: #ffffff; 1225 --navbar-button-background-color: #37352F; 1226 --navbar-menu-background-color: var(--navbar-background-color); 1227 --navbar-text-color-dark: #282620; 1228 1229 /*Footer*/ 1230 --footer-text-color: #37352F; 1231 --footer-background-color: #ffffff; 1232 1233 /*Sidebar*/ 1234 --sidebar-text-color: #37352F; 1235 --sidebar-cta-text-color: #37352F; 1236 --sidebar-background-color: #ffffff; 1237 --sidebar-cta-background-color: #ffffff; 1238 --sidebar-border-color: #E9E9E7; 1239 --sidebar-background-color-hover: #efefef; 1240 --sidebar-text-color-dark: #282620; 1241 --sidebar-cta-background-color-hover: #efefef; 1242 } 1243 1244 1245 /** 1246 * One Light theme for prism.js 1247 * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax 1248 */ 1249 1250 /** 1251 * One Light colours (accurate as of commit eb064bf on 19 Feb 2021) 1252 * From colors.less 1253 * --mono-1: hsl(230, 8%, 24%); 1254 * --mono-2: hsl(230, 6%, 44%); 1255 * --mono-3: hsl(230, 4%, 64%) 1256 * --hue-1: hsl(198, 99%, 37%); 1257 * --hue-2: hsl(221, 87%, 60%); 1258 * --hue-3: hsl(301, 63%, 40%); 1259 * --hue-4: hsl(119, 34%, 47%); 1260 * --hue-5: hsl(5, 74%, 59%); 1261 * --hue-5-2: hsl(344, 84%, 43%); 1262 * --hue-6: hsl(35, 99%, 36%); 1263 * --hue-6-2: hsl(35, 99%, 40%); 1264 * --syntax-fg: hsl(230, 8%, 24%); 1265 * --syntax-bg: hsl(230, 1%, 98%); 1266 * --syntax-gutter: hsl(230, 1%, 62%); 1267 * --syntax-guide: hsla(230, 8%, 24%, 0.2); 1268 * --syntax-accent: hsl(230, 100%, 66%); 1269 * From syntax-variables.less 1270 * --syntax-selection-color: hsl(230, 1%, 90%); 1271 * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%); 1272 * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05); 1273 */ 1274 1275 html.theme-light code[class*="language-"], 1276 html.theme-light pre[class*="language-"] { 1277 color: hsl(230, 8%, 24%); 1278 font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace; 1279 direction: ltr; 1280 text-align: left; 1281 white-space: pre; 1282 word-spacing: normal; 1283 word-break: normal; 1284 line-height: 1.5; 1285 -moz-tab-size: 2; 1286 -o-tab-size: 2; 1287 tab-size: 2; 1288 -webkit-hyphens: none; 1289 -moz-hyphens: none; 1290 -ms-hyphens: none; 1291 hyphens: none; 1292 } 1293 1294 /* Selection */ 1295 html.theme-light code[class*="language-"]::-moz-selection, 1296 html.theme-light code[class*="language-"] *::-moz-selection, 1297 html.theme-light pre[class*="language-"] *::-moz-selection { 1298 background: hsl(230, 1%, 90%); 1299 color: inherit; 1300 } 1301 1302 html.theme-light code[class*="language-"]::selection, 1303 html.theme-light code[class*="language-"] *::selection, 1304 html.theme-light pre[class*="language-"] *::selection { 1305 background: hsl(230, 1%, 90%); 1306 color: inherit; 1307 } 1308 1309 /* Code blocks */ 1310 html.theme-light pre[class*="language-"] { 1311 padding: 1em; 1312 margin: 0.5em 0; 1313 overflow: auto; 1314 border-radius: 0.3em; 1315 } 1316 1317 /* Inline code */ 1318 html.theme-light :not(pre) > code[class*="language-"] { 1319 padding: 0.2em 0.3em; 1320 border-radius: 0.3em; 1321 white-space: normal; 1322 } 1323 1324 html.theme-light .token.comment, 1325 html.theme-light .token.prolog, 1326 html.theme-light .token.cdata { 1327 color: hsl(230, 4%, 64%); 1328 } 1329 1330 html.theme-light .token.doctype, 1331 html.theme-light .token.punctuation, 1332 html.theme-light .token.entity { 1333 color: hsl(230, 8%, 24%); 1334 } 1335 1336 html.theme-light .token.attr-name, 1337 html.theme-light .token.class-name, 1338 html.theme-light .token.boolean, 1339 html.theme-light .token.constant, 1340 html.theme-light .token.number, 1341 html.theme-light .token.atrule { 1342 color: hsl(35, 99%, 36%); 1343 } 1344 1345 html.theme-light .token.keyword { 1346 color: hsl(301, 63%, 40%); 1347 } 1348 1349 html.theme-light .token.property, 1350 html.theme-light .token.tag, 1351 html.theme-light .token.symbol, 1352 html.theme-light .token.deleted, 1353 html.theme-light .token.important { 1354 color: hsl(5, 74%, 59%); 1355 } 1356 1357 html.theme-light .token.selector, 1358 html.theme-light .token.string, 1359 html.theme-light .token.char, 1360 html.theme-light .token.builtin, 1361 html.theme-light .token.inserted, 1362 html.theme-light .token.regex, 1363 html.theme-light .token.attr-value, 1364 html.theme-light .token.attr-value > .token.punctuation { 1365 color: hsl(119, 34%, 47%); 1366 } 1367 1368 html.theme-light .token.variable, 1369 html.theme-light .token.operator, 1370 html.theme-light .token.function { 1371 color: hsl(221, 87%, 60%); 1372 } 1373 1374 html.theme-light .token.url {
1375 color: hsl(198, 99%, 37%); 1376 } 1377 1378 /* HTML overrides */ 1379 html.theme-light .token.attr-value > .token.punctuation.attr-equals, 1380 html.theme-light .token.special-attr > .token.attr-value > .token.value.css { 1381 color: hsl(230, 8%, 24%); 1382 } 1383 1384 /* CSS overrides */ 1385 html.theme-light .language-css .token.selector { 1386 color: hsl(5, 74%, 59%); 1387 } 1388 1389 html.theme-light .language-css .token.property { 1390 color: hsl(230, 8%, 24%); 1391 } 1392 1393 html.theme-light .language-css .token.function, 1394 html.theme-light .language-css .token.url > .token.function { 1395 color: hsl(198, 99%, 37%); 1396 } 1397 1398 html.theme-light .language-css .token.url > .token.string.url { 1399 color: hsl(119, 34%, 47%); 1400 } 1401 1402 html.theme-light .language-css .token.important, 1403 html.theme-light .language-css .token.atrule .token.rule { 1404 color: hsl(301, 63%, 40%); 1405 } 1406 1407 /* JS overrides */ 1408 html.theme-light .language-javascript .token.operator { 1409 color: hsl(301, 63%, 40%); 1410 } 1411 1412 html.theme-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation { 1413 color: hsl(344, 84%, 43%); 1414 } 1415 1416 /* JSON overrides */ 1417 html.theme-light .language-json .token.operator { 1418 color: hsl(230, 8%, 24%); 1419 } 1420 1421 html.theme-light .language-json .token.null.keyword { 1422 color: hsl(35, 99%, 36%); 1423 } 1424 1425 /* MD overrides */ 1426 html.theme-light .language-markdown .token.url, 1427 html.theme-light .language-markdown .token.url > .token.operator, 1428 html.theme-light .language-markdown .token.url-reference.url > .token.string { 1429 color: hsl(230, 8%, 24%); 1430 } 1431 1432 html.theme-light .language-markdown .token.url > .token.content { 1433 color: hsl(221, 87%, 60%); 1434 } 1435 1436 html.theme-light .language-markdown .token.url > .token.url, 1437 html.theme-light .language-markdown .token.url-reference.url { 1438 color: hsl(198, 99%, 37%); 1439 } 1440 1441 html.theme-light .language-markdown .token.blockquote.punctuation, 1442 html.theme-light .language-markdown .token.hr.punctuation { 1443 color: hsl(230, 4%, 64%); 1444 font-style: italic; 1445 } 1446 1447 html.theme-light .language-markdown .token.code-snippet { 1448 color: hsl(119, 34%, 47%); 1449 } 1450 1451 html.theme-light .language-markdown .token.bold .token.content { 1452 color: hsl(35, 99%, 36%); 1453 } 1454 1455 html.theme-light .language-markdown .token.italic .token.content { 1456 color: hsl(301, 63%, 40%); 1457 } 1458 1459 html.theme-light .language-markdown .token.strike .token.content, 1460 html.theme-light .language-markdown .token.strike .token.punctuation, 1461 html.theme-light .language-markdown .token.list.punctuation, 1462 html.theme-light .language-markdown .token.title.important > .token.punctuation { 1463 color: hsl(5, 74%, 59%); 1464 } 1465 1466 /* General */ 1467 html.theme-light .token.bold { 1468 font-weight: bold; 1469 } 1470 1471 html.theme-light .token.comment, 1472 html.theme-light .token.italic { 1473 font-style: italic; 1474 } 1475 1476 html.theme-light .token.entity { 1477 cursor: help; 1478 } 1479 1480 html.theme-light .token.namespace { 1481 opacity: 0.8; 1482 } 1483 1484 /* Plugin overrides */ 1485 /* Selectors should have higher specificity than those in the plugins' default stylesheets */ 1486 1487 /* Show Invisibles plugin overrides */ 1488 html.theme-light .token.token.tab:not(:empty):before, 1489 html.theme-light .token.token.cr:before, 1490 html.theme-light .token.token.lf:before, 1491 html.theme-light .token.token.space:before { 1492 color: hsla(230, 8%, 24%, 0.2); 1493 } 1494 1495 /* Toolbar plugin overrides */ 1496 /* Space out all buttons and move them away from the right edge of the code block */ 1497 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item { 1498 margin-right: 0.4em; 1499 } 1500 1501 /* Styling the buttons */ 1502 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button, 1503 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a, 1504 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span { 1505 background: hsl(230, 1%, 90%); 1506 color: hsl(230, 6%, 44%); 1507 padding: 0.1em 0.4em; 1508 border-radius: 0.3em; 1509 } 1510 1511 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover, 1512 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus, 1513 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover, 1514 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus, 1515 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover, 1516 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus { 1517 background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */ 1518 color: hsl(230, 8%, 24%); 1519 } 1520 1521 /* Line Highlight plugin overrides */ 1522 /* The highlighted line itself */ 1523 html.theme-light .line-highlight.line-highlight { 1524 background: hsla(230, 8%, 24%, 0.05); 1525 } 1526 1527 /* Default line numbers in Line Highlight plugin */ 1528 html.theme-light .line-highlight.line-highlight:before, 1529 html.theme-light .line-highlight.line-highlight[data-end]:after { 1530 background: hsl(230, 1%, 90%); 1531 color: hsl(230, 8%, 24%); 1532 padding: 0.1em 0.6em; 1533 border-radius: 0.3em; 1534 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */ 1535 } 1536 1537 /* Hovering over a linkable line number (in the gutter area) */ 1538 /* Requires Line Numbers plugin as well */ 1539 html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before { 1540 background-color: hsla(230, 8%, 24%, 0.05); 1541 } 1542 1543 /* Line Numbers and Command Line plugins overrides */ 1544 /* Line separating gutter from coding area */ 1545 html.theme-light .line-numbers.line-numbers .line-numbers-rows, 1546 html.theme-light .command-line .command-line-prompt { 1547 border-right-color: hsla(230, 8%, 24%, 0.2); 1548 } 1549 1550 /* Stuff in the gutter */ 1551 html.theme-light .line-numbers .line-numbers-rows > span:before, 1552 html.theme-light .command-line .command-line-prompt > span:before { 1553 color: hsl(230, 1%, 62%); 1554 } 1555 1556 /* Match Braces plugin overrides */ 1557 /* Note: Outline colour is inherited from the braces */ 1558 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1, 1559 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5, 1560 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 { 1561 color: hsl(5, 74%, 59%); 1562 } 1563 1564 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2, 1565 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6, 1566 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 { 1567 color: hsl(119, 34%, 47%); 1568 } 1569 1570 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3, 1571 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7, 1572 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 { 1573 color: hsl(221, 87%, 60%); 1574 } 1575 1576 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4, 1577 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8, 1578 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 { 1579 color: hsl(301, 63%, 40%); 1580 } 1581 1582 /* Diff Highlight plugin overrides */ 1583 /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */ 1584 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix), 1585 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) { 1586 background-color: hsla(353, 100%, 66%, 0.15); 1587 } 1588 1589 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, 1590 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, 1591 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, 1592 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection { 1593 background-color: hsla(353, 95%, 66%, 0.25); 1594 } 1595 1596 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection, 1597 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection, 1598 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection, 1599 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection { 1600 background-color: hsla(353, 95%, 66%, 0.25); 1601 } 1602 1603 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix), 1604 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) { 1605 background-color: hsla(137, 100%, 55%, 0.15); 1606 } 1607 1608 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, 1609 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, 1610 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, 1611 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection { 1612 background-color: hsla(135, 73%, 55%, 0.25); 1613 } 1614 1615 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection, 1616 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection, 1617 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection, 1618 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection { 1619 background-color: hsla(135, 73%, 55%, 0.25); 1620 } 1621 1622 /* Previewers plugin overrides */ 1623 /* 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 */ 1624 /* Border around popup */ 1625 html.theme-light .prism-previewer.prism-previewer:before, 1626 html.theme-light .prism-previewer-gradient.prism-previewer-gradient div { 1627 border-color: hsl(0, 0, 95%); 1628 } 1629 1630 /* Angle and time should remain as circles and are hence not included */ 1631 html.theme-light .prism-previewer-color.prism-previewer-color:before, 1632 html.theme-light .prism-previewer-gradient.prism-previewer-gradient div, 1633 html.theme-light .prism-previewer-easing.prism-previewer-easing:before { 1634 border-radius: 0.3em; 1635 } 1636 1637 /* Triangles pointing to the code */ 1638 html.theme-light .prism-previewer.prism-previewer:after { 1639 border-top-color: hsl(0, 0, 95%); 1640 } 1641 1642 html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after { 1643 border-bottom-color: hsl(0, 0, 95%); 1644 } 1645
1646 /* Background colour within the popup */ 1647 html.theme-light .prism-previewer-angle.prism-previewer-angle:before, 1648 html.theme-light .prism-previewer-time.prism-previewer-time:before, 1649 html.theme-light .prism-previewer-easing.prism-previewer-easing { 1650 background: hsl(0, 0%, 100%); 1651 } 1652 1653 /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */ 1654 /* For time, this is the alternate colour */ 1655 html.theme-light .prism-previewer-angle.prism-previewer-angle circle, 1656 html.theme-light .prism-previewer-time.prism-previewer-time circle { 1657 stroke: hsl(230, 8%, 24%); 1658 stroke-opacity: 1; 1659 } 1660 1661 /* Stroke colours of the handle, direction point, and vector itself */ 1662 html.theme-light .prism-previewer-easing.prism-previewer-easing circle, 1663 html.theme-light .prism-previewer-easing.prism-previewer-easing path, 1664 html.theme-light .prism-previewer-easing.prism-previewer-easing line { 1665 stroke: hsl(230, 8%, 24%); 1666 } 1667 1668 /* Fill colour of the handle */ 1669 html.theme-light .prism-previewer-easing.prism-previewer-easing circle { 1670 fill: transparent; 1671 } 1672 1673 1674 1675 :root { 1676 /* Layout */ 1677 --padding-layout: 0.6rem; 1678 --border-radii-layout: 5px; 1679 --border-thickness-layout: 1px; 1680 --border-type-layout: solid; 1681 --border-layout: var(--border-thickness-layout) 1682 var(--border-type-layout) var(--color-border-default); 1683 --layout-max-width: 900px; 1684 --column-spacing: 46px; 1685 --page-display: flex; 1686 --padding-right: calc(env(safe-area-inset-right) + 96px); 1687 --padding-left: calc(env(safe-area-inset-left) + 96px); 1688 --padding-right-mobile: calc(env(safe-area-inset-right) + 24px); 1689 --padding-left-mobile: calc(env(safe-area-inset-left) + 24px); 1690 /* Header */ 1691 --header-cover-height: 30vh; 1692 --header-title-align: start; 1693 --header-icon-align: -112px auto auto auto; 1694 --header-display: block; 1695 /* Collection header */ 1696 --collection-header-border: var(--border-layout); 1697 /* Collection table */ 1698 --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem) 1699 calc(var(--padding-layout) - 0.1rem); 1700 /* Collection list */ 1701 --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem); 1702 --collection-list-item-border-radii: calc( 1703 var(--border-radii-layout) - 1px 1704 ); 1705 /* Collection card */ 1706 --collection-card-padding: 0px; 1707 --collection-card-title-padding: 0px; 1708 --collection-card-content-padding: var(--padding-layout); 1709 --collection-card-border-radii: var(--border-radii-layout); 1710 --collection-card-gap: 10px; 1711 --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px; 1712 --collection-card-title-size: 0.875rem; 1713 --collection-card-cover-height-small: 128px; 1714 --collection-card-cover-size-small: 172px; 1715 --collection-card-cover-height-medium: 200px; 1716 --collection-card-cover-size-medium: 260px; 1717 --collection-card-cover-height-large: 200px; 1718 --collection-card-cover-size-large: 320px; 1719 --collection-card-icon-display: inline-flex; 1720 /* Callout */ 1721 --callout-padding: calc(var(--padding-layout) + 0.4rem) 1722 calc(var(--padding-layout) + 0.4rem) 1723 calc(var(--padding-layout) + 0.4rem) 1724 calc(var(--padding-layout) + 0.1em); 1725 --callout-border-radii: calc(var(--border-radii-layout) - 2px); 1726 --callout-border: var(--border-layout); 1727 --callout-icon-display: block; 1728 --callout-shadow: none; 1729 /* File */ 1730 --file-border-radii: calc(var(--border-radii-layout) - 2px); 1731 /* Equation */ 1732 --equation-border-radii: calc(var(--border-radii-layout) - 2px); 1733 /* Divider */ 1734 --divider-border: var(--border-layout); 1735 /* Quote */ 1736 --quote-border: calc(var(--border-thickness-layout) + 2px) solid 1737 currentcolor; 1738 /* Code */ 1739 --code-padding: calc(var(--padding-layout) + 1.4rem); 1740 --code-border-radii: var(--border-radii-layout); 1741 /* Tweet */ 1742 --tweet-padding: calc(var(--padding-layout) + 0.65rem) 1743 calc(var(--padding-layout) + 0.65rem) 1744 calc(var(--padding-layout) + 0.05rem) 1745 calc(var(--padding-layout) + 0.65rem); 1746 --tweet-border-radii: var(--border-radii-layout); 1747 --tweet-border: var(--border-layout); 1748 /* Bookmark */ 1749 --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
1749x 1750 calc(var(--padding-layout) + 0.025rem) 1751 calc(var(--padding-layout) + 0.275rem); 1752 --bookmark-border-radii: var(--border-radii-layout); 1753 --bookmark-border: var(--border-layout); 1754 --bookmark-image-border-radii: 0px 1755 calc(var(--border-radii-layout) - 1px) 1756 calc(var(--border-radii-layout) - 1px) 0px; 1757 /* Embed */ 1758 --embed-border-radii: calc(var(--border-radii-layout) - 5px); 1759 /* Image */ 1760 --image-border-radii: calc(var(--border-radii-layout) - 5px); 1761 /* Typography */ 1762 --title-size: 2.5rem; 1763 --quote-size: 1.2rem; 1764 --quote-size-large: 1.4rem; 1765 --heading-size: 1rem; 1766 --primary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji, 1767 Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, 1768 Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, 1769 BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, 1770 sans-serif; 1771 --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji, 1772 Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, 1773 Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, 1774 BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, 1775 sans-serif; 1776 --text-weight: 400; 1777 --heading-weight: 600; 1778 --heading1-size: calc(var(--heading-size) * 1.875); 1779 --heading2-size: calc(var(--heading-size) * 1.5); 1780 --heading3-size: calc(var(--heading-size) * 1.25); 1781 --heading4-size: calc(var(--heading-size) * 1); 1782 --heading5-size: calc(var(--heading-size) * 0.8125); 1783 /* Scrollbars */ 1784 --scrollbar-width: 15px; 1785 /* Navbar */ 1786 --navbar-height: 56px; 1787 --navbar-shadow: none; 1788 --navbar-button-border-radii: 50px; 1789 --navbar-list-width-single-column: 320px; 1790 --navbar-list-width: 620px; 1791 /*Sidebar*/ 1792 --sidebar-width: 280px; 1793 --sidebar-shadow: none; 1794 } 1795 html { 1796 scroll-padding-top: 62px; 1797 } 1798 body { 1799 font-family: var(--secondary-font); 1800 } 1801 1802 1803 1804</style>
1804<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
1804<script src="/_next/static/chunks/2l8zr1i2h4s0n.js" id="_R_" async=""></script>
1804<div hidden id="S:0"><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-sun " type="Sun"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></div>
1804<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; 1805$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
1805<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1805<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\",\"blackrack.ai\",\"revenue-sharing-policy\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"main\",{\"children\":[[\"site\",\"blackrack.ai\",\"d\",[]],{\"children\":[[\"page\",\"revenue-sharing-policy\",\"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/1-tlhqto6-7lg.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\"}
1805],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/3_or8blvqwyye.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\":\"59ZIckGpzV6GOVwCqF2sQ\"}\n9:C\nb:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1805<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/86b05d5c-5d85-481e-976f-530fa7349cf6/uploads/favicon/f274418d-533f-496c-a6d6-abf0b0161a47.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 (true \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\"],null]}],\"$L17\"]}]\n"])</script>
1805<script>self.__next_f.push([1,"18: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/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SiteProvider\"]\n19: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/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"ThemeProvider\"]\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\"}]\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\"}]\n1a:T14f9,\n :root {\n /* Layout */\n --padding-layout: 0.6rem;\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: start;\n --header-icon-align: -112px auto auto auto;\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
1805x\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: 56px;\n --navbar-shadow: none;\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: none;\n }\n html {\n scroll-padding-top: 62px;\n }\n body {\n font-family: var(--secondary-font);\n }\n\n \n 1b: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);
1805\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);
1805\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 }
1805\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 1c: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 );
1805\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);
1805\n --color-ui-hover-bg: #262626;\n --color-card-bg: #262626;\n --color-card-bg-hover: #2f2f2f;\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;\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: #262626;\n --sidebar-text-color-dark: #d2d2d2;\n --sidebar-cta-background-color-hover: #262626;\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-da
1805rk .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 }\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 1d: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
1805 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 }\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 17:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L18\",null,{\"settings\":{\"siteId\":\"86b05d5c-5d85-481e-976f-530fa7349cf6\",\"userId\":\"59071868-1e3f-40f3-a4cf-bf52b4b82c56\",\"domainName\":\"blackrack.ai\",\"name\":\"Blackrack\",\"active\":true,\"free\":false,\"t
1805ier\":\"lite\",\"favicon\":\"https://assets.super.so/86b05d5c-5d85-481e-976f-530fa7349cf6/uploads/favicon/f274418d-533f-496c-a6d6-abf0b0161a47.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"169248af32908013acd7ee54c5b9b4fe\",\"indexPageId\":\"86b05d5c-5d85-481e-976f-530fa7349cf6:::6e0bf6b9-d35f-4f5c-99bd-dfaff6d6740c\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":true,\"mondayFirst\":false,\"loadLimits\":true,\"hidePersonInfo\":true,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":null,\"footer\":null,\"sidebar\":null,\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"flex\"},\"header\":{\"coverHeight\":30,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"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\":56,\"shadow\":\"none\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"none\"},\"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\":\"#262626\",\"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\",\"hoverBackgroun
1805d\":\"#262626\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#262626\",\"cardHoverBackground\":\"#2f2f2f\",\"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\":[],\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"domainQueryParam\":\"$undefined\",\"children\":[null,[\"$\",\"$L19\",null,{\"settings\":\"$17:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$1a\",\"light\":\"$1b\",\"dark\":\"$1c\",\"legacy\":\"$1d\",\"children\":[\"$L1e\",null]}],\"$L1f\",\"$L20\",\"$L21\"]}],\"$L22\"]}]\n"])</script>
1805<script>self.__next_f.push([1,"23: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/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"PasswordPageLayoutProvider\"]\n24: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/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationContent\"]\n25: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/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/2ggeb0g51xxjo.js\"],\"default\"]\n27: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/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationEvents\"]\n28: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/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LinkUpgrader\"]\n29: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/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LightboxEnhancer\"]\n2a: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/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SpeedInsights\"]\n1e:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[null,[\"$\",\"$L23\",null,{\"children\":[\"$\",\"$L24\",null,{\"settings\":\"$17:props:children:0:props:settings\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$25\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2ggeb0g51xxjo.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L26\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]\n1f:[\"$\",\"$L27\",null,{}]\n20:[\"$\",\"$L28\",null,{}]\n21:[\"$\",\"$L29\",null,{}]\n22:[\"$\",\"$L2a\",null,{\"sampleRate\":0.3}]\n"])</script>
1805<script>self.__next_f.push([1,"2b: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/1-tlhqto6-7lg.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/3_or8blvqwyye.js\"],\"ErrorPage\"]\n26:[\"$\",\"$L2b\",null,{\"type\":\"notfound\"}]\n"])</script>
1805<script>self.__next_f.push([1,"2c: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/1-tlhqto6-7lg.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/3_or8blvqwyye.js\"],\"PageProvider\"]\n5:[\"$\",\"$L2c\",null,{\"pageReplacement\":\"$undefined\",\"getWebVital\":false,\"pageId\":\"revenue-sharing-policy\",\"records\":{\"__version__\":3,\"block\":{\"revenue-sharing-policy\":{\"id\":\"revenue-sharing-policy\",\"children\":[\"1fc51886f3fb46f98a6d09acf681b59c\",\"b9df6366d9034e81bde2e9ffec105e42\",\"d69f461e67f940d9a3da26692aa6d628\",\"6873364013e5434399d13fb43de03db2\",\"8b9f8228dddc4385ba0e064dcbac6eee\",\"f69bd79151604c34b7077d17412a563d\",\"412d4197173545b4b5ef1c20ae16c1f4\",\"56879824921846d398f6935c5cc40ba9\",\"a58f15efaf5b4577855797dbc1e0dfce\",\"075f7786b5f74f26b9b3f370f6051734\",\"1dd188b36a6a47e1af5d883a6caef663\",\"6c7eb7a4f05447a2b302ac678e64c328\",\"5c2c819b575243f0bea918b6db24308a\",\"b157139dcca04affadba062924e7497e\",\"d3beb31fe53c4af8828e26040f9676ea\",\"0a8ab4ac85d74e94b5f957b335da289f\",\"103cbc47b85e4d74a7fdaeb83ef662fc\",\"d04dfde92fbe431887001bd0bc000987\",\"150a67a0c0734d1eb0c43503b03caac8\",\"50300c48a0c04eb7b3a256e5e1a6b457\"],\"hasContent\":true,\"parentId\":\"169248af32908013acd7ee54c5b9b4fe\",\"title\":[[\"Revenue Sharing Policy\"]],\"updatedAt\":1737628224983,\"type\":\"page\",\"spaceId\":\"9504c23b-c511-4cb8-9211-6f573190aa9b\",\"icon\":\"ð\",\"createdTime\":1737627934912,\"lastEditedTime\":1737628224983,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"uri\":\"/revenue-sharing-policy\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":{},\"propertyValues\":{},\"blockId\":\"eadbd845-b3a3-4e0e-824a-d6d76b3c5e32\"},\"1fc51886f3fb46f98a6d09acf681b59c\":{\"id\":\"1fc51886f3fb46f98a6d09acf681b59c\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits.\"]],\"updatedAt\":1737628097950,\"type\":\"text\"},\"b9df6366d9034e81bde2e9ffec105e42\":{\"id\":\"b9df6366d9034e81bde2e9ffec105e42\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"Hereâs everything you need to know about how revenue generated by BlackRack will fuel innovation, strengthen the $RACKS ecosystem, and put value back into your hands.\"]],\"updatedAt\":1737628086758,\"type\":\"text\"},\"d69f461e67f940d9a3da26692aa6d628\":{\"id\":\"d69f461e67f940d9a3da26692aa6d628\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"1. When does it start?\",[[\"b\",null]]]],\"updatedAt\":1737628224983,\"type\":\"heading\",\"subType\":\"sub_header\",\"depth\":2},\"6873364013e5434399d13fb43de03db2\":{\"id\":\"6873364013e5434399d13fb43de03db2\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"The Revenue Sharing Policy of BlackRacks officially kicks off on \"],[\"January 28\",[[\"b\",null]]],[\"! It will happen on the 28th of every month.\"]],\"updatedAt\":1737628086758,\"type\":\"text\"},\"8b9f8228dddc4385ba0e064dcbac6eee\":{\"id\":\"8b9f8228dddc4385ba0e064dcbac6eee\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"2. Revenue Allocation Breakdown\",[[\"b\",null]]]],\"updatedAt\":1737628228803,\"type\":\"heading\",\"subType\":\"sub_header\",\"depth\":2},\"f69bd79151604c34b7077d17412a563d\":{\"id\":\"f69bd79151604c34b7077d17412a563d\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"20% of the revenue will be reserved for \"],[\"Infrastructure payments and AI development\",[[\"b\",null],[\"i\",null]]],[\";\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"412d4197173545b4b5ef1c20ae16c1f4\":{\"id\":\"412d4197173545b4b5ef1c20ae16c1f4\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"t
1805itle\":[[\"30% of the revenue will be used to \"],[\"Buy back $RACKS\",[[\"b\",null],[\"i\",null]]],[\";\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"56879824921846d398f6935c5cc40ba9\":{\"id\":\"56879824921846d398f6935c5cc40ba9\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"50% of the revenue will be allocated for \"],[\"Revenue sharing and paid to the $RACKS vault on Mesh\",[[\"b\",null],[\"i\",null]]],[\", where holders can stake and reap rewards.\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"a58f15efaf5b4577855797dbc1e0dfce\":{\"id\":\"a58f15efaf5b4577855797dbc1e0dfce\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"3. Details About the $RACKS Vault\",[[\"b\",null]]]],\"updatedAt\":1737628233330,\"type\":\"heading\",\"subType\":\"sub_header\",\"depth\":2},\"075f7786b5f74f26b9b3f370f6051734\":{\"id\":\"075f7786b5f74f26b9b3f370f6051734\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"Unstaking Period: The $RACKS Vault is configured with a 60-day unstaking period to ensure stability while rewarding long-term holders;\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"1dd188b36a6a47e1af5d883a6caef663\":{\"id\":\"1dd188b36a6a47e1af5d883a6caef663\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"Limited-Time Offer: Users can claim $RACKS with no unstaking period until January 27;\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"6c7eb7a4f05447a2b302ac678e64c328\":{\"id\":\"6c7eb7a4f05447a2b302ac678e64c328\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"Vault Access Link: \"],[\"Stake to Earn Now\",[[\"a\",\"https://mesh.distilled.ai/staking?token=D7yP4ycfsRWUGYionGpi64sLF2ddZ2JXxuRAti2M7uck\"]]]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"5c2c819b575243f0bea918b6db24308a\":{\"id\":\"5c2c819b575243f0bea918b6db24308a\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"4. $RACKSâs Current Portfolio Snapshot \",[[\"b\",null]]],[\"(as of Jan 22)\",[[\"b\",null],[\"i\",null]]]],\"updatedAt\":1737628239939,\"type\":\"heading\",\"subType\":\"sub_header\",\"depth\":2},\"b157139dcca04affadba062924e7497e\":{\"id\":\"b157139dcca04affadba062924e7497e\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"Portfolio Value: $2,938,936.08\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"d3beb31fe53c4af8828e26040f9676ea\":{\"id\":\"d3beb31fe53c4af8828e26040f9676ea\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"Earnings (Management + Performance Fees): $439,287.22\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"aba81a915c3949dfb61fbeed7a859aee\":{\"id\":\"aba81a915c3949dfb61fbeed7a859aee\",\"children\":[],\"hasContent\":false,\"parentId\":\"0a8ab4ac85d74e94b5f957b335da289f\",\"title\":[[\"Infrastructure \u0026 AI development\",[[\"b\",null],[\"i\",null]]],[\": $87,857.444\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"1c2c893bd218444b8fb46dd3cd777919\":{\"id\":\"1c2c893bd218444b8fb46dd3cd777919\",\"children\":[],\"hasContent\":false,\"parentId\":\"0a8ab4ac85d74e94b5f957b335da289f\",\"title\":[[\"Buy backs $RACKS\",[[\"b\",null],[\"i\",null]]],[\": $131,786.166\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"f62d5ae119ce498c810b6735ba1360d6\":{\"id\":\"f62d5ae119ce498c810b6735ba1360d6\",\"children\":[],\"hasContent\":false,\"parentId\":\"0a8ab4ac85d74e94b5f957b335da289f\",\"title\":[[\"Revenue Sharing and paid to $RACKS vault on Mesh\",[[\"b\",null],[\"i\",null]]],[\": $219,643.61\"]],\"updatedAt\":1737628086758,\"type\":\"bulleted_list\"},\"95269b69a21e4d38938f0dfe86a74d08\":{\"id\":\"95269b69a21e4d38938f0dfe86a74d08\",\"children\":[],\"hasContent\":false,\"parentId\":\"0a8ab4ac85d74e94b5f957b335da289f\",\"title\":[],\"updatedAt\":1737628182572,\"type\":\"text\"},\"0a8ab4ac85d74e94b5f957b335da289f\":{\"id\":\"0a8ab4ac85d74e94b5f957b335da289f\",\"children\":[\"aba81a915c3949dfb61fbeed7a859aee\",\"1c2c893bd218444b8fb46dd3cd777919\",\"f62d5ae119ce498c810b6735ba1360d6\",\"95269b69a21e4d38938f0dfe86a74d08\"],\"hasContent\":true,\"parentId\":\"revenue-sharing-policy\",\"t
1805itle\":[[\"Revenue Allocation demonstration:\"]],\"updatedAt\":1737628181964,\"type\":\"bulleted_list\"},\"103cbc47b85e4d74a7fdaeb83ef662fc\":{\"id\":\"103cbc47b85e4d74a7fdaeb83ef662fc\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"ð¡ \"],[\"Example in Action\",[[\"b\",null]]],[\": If you are staking $RACKS in the vault, your share of the \"],[\"$$219,643.61 \",[[\"b\",null]]],[\"allocation will depend on your staked amount and the total vault balance.\"]],\"updatedAt\":1737628086758,\"type\":\"text\"},\"d04dfde92fbe431887001bd0bc000987\":{\"id\":\"d04dfde92fbe431887001bd0bc000987\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":[[\"This breakdown provides clarity on how revenue is distributed, ensuring transparency and alignment with BlackRackâs goals.\"]],\"updatedAt\":1737628086758,\"type\":\"text\"},\"150a67a0c0734d1eb0c43503b03caac8\":{\"id\":\"150a67a0c0734d1eb0c43503b03caac8\",\"children\":[],\"hasContent\":false,\"parentId\":\"revenue-sharing-policy\",\"title\":null,\"updatedAt\":1737627934939,\"type\":\"divider\"},\"b78fc67868bc455badc8ddff29903279\":{\"id\":\"b78fc67868bc455badc8ddff29903279\",\"children\":[],\"hasContent\":false,\"parentId\":\"50300c48a0c04eb7b3a256e5e1a6b457\",\"title\":[[\"NEXT\",[[\"a\",\"/racks-tokenomics\"],[\"b\",null]]]],\"updatedAt\":1737627934939,\"type\":\"text\"},\"50300c48a0c04eb7b3a256e5e1a6b457\":{\"id\":\"50300c48a0c04eb7b3a256e5e1a6b457\",\"children\":[\"b78fc67868bc455badc8ddff29903279\"],\"hasContent\":true,\"parentId\":\"revenue-sharing-policy\",\"title\":[],\"updatedAt\":1737627934939,\"type\":\"callout\",\"icon\":\"ð\",\"color\":\"ColorDefault\"},\"169248af32908013acd7ee54c5b9b4fe\":{\"id\":\"169248af32908013acd7ee54c5b9b4fe\",\"children\":[],\"hasContent\":true,\"parentId\":\"9632c2908d3044a5befd8d91b7ec0f7d\",\"title\":[[\"All About BlackRack\"]],\"updatedAt\":1742377453077,\"type\":\"page\",\"spaceId\":\"9504c23b-c511-4cb8-9211-6f573190aa9b\",\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f151526e-092a-4d04-9bc7-d78fc5c327e0/blackrack_profile_pic_updated/public\",\"coverPosition\":0.5,\"createdTime\":1735275747681,\"lastEditedTime\":1742377453077,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"description\":null,\"cover\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/dcfc462e-1713-4fdd-b739-9a41e4e84385/blackrack_twitter_new/public\",\"uri\":\"/169248af32908013acd7ee54c5b9b4fe\",\"blockId\":\"169248af-3290-8013-acd7-ee54c5b9b4fe\"},\"9632c2908d3044a5befd8d91b7ec0f7d\":null},\"team\":{\"69f6d788-eb2c-4de3-91df-b6e7f7555383\":{\"spaceId\":\"9504c23b-c511-4cb8-9211-6f573190aa9b\",\"value\":{\"role\":\"none\"}}},\"form_question\":{},\"entity\":{},\"pageId\":\"eadbd845b3a34e0e824ad6d76b3c5e32\",\"pagesToCreate\":[]},\"settings\":{\"siteId\":\"86b05d5c-5d85-481e-976f-530fa7349cf6\",\"userId\":\"59071868-1e3f-40f3-a4cf-bf52b4b82c56\",\"domainName\":\"blackrack.ai\",\"name\":\"Blackrack\",\"active\":true,\"free\":false,\"tier\":\"lite\",\"favicon\":\"https://assets.super.so/86b05d5c-5d85-481e-976f-530fa7349cf6/uploads/favicon/f274418d-533f-496c-a6d6-abf0b0161a47.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"169248af32908013acd7ee54c5b9b4fe\",\"indexPageId\":\"86b05d5c-5d85-481e-976f-530fa7349cf6:::6e0bf6b9-d35f-4f5c-99bd-dfaff6d6740c\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":true,\"mondayFirst\":false,\"loadLimits\":true,\"hidePersonInfo\":true,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":null,\"footer\":null,\"sidebar\":null,\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"flex\"}
1805,\"header\":{\"coverHeight\":30,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"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\":56,\"shadow\":\"none\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"none\"},\"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\":\"#262626\",\"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\":\"#262626\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#262626\",\"cardHoverBackground\":\"#2f2f2f\",\"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\":{\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[],\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"smallText\":false,\"config\":\"$undefined\",\"pageLocation\":\"/revenue-sharing-policy\",\"passwords\":[],\"styles\":\"\",\"children\":[\"$L2d\",\"$L2e\",null]}]\n"])</script>
1805<script>self.__next_f.push([1,"2f:I[137755,[\"/_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/1-tlhqto6-7lg.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/3_or8blvqwyye.js\"],\"NotionNavbar\"]\n30: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/1-tlhqto6-7lg.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/3_or8blvqwyye.js\"],\"PageRoot\"]\n3d: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/1-tlhqto6-7lg.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/3_or8blvqwyye.js\"],\"PageDetails\"]\n2d:[\"$\",\"main\",null,{\"id\":\"page-revenue-sharing-policy\",\"className\":\"super-content page__revenue-sharing-policy parent-page__index\",\"children\":[[\"$\",\"$L2f\",null,{\"url\":\"https://blackrack.ai/revenue-sharing-policy\",\"title\":\"Revenue Sharing Policy\",\"description\":\"BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits.\",\"root\":{\"id\":\"169248af32908013acd7ee54c5b9b4fe\",\"uri\":\"/\",\"title\":\"All About BlackRack\",\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f151526e-092a-4d04-9bc7-d78fc5c327e0/blackrack_profile_pic_updated/public\"},\"image\":null,\"canonical\":null,\"author\":\"Untitled\",\"favicon\":\"https://assets.super.so/86b05d5c-5d85-481e-976f-530fa7349cf6/uploads/favicon/f274418d-533f-496c-a6d6-abf0b0161a47.png\",\"breadcrumbs\":[{\"id\":\"revenue-sharing-policy\",\"uri\":\"/revenue-sharing-policy\",\"title\":\"Revenue Sharing Policy\",\"icon\":\"ð\"}],\"siteId\":\"86b05d5c-5d85-481e-976f-530fa7349cf6\",\"userId\":\"59071868-1e3f-40f3-a4cf-bf52b4b82c56\",\"domainName\":\"blackrack.ai\",\"name\":\"Blackrack\",\"active\":true,\"free\":false,\"tier\":\"lite\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":\"$5:props:settings:languages\",\"notionPage\":\"169248af32908013acd7ee54c5b9b4fe\",\"indexPageId\":\"86b05d5c-5d85-481e-976f-530fa7349cf6:::6e0bf6b9-d35f-4f5c-99bd-dfaff6d6740c\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":true,\"mondayFirst\":false,\"loadLimits\":true,\"hidePersonInfo\":true,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":null,\"footer\":null,\"sidebar\":null,\"theme\":\"$5:props:settings:theme\",\"code\":\"$5:props:settings:code\",\"files\":\"$5:props:settings:files\",\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null}],null,null,[\"$\",\"div\",null,{\"className\":\"notion-header page\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__cover no-cover has-icon\",\"children\":null}],[\"$\",\"div\",null,{\"className\":\"notion-header__content max-width no-cover has-icon\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__title-wrapper\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__icon-wrapper no-cover has-icon\",\"children\":[\"$\",\"div\",null,{\"children\":\"ð\"}]}],[\"$\",\"h1\",null,{\"className\":\"notion-header__title\",\"children\":\"Revenue Sharing Policy\"}]]}],null]}]]}],[[\"$\",\"$L30\",\"revenue-sharing-policy\",{\"id\":\"revenue-sharing-policy\",\"children\":[[\"$\",\"p\",\"1fc51886f3fb46f98a6d09acf681b59c,1fc51886f3fb46f98a6d09acf681b59c\",{\"id\":\"block-1fc51886f3fb46f98a6d09acf681b59c\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benef
1805its.\",{\"children\":\"BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits.\"}]],\"$undefined\"]}],[\"$\",\"p\",\"b9df6366d9034e81bde2e9ffec105e42,b9df6366d9034e81bde2e9ffec105e42\",{\"id\":\"block-b9df6366d9034e81bde2e9ffec105e42\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Hereâs everything you need to know about how revenue generated by BlackRack will fuel innovation, strengthen the $RACKS ecosystem, and put value back into your hands.\",{\"children\":\"Hereâs everything you need to know about how revenue generated by BlackRack will fuel innovation, strengthen the $RACKS ecosystem, and put value back into your hands.\"}]],\"$undefined\"]}],[\"$\",\"$1\",\"d69f461e67f940d9a3da26692aa6d628,d69f461e67f940d9a3da26692aa6d628\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"d69f461e67f940d9a3da26692aa6d628\"}],[\"$\",\"h2\",null,{\"id\":\"block-d69f461e67f940d9a3da26692aa6d628\",\"className\":\"notion-heading notion-semantic-string\",\"children\":\"$L31\"}]]}],\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\"],\"hasContent\":true,\"parentId\":\"169248af32908013acd7ee54c5b9b4fe\",\"title\":\"$5:props:records:block:revenue-sharing-policy:title\",\"updatedAt\":1737628224983,\"type\":\"page\",\"spaceId\":\"9504c23b-c511-4cb8-9211-6f573190aa9b\",\"icon\":\"ð\",\"createdTime\":1737627934912,\"lastEditedTime\":1737628224983,\"createdBy\":\"$5:props:records:block:revenue-sharing-policy:createdBy\",\"lastEditedBy\":\"$5:props:records:block:revenue-sharing-policy:lastEditedBy\",\"uri\":\"/revenue-sharing-policy\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:revenue-sharing-policy:superProperties\",\"propertyValues\":\"$5:props:records:block:revenue-sharing-policy:propertyValues\",\"blockId\":\"eadbd845-b3a3-4e0e-824a-d6d76b3c5e32\",\"isRoot\":true,\"ctx\":{\"head\":{\"url\":\"https://blackrack.ai/revenue-sharing-policy\",\"title\":\"Revenue Sharing Policy\",\"description\":\"BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits.\",\"root\":\"$2d:props:children:0:props:root\",\"image\":null,\"canonical\":null,\"author\":\"Untitled\",\"favicon\":\"https://assets.super.so/86b05d5c-5d85-481e-976f-530fa7349cf6/uploads/favicon/f274418d-533f-496c-a6d6-abf0b0161a47.png\",\"breadcrumbs\":\"$2d:props:children:0:props:breadcrumbs\"},\"settings\":{\"siteId\":\"86b05d5c-5d85-481e-976f-530fa7349cf6\",\"userId\":\"59071868-1e3f-40f3-a4cf-bf52b4b82c56\",\"domainName\":\"blackrack.ai\",\"name\":\"Blackrack\",\"active\":true,\"free\":false,\"tier\":\"lite\",\"favicon\":\"https://assets.super.so/86b05d5c-5d85-481e-976f-530fa7349cf6/uploads/favicon/f274418d-533f-496c-a6d6-abf0b0161a47.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":\"$5:props:settings:languages\",\"notionPage\":\"169248af32908013acd7ee54c5b9b4fe\",\"indexPageId\":\"86b05d5c-5d85-481e-976f-530fa7349cf6:::6e0bf6b9-d35f-4f5c-99bd-dfaff6d6740c\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":true,\"mondayFirst\":false,\"loadLimits\":true,\"hidePersonInfo\":true,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":null,\"footer\":null,\"sidebar\":null,\"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\":\"revenue-sharing-policy\"}}]]]}]\n2e:[\"$\",\"$L3d\",null,{\"id\":\"revenue-sharing-policy\",\"children\":\"$5:props:records:block:revenue-sharing-policy:children\",\"hasContent\":true,\"parentId\":\"169248af32908013acd7ee54c5b9b4fe\",\"title\":\"$5:props:records:block:revenue-sharing-policy:title\",\"updatedAt\":1737628224983,\"type\":\"page\",\"spaceId\":\"9504c23b-c511-4cb8-9211-6f573190aa9b\",\"icon\":\"ð\",\"createdTime\":1737627934912,\"lastEditedTime\":1737628224983,\"createdBy\":\"$5:props:records:block:revenue-sharing-policy:createdBy\",\"lastEditedBy\":\"$5:props:records:block:revenue-sharing-policy:lastEditedBy\",\"uri\":\"/revenue-sharing-policy\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:revenue-sharing-policy:superProperties\",\"propertyValues\":\"$5:props:records:block:revenue-sharing-policy:propertyValues\",\"blockId\":\"eadbd845-b3a3-4e0e-824a-d6d76b3c5e32\",\"ctx\":\"$2d:props:children:4:0:props:ctx\"}]\n"])</script>
1805<script>self.__next_f.push([1,"3e:I[537826,[\"/_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/1-tlhqto6-7lg.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/3_or8blvqwyye.js\"],\"Link\"]\n31:[\"$undefined\",[[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"0-1. When does it start?\",{\"children\":\"1. When does it start?\"}]}]],\"$undefined\"]\n32:[\"$\",\"p\",\"6873364013e5434399d13fb43de03db2,6873364013e5434399d13fb43de03db2\",{\"id\":\"block-6873364013e5434399d13fb43de03db2\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-The Revenue Sharing Policy of BlackRacks officially kicks off on \",{\"children\":\"The Revenue Sharing Policy of BlackRacks officially kicks off on \"}],[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1-January 28\",{\"children\":\"January 28\"}]}],[\"$\",\"$1\",\"2-! It will happen on the 28th of every month.\",{\"children\":\"! It will happen on the 28th of every month.\"}]],\"$undefined\"]}]\n33:[\"$\",\"$1\",\"8b9f8228dddc4385ba0e064dcbac6eee,8b9f8228dddc4385ba0e064dcbac6eee\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"8b9f8228dddc4385ba0e064dcbac6eee\"}],[\"$\",\"h2\",null,{\"id\":\"block-8b9f8228dddc4385ba0e064dcbac6eee\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"0-2. Revenue Allocation Breakdown\",{\"children\":\"2. Revenue Allocation Breakdown\"}]}]],\"$undefined\"]}]]}]\n34:[\"$\",\"ul\",\"f69bd79151604c34b7077d17412a563d,f69bd79151604c34b7077d17412a563d\",{\"className\":\"notion-bulleted-list\",\"children\":[[\"$\",\"li\",\"f69bd79151604c34b7077d17412a563d\",{\"id\":\"block-f69bd79151604c34b7077d17412a563d\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-20% of the revenue will be reserved for \",{\"children\":\"20% of the revenue will be reserved for \"}],[\"$\",\"em\",\"1-i\",{\"children\":[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1-Infrastructure payments and AI development\",{\"children\":\"Infrastructure payments and AI development\"}]}]}],[\"$\",\"$1\",\"2-;\",{\"children\":\";\"}]],\"$undefined\"]}],[\"$\",\"li\",\"412d4197173545b4b5ef1c20ae16c1f4\",{\"id\":\"block-412d4197173545b4b5ef1c20ae16c1f4\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-30% of the revenue will be used to \",{\"children\":\"30% of the revenue will be used to \"}],[\"$\",\"em\",\"1-i\",{\"children\":[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1-Buy back $RACKS\",{\"children\":\"Buy back $RACKS\"}]}]}],[\"$\",\"$1\",\"2-;\",{\"children\":\";\"}]],\"$undefined\"]}],[\"$\",\"li\",\"56879824921846d398f6935c5cc40ba9\",{\"id\":\"block-56879824921846d398f6935c5cc40ba9\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-50% of the revenue will be allocated for \",{\"children\":\"50% of the revenue will be allocated for \"}],[\"$\",\"em\",\"1-i\",{\"children\":[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1-Revenue sharing and paid to the $RACKS vault on Mesh\",{\"children\":\"Revenue sharing and paid to the $RACKS vault on Mesh\"}]}]}],[\"$\",\"$1\",\"2-, where holders can stake and reap rewards.\",{\"children\":\", where holders can stake and reap rewards.\"}]],\"$undefined\"]}]]}]\n35:[\"$\",\"$1\",\"a58f15efaf5b4577855797dbc1e0dfce,a58f15efaf5b4577855797dbc1e0dfce\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"a58f15efaf5b4577855797dbc1e0dfce\"}],[\"$\",\"h2\",null,{\"id\":\"block-a58f15efaf5b4577855797dbc1e0dfce\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"0-3. Details About the $RACKS Vault\",{\"children\":\"3. Details About the $RACKS Vault\"}]}]],\"$undefined\"]}]]}]\n36:[\"$\",\"ul\",\"075f7786b5f74f26b9b3f370f6051734,075f7786b5f74f26b9b3f370f6051734\",{\"className\":\"notion-bulleted-list\",\"children\":[[\"$\",\"li\",\"075f7786b5f74f26b9b3f370f6051734\",{\"id\":\"block-075f7786b5f74f26b9b3f370f6051734\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Unstaking Perio
1805d: The $RACKS Vault is configured with a 60-day unstaking period to ensure stability while rewarding long-term holders;\",{\"children\":\"Unstaking Period: The $RACKS Vault is configured with a 60-day unstaking period to ensure stability while rewarding long-term holders;\"}]],\"$undefined\"]}],[\"$\",\"li\",\"1dd188b36a6a47e1af5d883a6caef663\",{\"id\":\"block-1dd188b36a6a47e1af5d883a6caef663\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Limited-Time Offer: Users can claim $RACKS with no unstaking period until January 27;\",{\"children\":\"Limited-Time Offer: Users can claim $RACKS with no unstaking period until January 27;\"}]],\"$undefined\"]}],[\"$\",\"li\",\"6c7eb7a4f05447a2b302ac678e64c328\",{\"id\":\"block-6c7eb7a4f05447a2b302ac678e64c328\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Vault Access Link: \",{\"children\":\"Vault Access Link: \"}],[\"$\",\"$L3e\",\"https://mesh.distilled.ai/staking?token=D7yP4ycfsRWUGYionGpi64sLF2ddZ2JXxuRAti2M7uck\",{\"className\":\"link\",\"uri\":\"https://mesh.distilled.ai/staking?token=D7yP4ycfsRWUGYionGpi64sLF2ddZ2JXxuRAti2M7uck\",\"serverHref\":\"$undefined\",\"children\":[\"$\",\"$1\",\"1-Stake to Earn Now\",{\"children\":\"Stake to Earn Now\"}]}]],\"$undefined\"]}]]}]\n37:[\"$\",\"$1\",\"5c2c819b575243f0bea918b6db24308a,5c2c819b575243f0bea918b6db24308a\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"5c2c819b575243f0bea918b6db24308a\"}],[\"$\",\"h2\",null,{\"id\":\"block-5c2c819b575243f0bea918b6db24308a\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"0-4. $RACKSâs Current Portfolio Snapshot \",{\"children\":\"4. $RACKSâs Current Portfolio Snapshot \"}]}],[\"$\",\"em\",\"1-i\",{\"children\":[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1-(as of Jan 22)\",{\"children\":\"(as of Jan 22)\"}]}]}]],\"$undefined\"]}]]}]\n38:[\"$\",\"ul\",\"b157139dcca04affadba062924e7497e,b157139dcca04affadba062924e7497e\",{\"className\":\"notion-bulleted-list\",\"children\":[[\"$\",\"li\",\"b157139dcca04affadba062924e7497e\",{\"id\":\"block-b157139dcca04affadba062924e7497e\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Portfolio Value: $2,938,936.08\",{\"children\":\"Portfolio Value: $2,938,936.08\"}]],\"$undefined\"]}],[\"$\",\"li\",\"d3beb31fe53c4af8828e26040f9676ea\",{\"id\":\"block-d3beb31fe53c4af8828e26040f9676ea\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Earnings (Management + Performance Fees): $439,287.22\",{\"children\":\"Earnings (Management + Performance Fees): $439,287.22\"}]],\"$undefined\"]}],[\"$\",\"$1\",\"0a8ab4ac85d74e94b5f957b335da289f\",{\"children\":[[\"$\",\"li\",null,{\"id\":\"block-0a8ab4ac85d74e94b5f957b335da289f\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Revenue Allocation demonstration:\",{\"children\":\"Revenue Allocation demonstration:\"}]],\"$undefined\"]}],[\"$\",\"ul\",null,{\"className\":\"notion-bulleted-list\",\"children\":[[\"$\",\"li\",\"aba81a915c3949dfb61fbeed7a859aee\",{\"id\":\"block-aba81a915c3949dfb61fbeed7a859aee\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"em\",\"1-i\",{\"children\":[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"0-Infrastructure \u0026 AI development\",{\"children\":\"Infrastructure \u0026 AI development\"}]}]}],[\"$\",\"$1\",\"1-: $87,857.444\",{\"children\":\": $87,857.444\"}]],\"$undefined\"]}],[\"$\",\"li\",\"1c2c893bd218444b8fb46dd3cd777919\",{\"id\":\"block-1c2c893bd218444b8fb46dd3cd777919\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"em\",\"1-i\",{\"children\":[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"0-Buy backs $RACKS\",{\"children\":\"Buy backs $RACKS\"}]}]}],[\"$\",\"$1\",\"1-: $131,786.166\",{\"children\":\": $131,786.166\"}]],\"$undefined\"]}],[\"$\",\"li\",\"f62d5ae119ce498c810b6735ba1360d6\",{\"id\":\"block-f62d5ae119ce498c810b6735ba1360d6\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"em\",\"1-i\",{\"children\":[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"0-Revenue Sharing and paid to $RACKS vault on Mesh\",{\"children\":\"Revenue Sharing and paid to $RACKS vault on Mesh\"}]}]}],[\"$\",\"$1\",\"1-: $219,643.61\",{\"children\":\": $219,643.61\"}]],\"$undefined\"]}],[\"$\",\"div\",\"95269b69a21e4d38938f0dfe86a74d08,95269b69a21e4d38938f0dfe86a74d08\",{\"id\":\"block-95269b69a21e4d38938f0dfe86a74d08\",\"className\":\"notion-text\"}]]}]]}]]}]\n39:[\"$\",\"p\",\"103cbc47b85e4d74a7fdaeb83ef662fc,103cbc47b85e4d74a7fdaeb83ef662fc\",{\"id\":\"block-103cbc47b85e4d74a7fdaeb83ef662fc\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-ð¡ \",{\"children\":\"ð¡ \"}],[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1-Example in Action\",{\"children\":\"Example in Action\"}]}],[\"$\",\"$1\",\"2-: If you are staking $RACKS in the vault, your share of the \",{\"children\":\": If you are staking $RACKS in the vault, your share of the \"}],[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"3-$219,643.61 \",{\"children\":\"$$219,643.61 \"}]}],[\"$\",\"$1\",\"4-allocation will depend on your staked amount and the total vault balance.\",{\"children\":\"allocation will depend on your staked amount and the total vault balance.\"}]],\"$undefined\"]}]\n3a:[\"$\",\"p\",\"d04dfde92fbe431887001bd0bc000987,d04dfde92fbe431887001bd0bc000987\",{\"id\":\"block-d04dfde92fbe431887001bd0bc000987\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-This breakdown provides clarity on how revenue is distributed, ensuring transparency and alignment with BlackRackâs goals.\",{\"children\":\"This breakdown provides clarity on how revenue is distributed, ensuring transparency and alignment with BlackRackâs goals.\"}]],\"$undefined\"]}]\n3b:[\"$\",\"div\",\"150a67a0c0734d1eb0c43503b03caac8,150a67a0c0734d1eb0c43503b03caac8\",{\"id\":\"block-150a67a0c0734d1eb0c43503b03caac8\",\"className\":\"notion-divider\"}]\n3c:[\"$\",\"div\",\"50300c48a0c04eb7b3a256e5e1a6b457,50300c48a0c04eb7b3a256e5e1a6b457\",{\"id\":\"block-50300c48a0c04eb7b3a256e5e1a6b457\",\"className\":\"notion-callout color-default border\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-callout__icon\",\"children\":[\"$\",\"span\",null,{\"className\":\"notion-icon text\",\"style\":{\"width\":\"20px\",\"height\"
1805:\"20px\",\"fontSize\":\"20px\",\"fill\":\"var(--color-text-default-light)\"},\"children\":\"ð\"}]}],[\"$\",\"div\",null,{\"className\":\"notion-callout__content\",\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-semantic-string\",\"children\":[\"$undefined\",\"$5:props:records:block:50300c48a0c04eb7b3a256e5e1a6b457:title\",\"$undefined\"]}],[[\"$\",\"p\",\"b78fc67868bc455badc8ddff29903279,b78fc67868bc455badc8ddff29903279\",{\"id\":\"block-b78fc67868bc455badc8ddff29903279\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"strong\",\"1-b\",{\"children\":[\"$\",\"$L3e\",\"/racks-tokenomics\",{\"className\":\"link\",\"uri\":\"/racks-tokenomics\",\"serverHref\":\"/racks-tokenomics\",\"children\":[\"$\",\"$1\",\"0-NEXT\",{\"children\":\"NEXT\"}]}]}]],\"$undefined\"]}]]]}]]}]\n"])</script>
1805<script>self.__next_f.push([1,"8:null\nd:[[\"$\",\"title\",\"0\",{\"children\":\"Revenue Sharing Policy\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"generator\",\"content\":\"Super\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Revenue Sharing Policy\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://blackrack.ai/revenue-sharing-policy\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"Revenue Sharing Policy\"}],[\"$\",\"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\":\"Revenue Sharing Policy\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"BlackRacksâs Revenue Sharing Policy is designed to reward $RACKS holders with sustainable and transparent benefits.\"}]]\n"])</script>
1805</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.