1<!DOCTYPE html><html lang="en" dir="ltr" class="theme-light"><head><meta charSet="utf-8"/><link rel="preconnect" href="/" crossorigin=""/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fuploads%2Flogo%2F659c47d5-bfb8-4621-8226-a6c461947183.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fuploads%2Flogo%2F659c47d5-bfb8-4621-8226-a6c461947183.png&w=384&q=75 2x"/><link rel="preload" as="image" imageSrcSet="https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=640 640w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=750 750w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=828 828w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=1080 1080w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=1200 1200w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=1920 1920w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=2048 2048w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=3840 3840w" imageSizes="100vw"/><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/0g_idl5vg6j6e.js" async=""></script>
1<script src="/_next/static/chunks/10-69h2xev3ek.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0frr4pf5-l6az.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/2dqfxeq83i129.js" async=""></script>
1<script src="/_next/static/chunks/2matreab0rub0.js" async=""></script>
1<script src="/_next/static/chunks/0hund3nm1jlh-.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/1yek40h4qth9v.js" async=""></script>
1<link rel="preload" href="https://sites.super.so/ascent/css/style.css" as="style"/><link rel="preload" href="/_next/static/chunks/12e5er48ih0r9.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/404m29jcn_wih.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/3rq6qs8cd-hrq.js" as="script" fetchPriority="low"/><link rel="icon" href="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/favicon/d843d406-0189-4ec6-9034-7a8efe0ba7ab.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>Research</title><meta name="generator" content="Super"/><meta name="robots" content="index, follow"/><meta property="og:title" content="Research"/><meta property="og:url" content="https://www.pak-lab.com/research-themes-and-expertise"/><meta property="og:site_name" content="Research"/><meta property="og:locale" content="en-US"/><meta property="og:image" content="https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb"/><meta property="og:image:alt" content="Research"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Research"/><meta name="twitter:image" content="https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb"/><meta name="twitter:image:alt" content="Research"/>
1<script> 2 (function () { 3 if (typeof Node !== "function" || !Node.prototype || Node.prototype.__superDomGuard) { 4 return; 5 } 6 Node.prototype.__superDomGuard = true; 7 8 var originalRemoveChild = Node.prototype.removeChild; 9 Node.prototype.removeChild = function (child) { 10 if (child && child.parentNode !== this) { 11 if (typeof console !== "undefined" && console.warn) { 12 console.warn("[super] skipped removeChild for node not in this parent", child, this); 13 } 14 return child; 15 } 16 return originalRemoveChild.apply(this, arguments); 17 }; 18 19 var originalInsertBefore = Node.prototype.insertBefore; 20 Node.prototype.insertBefore = function (newNode, referenceNode) { 21 if (referenceNode && referenceNode.parentNode !== this) { 22 if (typeof console !== "undefined" && console.warn) { 23 console.warn("[super] skipped insertBefore for reference node not in this parent", referenceNode, this); 24 } 25 return newNode; 26 } 27 return originalInsertBefore.apply(this, arguments); 28 }; 29 })(); 30</script>
30<script> 31 const html = document.getElementsByTagName("html")[0]; 32 try { 33 const colorPreference = localStorage 34 ? localStorage.getItem("color-preference") 35 : null; 36 37 if (true) { 38 html.classList.remove("theme-light"); 39 } 40 41 if (false && colorPreference && html) { 42 html.classList.add("theme-" + colorPreference); 43 } else { 44 html.classList.add("theme-light"); 45 } 46 } catch (e) { 47 console.log('ERROR themeEffect', e) 48 html.classList.add("theme-light"); 49 } 50</script>
50<style> 51 @font-face { 52 font-family: "Inter"; 53 font-style: normal; 54font-display: swap; 55 font-weight: 400; 56 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */ 57 58 src: local(""), 59 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix") 60 format("embedded-opentype"), 61 /* IE6-IE8 */ 62 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") 63 format("woff2"), 64 /* Super Modern Browsers */ 65 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff") 66 format("woff"), 67 /* Modern Browsers */ 68 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf") 69 format("truetype"), 70 /* Safari, Android, iOS */ 71 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter") 72 format("svg"); /* Legacy iOS */ 73 74 } 75 76 @font-face { 77 font-family: "Inter"; 78 font-style: normal; 79font-display: swap; 80 font-weight: 500; 81 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */ 82 83 src: local(""), 84 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix") 85 format("embedded-opentype"), 86 /* IE6-IE8 */ 87 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") 88 format("woff2"), 89 /* Super Modern Browsers */ 90 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff") 91 format("woff"), 92 /* Modern Browsers */ 93 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf") 94 format("truetype"), 95 /* Safari, Android, iOS */ 96 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter") 97 format("svg"); /* Legacy iOS */ 98 99 } 100 101 @font-face { 102 font-family: "Inter"; 103 font-style: normal; 104font-display: swap; 105 font-weight: 600; 106 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot"); /* IE9 Compat Modes */ 107 108 src: local(""), 109 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix") 110 format("embedded-opentype"), 111 /* IE6-IE8 */ 112 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") 113 format("woff2"), 114 /* Super Modern Browsers */ 115 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff") 116 format("woff"), 117 /* Modern Browsers */ 118 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf") 119 format("truetype"), 120 /* Safari, Android, iOS */ 121 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter") 122 format("svg"); /* Legacy iOS */ 123 124 } 125 126 @font-face { 127 font-family: "Inter"; 128 font-style: normal; 129font-display: swap; 130 font-weight: 700; 131 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */ 132 133 src: local(""), 134 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix") 135 format("embedded-opentype"), 136 /* IE6-IE8 */ 137 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") 138 format("woff2"), 139 /* Super Modern Browsers */ 140 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff") 141 format("woff"), 142 /* Modern Browsers */ 143 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf") 144 format("truetype"), 145 /* Safari, Android, iOS */ 146 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter") 147 format("svg"); /* Legacy iOS */ 148 149 } 150 151 @font-face { 152 font-family: "Inter-fallback"; 153 size-adjust: 107%; 154 ascent-override: 90%; 155 src: local("Arial"); 156 } 157 </style><style>html{font-size:16px}</style><link rel="stylesheet" href="https://sites.super.so/ascent/css/style.css"/>
157<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
157</head><body><div hidden=""><!--$--><!--/$--></div><div class="super-root"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="super-navbar simple" style="position:sticky;box-shadow:var(--navbar-shadow);-webkit-box-shadow:var(--navbar-shadow)"><div class="super-navbar__content"><a class="notion-link super-navbar__logo" href="/"><div class="super-navbar__logo-image"><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/logo/659c47d5-bfb8-4621-8226-a6c461947183.png" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/logo/659c47d5-bfb8-4621-8226-a6c461947183.png" style="display:contents"><img alt="Logo" width="180" height="40" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:left" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fuploads%2Flogo%2F659c47d5-bfb8-4621-8226-a6c461947183.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fuploads%2Flogo%2F659c47d5-bfb8-4621-8226-a6c461947183.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fuploads%2Flogo%2F659c47d5-bfb8-4621-8226-a6c461947183.png&w=384&q=75"/></span></div></a><div style="position:relative"><ul data-orientation="horizontal" class="super-navbar__item-list" dir="ltr"><li><a class="notion-link super-navbar__item" href="/">Home</a></li><li><a class="notion-link super-navbar__item" href="/research-themes-and-expertise">Research</a></li><li><a class="notion-link super-navbar__item" href="/publications">Publications</a></li><li><a class="notion-link super-navbar__item" href="/team-members">Team</a></li><li><a class="notion-link super-navbar__item" href="/news">News</a></li><li><a class="notion-link super-navbar__item" href="/contact-us">Contact</a></li></ul></div><div class="super-navbar__actions"><div class="super-navbar__button super-navbar__menu-open"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu " type="Menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg><!--/$--></div></div></div><div class="super-navbar__viewport-wrapper"></div></nav><div class="super-content-wrapper"><main id="page-research-themes-and-expertise" class="super-content page__research-themes-and-expertise parent-page__index"><div class="notion-header page"><div class="notion-header__cover has-cover has-icon-image"><span data-full-size="https://images.unsplash.com/photo-1542903660-eedba2cda473" data-lightbox-src="https://images.unsplash.com/photo-1542903660-eedba2cda473" style="display:contents"><img alt="Research" decoding="async" data-nimg="fill" class="notion-header__cover-image" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:center 39.1%;color:transparent" sizes="100vw" srcSet="https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=640 640w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=750 750w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=828 828w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=1080 1080w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=1200 1200w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=1920 1920w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=2048 2048w, https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=3840 3840w" src="https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3&q=90&fm=jpg&crop=entropy&cs=srgb&w=3840"/></span></div><div class="notion-header__content max-width has-cover has-icon-image"><div class="notion-header__title-wrapper"><div class="notion-header__icon-wrapper has-cover has-icon-image"><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a5b343db-37e5-4fe0-8aff-0151eec2d98c/data-chart-horizontal.svg" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a5b343db-37e5-4fe0-8aff-0151eec2d98c/data-chart-horizontal.svg" style="display:contents"><img alt="Research" loading="lazy" width="125" height="125" decoding="async" data-nimg="1" class="notion-header__icon" style="color:transparent;object-fit:cover;object-position:center" src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a5b343db-37e5-4fe0-8aff-0151eec2d98c/data-chart-horizontal.svg"/></span></div><h1 class="notion-header__title">Research</h1></div></div></div><article id="block-research-themes-and-expertise" class="notion-root max-width"><div id="block-1969a2922de18016969ccbe75a718b53" class="notion-collection inline"><div class="notion-collection__header-wrapper"><div class="notion-dropdown"><div><div class="notion-dropdown__button"><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg" style="display:contents"><img alt="" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="notion-icon" style="color:transparent;object-fit:contain;object-position:center" src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg"/></span>
157<p class="notion-dropdown__button-title">Current Research Areas</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="10" height="10"><polygon points="15,17.4 4.8,7 2,9.8 15,23 28,9.8 25.2,7 "></polygon></svg></div></div><div class="notion-dropdown__menu-wrapper"><div class="notion-dropdown__menu initial-state close"><div class="notion-dropdown__menu-header"><p>2<!-- --> views</p></div><div class="notion-dropdown__option-list"><div class="notion-dropdown__option active"><div class="notion-dropdown__option-icon"><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg" style="display:contents"><img alt="" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="notion-icon" style="color:transparent;object-fit:contain;object-position:center" src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg"/></span></div><p>Current Research Areas</p></div><div class="notion-dropdown__option "><div class="notion-dropdown__option-icon"><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg" style="display:contents"><img alt="" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="notion-icon" style="color:transparent;object-fit:contain;object-position:center" src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg"/></span></div><p>Current Research Expertise</p></div></div></div></div></div></div><div class="notion-collection-gallery large"><div id="block-research-themes-and-expertise-themes-and-expertise-bacterial-microcompartments" class="notion-collection-card gallery"><a id="block-research-themes-and-expertise-themes-and-expertise-bacterial-microcompartments" href="/research-themes-and-expertise/themes-and-expertise/bacterial-microcompartments" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/research-themes-and-expertise/themes-and-expertise/bacterial-microcompartments">Bacterial Microcompartments</a><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/3e837672-e57a-47ac-816e-761879f64153/BMC.png" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/3e837672-e57a-47ac-816e-761879f64153/BMC.png" style="display:contents"><img alt="Bacterial Microcompartments" loading="lazy" width="960" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover large" style="color:transparent;object-fit:contain;object-position:center 50%" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F3e837672-e57a-47ac-816e-761879f64153%2FBMC.png&w=1080&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F3e837672-e57a-47ac-816e-761879f64153%2FBMC.png&w=1920&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F3e837672-e57a-47ac-816e-761879f64153%2FBMC.png&w=1920&q=75"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string"><div class="notion-property__title__icon-wrapper"><svg class="notion-icon notion-icon__page" viewBox="0 0 16 16" width="18" height="18" style="width:16px;height:16px;font-size:16px;fill:var(--color-text-default-light)"><path d="M4.35645 15.4678H11.6367C13.0996 15.4678 13.8584 14.6953 13.8584 13.2256V7.02539C13.8584 6.0752 13.7354 5.6377 13.1406 5.03613L9.55176 1.38574C8.97754 0.804688 8.50586 0.667969 7.65137 0.667969H4.35645C2.89355 0.667969 2.13477 1.44043 2.13477 2.91016V13.2256C2.13477 14.7021 2.89355 15.4678 4.35645 15.4678ZM4.46582 14.1279C3.80273 14.1279 3.47461 13.7793 3.47461 13.1436V2.99219C3.47461 2.36328 3.80273 2.00781 4.46582 2.00781H7.37793V5.75391C7.37793 6.73145 7.86328 7.20312 8.83398 7.20312H12.5186V13.1436C12.5186 13.7793 12.1836 14.1279 11.5205 14.1279H4.46582ZM8.95703 6.02734C8.67676 6.02734 8.56055 5.9043 8.56055 5.62402V2.19238L12.334 6.02734H8.95703ZM10.4336 9.00098H5.42969C5.16992 9.00098 4.98535 9.19238 4.98535 9.43164C4.98535 9.67773 5.16992 9.86914 5.42969 9.86914H10.4336C10.6797 9.86914 10.8643 9.67773 10.8643 9.43164C10.8643 9.19238 10.6797 9.00098 10.4336 9.00098ZM10.4336 11.2979H5.42969C5.16992 11.2979 4.98535 11.4893 4.98535 11.7354C4.98535 11.9746 5.16992
15712.1592 5.42969 12.1592H10.4336C10.6797 12.1592 10.8643 11.9746 10.8643 11.7354C10.8643 11.4893 10.6797 11.2979 10.4336 11.2979Z"></path></svg></div>Bacterial Microcompartments</div></div></div><div id="block-research-themes-and-expertise-themes-and-expertise-biopolymers" class="notion-collection-card gallery"><a id="block-research-themes-and-expertise-themes-and-expertise-biopolymers" href="/research-themes-and-expertise/themes-and-expertise/biopolymers" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/research-themes-and-expertise/themes-and-expertise/biopolymers">Biopolymers</a><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/34d94c58-b9b3-4563-8df4-f94196de964b/biopolymers.png" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/34d94c58-b9b3-4563-8df4-f94196de964b/biopolymers.png" style="display:contents"><img alt="Biopolymers" loading="lazy" width="960" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover large" style="color:transparent;object-fit:contain;object-position:center 50%" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F34d94c58-b9b3-4563-8df4-f94196de964b%2Fbiopolymers.png&w=1080&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F34d94c58-b9b3-4563-8df4-f94196de964b%2Fbiopolymers.png&w=1920&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F34d94c58-b9b3-4563-8df4-f94196de964b%2Fbiopolymers.png&w=1920&q=75"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string"><div class="notion-property__title__icon-wrapper"><svg class="notion-icon notion-icon__page" viewBox="0 0 16 16" width="18" height="18" style="width:16px;height:16px;font-size:16px;fill:var(--color-text-default-light)"><path d="M4.35645 15.4678H11.6367C13.0996 15.4678 13.8584 14.6953 13.8584 13.2256V7.02539C13.8584 6.0752 13.7354 5.6377 13.1406 5.03613L9.55176 1.38574C8.97754 0.804688 8.50586 0.667969 7.65137 0.667969H4.35645C2.89355 0.667969 2.13477 1.44043 2.13477 2.91016V13.2256C2.13477 14.7021 2.89355 15.4678 4.35645 15.4678ZM4.46582 14.1279C3.80273 14.1279 3.47461 13.7793 3.47461 13.1436V2.99219C3.47461 2.36328 3.80273 2.00781 4.46582 2.00781H7.37793V5.75391C7.37793 6.73145 7.86328 7.20312 8.83398 7.20312H12.5186V13.1436C12.5186 13.7793 12.1836 14.1279 11.5205 14.1279H4.46582ZM8.95703 6.02734C8.67676 6.02734 8.56055 5.9043 8.56055 5.62402V2.19238L12.334 6.02734H8.95703ZM10.4336 9.00098H5.42969C5.16992 9.00098 4.98535 9.19238 4.98535 9.43164C4.98535 9.67773 5.16992 9.86914 5.42969 9.86914H10.4336C10.6797 9.86914 10.8643 9.67773 10.8643 9.43164C10.8643 9.19238 10.6797 9.00098 10.4336 9.00098ZM10.4336 11.2979H5.42969C5.16992 11.2979 4.98535 11.4893 4.98535 11.7354C4.98535 11.9746 5.16992 12.1592 5.42969 12.1592H10.4336C10.6797 12.1592 10.8643 11.9746 10.8643 11.7354C10.8643 11.4893 10.6797 11.2979 10.4336 11.2979Z"></path></svg></div>Biopolymers</div></div></div><div id="block-research-themes-and-expertise-themes-and-expertise-non-equilibrium-theory" class="notion-collection-card gallery"><a id="block-research-themes-and-expertise-themes-and-expertise-non-equilibrium-theory" href="/research-themes-and-expertise/themes-and-expertise/non-equilibrium-theory" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/research-themes-and-expertise/themes-and-expertise/non-equilibrium-theory">Non-Equilibrium Theory</a><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/f0410de4-ec4c-4101-afee-2d9b33a95518/nonequilibrium.png" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/f0410de4-ec4c-4101-afee-2d9b33a95518/nonequilibrium.png" style="display:contents"><img alt="Non-Equilibrium Theory" loading="lazy" width="960" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover large" style="color:transparent;object-fit:contain;object-position:center 50%" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2Ff0410de4-ec4c-4101-afee-2d9b33a95518%2Fnonequilibrium.png&w=1080&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2Ff0410de4-ec4c-4101-afee-2d9b33a95518%2Fnonequilibrium.png&w=1920&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2Ff0410de4-ec4c-4101-afee-2d9b33a95518%2Fnonequilibrium.png&w=1920&q=75"/></span><div class="notion-collection-card__content notion-collection-card__property-list">
157<div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string"><div class="notion-property__title__icon-wrapper"><svg class="notion-icon notion-icon__page" viewBox="0 0 16 16" width="18" height="18" style="width:16px;height:16px;font-size:16px;fill:var(--color-text-default-light)"><path d="M4.35645 15.4678H11.6367C13.0996 15.4678 13.8584 14.6953 13.8584 13.2256V7.02539C13.8584 6.0752 13.7354 5.6377 13.1406 5.03613L9.55176 1.38574C8.97754 0.804688 8.50586 0.667969 7.65137 0.667969H4.35645C2.89355 0.667969 2.13477 1.44043 2.13477 2.91016V13.2256C2.13477 14.7021 2.89355 15.4678 4.35645 15.4678ZM4.46582 14.1279C3.80273 14.1279 3.47461 13.7793 3.47461 13.1436V2.99219C3.47461 2.36328 3.80273 2.00781 4.46582 2.00781H7.37793V5.75391C7.37793 6.73145 7.86328 7.20312 8.83398 7.20312H12.5186V13.1436C12.5186 13.7793 12.1836 14.1279 11.5205 14.1279H4.46582ZM8.95703 6.02734C8.67676 6.02734 8.56055 5.9043 8.56055 5.62402V2.19238L12.334 6.02734H8.95703ZM10.4336 9.00098H5.42969C5.16992 9.00098 4.98535 9.19238 4.98535 9.43164C4.98535 9.67773 5.16992 9.86914 5.42969 9.86914H10.4336C10.6797 9.86914 10.8643 9.67773 10.8643 9.43164C10.8643 9.19238 10.6797 9.00098 10.4336 9.00098ZM10.4336 11.2979H5.42969C5.16992 11.2979 4.98535 11.4893 4.98535 11.7354C4.98535 11.9746 5.16992 12.1592 5.42969 12.1592H10.4336C10.6797 12.1592 10.8643 11.9746 10.8643 11.7354C10.8643 11.4893 10.6797 11.2979 10.4336 11.2979Z"></path></svg></div>Non-Equilibrium Theory</div></div></div><div id="block-research-themes-and-expertise-themes-and-expertise-porous-crystals" class="notion-collection-card gallery"><a id="block-research-themes-and-expertise-themes-and-expertise-porous-crystals" href="/research-themes-and-expertise/themes-and-expertise/porous-crystals" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/research-themes-and-expertise/themes-and-expertise/porous-crystals">Porous Crystals</a><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a9fef817-7088-4455-827d-40ffac905062/porous_crystals.png" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a9fef817-7088-4455-827d-40ffac905062/porous_crystals.png" style="display:contents"><img alt="Porous Crystals" loading="lazy" width="960" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover large" style="color:transparent;object-fit:contain;object-position:center 50%" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2Fa9fef817-7088-4455-827d-40ffac905062%2Fporous_crystals.png&w=1080&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2Fa9fef817-7088-4455-827d-40ffac905062%2Fporous_crystals.png&w=1920&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2Fa9fef817-7088-4455-827d-40ffac905062%2Fporous_crystals.png&w=1920&q=75"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string"><div class="notion-property__title__icon-wrapper"><svg class="notion-icon notion-icon__page" viewBox="0 0 16 16" width="18" height="18" style="width:16px;height:16px;font-size:16px;fill:var(--color-text-default-light)"><path d="M4.35645 15.4678H11.6367C13.0996 15.4678 13.8584 14.6953 13.8584 13.2256V7.02539C13.8584 6.0752 13.7354 5.6377 13.1406 5.03613L9.55176 1.38574C8.97754 0.804688 8.50586 0.667969 7.65137 0.667969H4.35645C2.89355 0.667969 2.13477 1.44043 2.13477 2.91016V13.2256C2.13477 14.7021 2.89355 15.4678 4.35645 15.4678ZM4.46582 14.1279C3.80273 14.1279 3.47461 13.7793 3.47461 13.1436V2.99219C3.47461 2.36328 3.80273 2.00781 4.46582 2.00781H7.37793V5.75391C7.37793 6.73145 7.86328 7.20312 8.83398 7.20312H12.5186V13.1436C12.5186 13.7793 12.1836 14.1279 11.5205 14.1279H4.46582ZM8.95703 6.02734C8.67676 6.02734 8.56055 5.9043 8.56055 5.62402V2.19238L12.334 6.02734H8.95703ZM10.4336 9.00098H5.42969C5.16992 9.00098 4.98535 9.19238 4.98535 9.43164C4.98535 9.67773 5.16992 9.86914 5.42969 9.86914H10.4336C10.6797 9.86914 10.8643 9.67773 10.8643 9.43164C10.8643 9.19238 10.6797 9.00098 10.4336 9.00098ZM10.4336 11.2979H5.42969C5.16992 11.2979 4.98535 11.4893 4.98535 11.7354C4.98535 11.9746 5.16992
15712.1592 5.42969 12.1592H10.4336C10.6797 12.1592 10.8643 11.9746 10.8643 11.7354C10.8643 11.4893 10.6797 11.2979 10.4336 11.2979Z"></path></svg></div>Porous Crystals</div></div></div><div id="block-research-themes-and-expertise-themes-and-expertise-protein-based-hydrogels" class="notion-collection-card gallery"><a id="block-research-themes-and-expertise-themes-and-expertise-protein-based-hydrogels" href="/research-themes-and-expertise/themes-and-expertise/protein-based-hydrogels" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/research-themes-and-expertise/themes-and-expertise/protein-based-hydrogels">Protein-based Hydrogels</a><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/b2cbb975-929a-491a-b051-b9d1cdd416f0/protein_hydrogels.png" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/b2cbb975-929a-491a-b051-b9d1cdd416f0/protein_hydrogels.png" style="display:contents"><img alt="Protein-based Hydrogels" loading="lazy" width="960" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover large" style="color:transparent;object-fit:contain;object-position:center 50%" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2Fb2cbb975-929a-491a-b051-b9d1cdd416f0%2Fprotein_hydrogels.png&w=1080&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2Fb2cbb975-929a-491a-b051-b9d1cdd416f0%2Fprotein_hydrogels.png&w=1920&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2Fb2cbb975-929a-491a-b051-b9d1cdd416f0%2Fprotein_hydrogels.png&w=1920&q=75"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string"><div class="notion-property__title__icon-wrapper"><svg class="notion-icon notion-icon__page" viewBox="0 0 16 16" width="18" height="18" style="width:16px;height:16px;font-size:16px;fill:var(--color-text-default-light)"><path d="M4.35645 15.4678H11.6367C13.0996 15.4678 13.8584 14.6953 13.8584 13.2256V7.02539C13.8584 6.0752 13.7354 5.6377 13.1406 5.03613L9.55176 1.38574C8.97754 0.804688 8.50586 0.667969 7.65137 0.667969H4.35645C2.89355 0.667969 2.13477 1.44043 2.13477 2.91016V13.2256C2.13477 14.7021 2.89355 15.4678 4.35645 15.4678ZM4.46582 14.1279C3.80273 14.1279 3.47461 13.7793 3.47461 13.1436V2.99219C3.47461 2.36328 3.80273 2.00781 4.46582 2.00781H7.37793V5.75391C7.37793 6.73145 7.86328 7.20312 8.83398 7.20312H12.5186V13.1436C12.5186 13.7793 12.1836 14.1279 11.5205 14.1279H4.46582ZM8.95703 6.02734C8.67676 6.02734 8.56055 5.9043 8.56055 5.62402V2.19238L12.334 6.02734H8.95703ZM10.4336 9.00098H5.42969C5.16992 9.00098 4.98535 9.19238 4.98535 9.43164C4.98535 9.67773 5.16992 9.86914 5.42969 9.86914H10.4336C10.6797 9.86914 10.8643 9.67773 10.8643 9.43164C10.8643 9.19238 10.6797 9.00098 10.4336 9.00098ZM10.4336 11.2979H5.42969C5.16992 11.2979 4.98535 11.4893 4.98535 11.7354C4.98535 11.9746 5.16992 12.1592 5.42969 12.1592H10.4336C10.6797 12.1592 10.8643 11.9746 10.8643 11.7354C10.8643 11.4893 10.6797 11.2979 10.4336 11.2979Z"></path></svg></div>Protein-based Hydrogels</div></div></div><div id="block-research-themes-and-expertise-themes-and-expertise-pyrenoids" class="notion-collection-card gallery"><a id="block-research-themes-and-expertise-themes-and-expertise-pyrenoids" href="/research-themes-and-expertise/themes-and-expertise/pyrenoids" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/research-themes-and-expertise/themes-and-expertise/pyrenoids">Pyrenoids</a><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/346a7ec8-d3da-4410-a267-db9e2d130e81/pyrenoid.png" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/346a7ec8-d3da-4410-a267-db9e2d130e81/pyrenoid.png" style="display:contents"><img alt="Pyrenoids" loading="lazy" width="960" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover large" style="color:transparent;object-fit:contain;object-position:center 50%" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F346a7ec8-d3da-4410-a2
15767-db9e2d130e81%2Fpyrenoid.png&w=1080&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F346a7ec8-d3da-4410-a267-db9e2d130e81%2Fpyrenoid.png&w=1920&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F346a7ec8-d3da-4410-a267-db9e2d130e81%2Fpyrenoid.png&w=1920&q=75"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string"><div class="notion-property__title__icon-wrapper"><svg class="notion-icon notion-icon__page" viewBox="0 0 16 16" width="18" height="18" style="width:16px;height:16px;font-size:16px;fill:var(--color-text-default-light)"><path d="M4.35645 15.4678H11.6367C13.0996 15.4678 13.8584 14.6953 13.8584 13.2256V7.02539C13.8584 6.0752 13.7354 5.6377 13.1406 5.03613L9.55176 1.38574C8.97754 0.804688 8.50586 0.667969 7.65137 0.667969H4.35645C2.89355 0.667969 2.13477 1.44043 2.13477 2.91016V13.2256C2.13477 14.7021 2.89355 15.4678 4.35645 15.4678ZM4.46582 14.1279C3.80273 14.1279 3.47461 13.7793 3.47461 13.1436V2.99219C3.47461 2.36328 3.80273 2.00781 4.46582 2.00781H7.37793V5.75391C7.37793 6.73145 7.86328 7.20312 8.83398 7.20312H12.5186V13.1436C12.5186 13.7793 12.1836 14.1279 11.5205 14.1279H4.46582ZM8.95703 6.02734C8.67676 6.02734 8.56055 5.9043 8.56055 5.62402V2.19238L12.334 6.02734H8.95703ZM10.4336 9.00098H5.42969C5.16992 9.00098 4.98535 9.19238 4.98535 9.43164C4.98535 9.67773 5.16992 9.86914 5.42969 9.86914H10.4336C10.6797 9.86914 10.8643 9.67773 10.8643 9.43164C10.8643 9.19238 10.6797 9.00098 10.4336 9.00098ZM10.4336 11.2979H5.42969C5.16992 11.2979 4.98535 11.4893 4.98535 11.7354C4.98535 11.9746 5.16992 12.1592 5.42969 12.1592H10.4336C10.6797 12.1592 10.8643 11.9746 10.8643 11.7354C10.8643 11.4893 10.6797 11.2979 10.4336 11.2979Z"></path></svg></div>Pyrenoids</div></div></div><div id="block-research-themes-and-expertise-themes-and-expertise-surface-layer-proteins" class="notion-collection-card gallery"><a id="block-research-themes-and-expertise-themes-and-expertise-surface-layer-proteins" href="/research-themes-and-expertise/themes-and-expertise/surface-layer-proteins" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/research-themes-and-expertise/themes-and-expertise/surface-layer-proteins">Surface-Layer Proteins</a><span data-full-size="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/0a58dc5c-25ff-4923-b7d7-2c899333e438/slayer_proteins.png" data-lightbox-src="https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/0a58dc5c-25ff-4923-b7d7-2c899333e438/slayer_proteins.png" style="display:contents"><img alt="Surface-Layer Proteins" loading="lazy" width="960" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover large" style="color:transparent;object-fit:contain;object-position:center 50%" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F0a58dc5c-25ff-4923-b7d7-2c899333e438%2Fslayer_proteins.png&w=1080&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F0a58dc5c-25ff-4923-b7d7-2c899333e438%2Fslayer_proteins.png&w=1920&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F919bc73b-252e-49b8-9c62-f4c071c6c40f%2Fimages%2F0a58dc5c-25ff-4923-b7d7-2c899333e438%2Fslayer_proteins.png&w=1920&q=75"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string"><div class="notion-property__title__icon-wrapper"><svg class="notion-icon notion-icon__page" viewBox="0 0 16 16" width="18" height="18" style="width:16px;height:16px;font-size:16px;fill:var(--color-text-default-light)"><path d="M4.35645 15.4678H11.6367C13.0996 15.4678 13.8584 14.6953 13.8584 13.2256V7.02539C13.8584 6.0752 13.7354 5.6377 13.1406 5.03613L9.55176 1.38574C8.97754 0.804688 8.50586 0.667969 7.65137 0.667969H4.35645C2.89355 0.667969 2.13477 1.44043 2.13477 2.91016V13.2256C2.13477 14.7021 2.89355 15.4678 4.35645 15.4678ZM4.46582 14.1279C3.80273 14.1279 3.47461 13.7793 3.47461 13.1436V2.99219C3.47461 2.36328 3.80273 2.00781 4.46582 2.00781H7.37793V5.75391C7.37793 6.73145 7.86328 7.20312 8.83398 7.20312H12.5186V13.1436C12.5186 13.7793 12.1836 14.1279 11.5205 14.1279H4.46582ZM8.95703 6.02734C8.67676 6.02734 8.56055 5.9043 8.56055 5.62402V2.19238L12.334 6.02734H8.95703ZM10.4336 9.00098H5.42969C5.16992 9.00098 4.98535 9.19238 4.98535 9.43164C4.98535 9.67773 5.16992 9.86914 5.42969 9.86914H10.4336C10.6797 9.86914 10.8643 9.67773 10.8643 9.43164C10.8643 9.19238 10.6797 9.00098 10.4336 9.00098ZM10.4336 11.2979H5.42969C5.16992 11.2979 4.98535 11.4893 4.98535 11.7354C4.98535 11.9746 5.16992
15712.1592 5.42969 12.1592H10.4336C10.6797 12.1592 10.8643 11.9746 10.8643 11.7354C10.8643 11.4893 10.6797 11.2979 10.4336 11.2979Z"></path></svg></div>Surface-Layer Proteins</div></div></div></div></div><div id="block-2e29a2922de180fcbf6dc8f4d8ce998d" class="notion-text"></div></article></main><style> 158 html { 159 font-size: 16px; 160 } 161 162 163 </style><!--$--><!--/$--></div></div><style> 164 165 html.theme-light { 166 /* Gray */ 167 --gray-h: 36; 168 --gray-s: 2%; 169 --gray-l: 46%; 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 90% 176 ); 177 --color-bg-gray-light: var(--color-bg-gray); 178 --color-pill-gray: hsl( 179 calc(var(--gray-h) + 14), 180 var(--gray-s), 181 88% 182 ); 183 --color-pill-text-gray: hsl( 184 var(--gray-h), 185 var(--gray-s), 186 calc(var(--gray-l) - 28%) 187 ); 188 --color-bg-form-btn-gray: #A7A39A; 189 190 /* Brown */ 191 --brown-h: 19; 192 --brown-s: 31%; 193 --brown-l: 47%; 194 --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l)); 195 --color-text-brown: var(--color-brown); 196 --color-bg-brown: hsl( 197 var(--brown-h), 198 var(--brown-s), 199 90% 200 ); 201 --color-bg-brown-light: var(--color-bg-brown); 202 --color-pill-brown: hsl( 203 var(--brown-h), 204 calc(var(--brown-s) + 10%), 205 89% 206 ); 207 --color-pill-text-brown: hsl( 208 var(--brown-h), 209 calc(var(--brown-s) + 10%), 210 calc(var(--brown-l) - 28%) 211 ); 212 --color-bg-form-btn-brown: #9A6851; 213 214 /* Orange */ 215 --orange-h: 30; 216 --orange-s: 87%; 217 --orange-l: 45%; 218 --color-orange: hsl( 219 var(--orange-h), 220 var(--orange-s), 221 var(--orange-l) 222 ); 223 --color-text-orange: var(--color-orange); 224 --color-bg-orange: hsl( 225 var(--orange-h), 226 var(--orange-s), 227 90% 228 ); 229 --color-bg-orange-light: var(--color-bg-orange); 230 --color-pill-orange: hsl( 231 var(--orange-h), 232 calc(var(--orange-s) - 6%), 233 87% 234 ); 235 --color-pill-text-orange: hsl( 236 calc(var(--orange-h) - 5), 237 calc(var(--orange-s) - 18%), 238 calc(var(--orange-l) - 28%) 239 ); 240 --color-bg-form-btn-orange: #D9730D; 241 242 /* Yellow */ 243 --yellow-h: 38; 244 --yellow-s: 62%; 245 --yellow-l: 49%; 246 --color-yellow: hsl( 247 var(--yellow-h), 248 var(--yellow-s), 249 var(--yellow-l) 250 ); 251 --color-text-yellow: var(--color-yellow); 252 --color-bg-yellow: hsl( 253 var(--yellow-h), 254 calc(var(--yellow-s) + 90%), 255 90% 256 ); 257 --color-bg-yellow-light: var(--color-bg-yellow); 258 --color-pill-yellow: hsl( 259 calc(var(--yellow-h) + 3), 260 calc(var(--yellow-s) + 24%), 261 90% 262 ); 263 --color-pill-text-yellow: hsl( 264 calc(var(--yellow-h) - 11), 265 calc(var(--yellow-s) - 22%), 266 calc(var(--yellow-l) - 28%) 267 ); 268 --color-bg-form-btn-yellow: #CA922F; 269 270 /* Green */ 271 --green-h: 149; 272 --green-s: 31%; 273 --green-l: 39%; 274 --color-green: hsl(var(--green-h), var(--green-s), var(--green-l)); 275 --color-text-green: var(--color-green); 276 --color-bg-green: hsl( 277 var(--green-h), 278 var(--green-s), 279 90% 280 ); 281 --color-bg-green-light: var(--color-bg-green); 282 --color-pill-green: hsl( 283 calc(var(--green-h) - 28), 284 calc(var(--green-s) + 3%), 285 89% 286 ); 287 --color-pill-text-green: hsl( 288 calc(var(--green-h) - 2), 289 var(--green-s), 290 calc(var(--green-l) - 22%) 291 ); 292 --color-bg-form-btn-green: #448361; 293 294 /* Blue */ 295 --blue-h: 202; 296 --blue-s: 53%; 297 --blue-l: 43%; 298 --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l)); 299 --color-text-blue: var(--color-blue); 300 --color-bg-blue: hsl( 301 var(--blue-h), 302 var(--blue-s), 303 90% 304 ); 305 --color-bg-blue-light: var(--color-bg-blue); 306 --color-pill-blue: hsl( 307 var(--blue-h), 308 calc(var(--blue-s) - 5%), 309 85% 310 ); 311 --color-pill-text-blue: hsl( 312 calc(var(--blue-h) + 7), 313 calc(var(--blue-s) - 6%), 314 calc(var(--blue-l) - 22%) 315 ); 316 --color-bg-form-btn-blue: #327DA9; 317 318 /* Purple */ 319 --purple-h: 274; 320 --purple-s: 32%; 321 --purple-l: 54%; 322 --color-purple: hsl( 323 var(--purple-h), 324 var(--purple-s), 325 var(--purple-l) 326 ); 327 --color-text-purple: var(--color-purple); 328 --color-bg-purple: hsl( 329 var(--purple-h), 330 var(--purple-s), 331 90% 332 ); 333 --color-bg-purple-light: var(--color-bg-purple); 334 --color-pill-purple: hsl( 335 var(--purple-h), 336 calc(var(--purple-s) + 5%), 337 90% 338 ); 339 --color-pill-text-purple: hsl( 340 calc(var(--purple-h) + 1), 341 calc(var(--purple-s) + 10%), 342 calc(var(--purple-l) - 31%) 343 ); 344 --color-bg-form-btn-purple: #8F64AF; 345 346 /* Pink */ 347 --pink-h: 328; 348 --pink-s: 48%; 349 --pink-l: 53%; 350 --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l)); 351 --color-text-pink: var(--color-pink); 352 --color-bg-pink: hsl( 353 var(--pink-h), 354 var(--pink-s), 355 90% 356 ); 357 --color-bg-pink-light: var(--color-bg-pink); 358 --color-pill-pink: hsl( 359 var(--pink-h), 360 var(--pink-s), 361 90% 362 ); 363 --color-pill-text-pink: hsl( 364 calc(var(--pink-h) + 3), 365 calc(var(--pink-s) - 14%), 366 calc(var(--pink-l) - 31%) 367 ); 368 --color-bg-form-btn-pink: #C24C8B; 369 370 /* Red */ 371 --red-h: 2; 372 --red-s: 62%; 373 --red-l: 55%; 374 --color-red: hsl(var(--red-h), var(--red-s), var(--red-l)); 375 --color-text-red: var(--color-red); 376 --color-bg-red: hsl( 377 var(--red-h), 378 var(--red-s), 379 90% 380 ); 381 --color-bg-red-light: var(--color-bg-red); 382 --color-pill-red: hsl( 383 calc(var(--red-h) + 6), 384 calc(var(--red-s) + 42%), 385 90% 386 ); 387 --color-pill-text-red: hsl( 388 calc(var(--red-h) + 0), 389 var(--red-s), 390 calc(var(--red-l) - 32%) 391 ); 392 --color-bg-form-btn-red: #D44E49; 393 394 /*Default*/ 395 --default-h: 45; 396 --default-s: 8%; 397 --default-l: 20%; 398 --color-default: hsl( 399 var(--default-h), 400 var(--default-s), 401 var(--default-l) 402 ); 403 --color-pill-default: hsl( 404 var(--gray-h), 405 var(--gray-s), 406 90% 407 ); 408 --color-pill-text-default: hsl( 409 var(--gray-h), 410 var(--gray-s), 411 calc(var(--gray-l) - 28%) 412 ); 413 --color-bg-form-btn-default: #55534E; 414 415 /*Other*/ 416 --color-text-default: #37352F; 417 --color-text-default-light: #7d7c78; 418 --color-bg-default: #ffffff; 419 --color-border-default: #E9E9E7; 420 --color-border-dark: var(--color-border-default); 421 --color-ui-hover-bg: #efefef; 422 --color-card-bg: #ffffff; 423 --color-card-bg-hover: #f9f9f8; 424 --color-calendar-weekend-bg: #f7f6f3; 425 --color-checkbox-bg: #2EAADC; 426 --color-code-bg: rgba(135,131,120,.15); 427 428 /*Scrollbar*/ 429 --scrollbar-background-color: #FAFAFA; 430 --scrollbar-thumb-color: #C1C1C1; 431 --scrollbar-border-color: #E8E8E8; 432 433 /*Navbar*/ 434 --navbar-text-color: #484641; 435 --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
436 --navbar-background-color-hover: #f0f0f0; 437 --navbar-background-color: #ffffff; 438 --navbar-button-text-color: #ffffff; 439 --navbar-button-background-color: #37352F; 440 --navbar-menu-background-color: var(--navbar-background-color); 441 --navbar-text-color-dark: #393732; 442 443 /*Footer*/ 444 --footer-text-color: #37352F; 445 --footer-background-color: #ffffff; 446 447 /*Sidebar*/ 448 --sidebar-text-color: #37352F; 449 --sidebar-cta-text-color: #37352F; 450 --sidebar-background-color: #ffffff; 451 --sidebar-cta-background-color: #ffffff; 452 --sidebar-border-color: #E9E9E7; 453 --sidebar-background-color-hover: #efefef; 454 --sidebar-text-color-dark: #282620; 455 --sidebar-cta-background-color-hover: #efefef; 456 } 457 458 459 /** 460 * One Light theme for prism.js 461 * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax 462 */ 463 464 /** 465 * One Light colours (accurate as of commit eb064bf on 19 Feb 2021) 466 * From colors.less 467 * --mono-1: hsl(230, 8%, 24%); 468 * --mono-2: hsl(230, 6%, 44%); 469 * --mono-3: hsl(230, 4%, 64%) 470 * --hue-1: hsl(198, 99%, 37%); 471 * --hue-2: hsl(221, 87%, 60%); 472 * --hue-3: hsl(301, 63%, 40%); 473 * --hue-4: hsl(119, 34%, 47%); 474 * --hue-5: hsl(5, 74%, 59%); 475 * --hue-5-2: hsl(344, 84%, 43%); 476 * --hue-6: hsl(35, 99%, 36%); 477 * --hue-6-2: hsl(35, 99%, 40%); 478 * --syntax-fg: hsl(230, 8%, 24%); 479 * --syntax-bg: hsl(230, 1%, 98%); 480 * --syntax-gutter: hsl(230, 1%, 62%); 481 * --syntax-guide: hsla(230, 8%, 24%, 0.2); 482 * --syntax-accent: hsl(230, 100%, 66%); 483 * From syntax-variables.less 484 * --syntax-selection-color: hsl(230, 1%, 90%); 485 * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%); 486 * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05); 487 */ 488 489 html.theme-light code[class*="language-"], 490 html.theme-light pre[class*="language-"] { 491 color: hsl(230, 8%, 24%); 492 font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace; 493 direction: ltr; 494 text-align: left; 495 white-space: pre; 496 word-spacing: normal; 497 word-break: normal; 498 line-height: 1.5; 499 -moz-tab-size: 2; 500 -o-tab-size: 2; 501 tab-size: 2; 502 -webkit-hyphens: none; 503 -moz-hyphens: none; 504 -ms-hyphens: none; 505 hyphens: none; 506 } 507 508 /* Selection */ 509 html.theme-light code[class*="language-"]::-moz-selection, 510 html.theme-light code[class*="language-"] *::-moz-selection, 511 html.theme-light pre[class*="language-"] *::-moz-selection { 512 background: hsl(230, 1%, 90%); 513 color: inherit; 514 } 515 516 html.theme-light code[class*="language-"]::selection, 517 html.theme-light code[class*="language-"] *::selection, 518 html.theme-light pre[class*="language-"] *::selection { 519 background: hsl(230, 1%, 90%); 520 color: inherit; 521 } 522 523 /* Code blocks */ 524 html.theme-light pre[class*="language-"] { 525 padding: 1em; 526 margin: 0.5em 0; 527 overflow: auto; 528 border-radius: 0.3em; 529 } 530 531 /* Inline code */ 532 html.theme-light :not(pre) > code[class*="language-"] { 533 padding: 0.2em 0.3em; 534 border-radius: 0.3em; 535 white-space: normal; 536 } 537 538 html.theme-light .token.comment, 539 html.theme-light .token.prolog, 540 html.theme-light .token.cdata { 541 color: hsl(230, 4%, 64%); 542 } 543 544 html.theme-light .token.doctype, 545 html.theme-light .token.punctuation, 546 html.theme-light .token.entity { 547 color: hsl(230, 8%, 24%); 548 } 549 550 html.theme-light .token.attr-name, 551 html.theme-light .token.class-name, 552 html.theme-light .token.boolean, 553 html.theme-light .token.constant, 554 html.theme-light .token.number, 555 html.theme-light .token.atrule { 556 color: hsl(35, 99%, 36%); 557 } 558 559 html.theme-light .token.keyword { 560 color: hsl(301, 63%, 40%); 561 } 562 563 html.theme-light .token.property, 564 html.theme-light .token.tag, 565 html.theme-light .token.symbol, 566 html.theme-light .token.deleted, 567 html.theme-light .token.important { 568 color: hsl(5, 74%, 59%); 569 } 570 571 html.theme-light .token.selector, 572 html.theme-light .token.string, 573 html.theme-light .token.char, 574 html.theme-light .token.builtin, 575 html.theme-light .token.inserted, 576 html.theme-light .token.regex, 577 html.theme-light .token.attr-value, 578 html.theme-light .token.attr-value > .token.punctuation { 579 color: hsl(119, 34%, 47%); 580 } 581 582 html.theme-light .token.variable, 583 html.theme-light .token.operator, 584 html.theme-light .token.function { 585 color: hsl(221, 87%, 60%); 586 } 587 588 html.theme-light .token.url {
589 color: hsl(198, 99%, 37%); 590 } 591 592 /* HTML overrides */ 593 html.theme-light .token.attr-value > .token.punctuation.attr-equals, 594 html.theme-light .token.special-attr > .token.attr-value > .token.value.css { 595 color: hsl(230, 8%, 24%); 596 } 597 598 /* CSS overrides */ 599 html.theme-light .language-css .token.selector { 600 color: hsl(5, 74%, 59%); 601 } 602 603 html.theme-light .language-css .token.property { 604 color: hsl(230, 8%, 24%); 605 } 606 607 html.theme-light .language-css .token.function, 608 html.theme-light .language-css .token.url > .token.function { 609 color: hsl(198, 99%, 37%); 610 } 611 612 html.theme-light .language-css .token.url > .token.string.url { 613 color: hsl(119, 34%, 47%); 614 } 615 616 html.theme-light .language-css .token.important, 617 html.theme-light .language-css .token.atrule .token.rule { 618 color: hsl(301, 63%, 40%); 619 } 620 621 /* JS overrides */ 622 html.theme-light .language-javascript .token.operator { 623 color: hsl(301, 63%, 40%); 624 } 625 626 html.theme-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation { 627 color: hsl(344, 84%, 43%); 628 } 629 630 /* JSON overrides */ 631 html.theme-light .language-json .token.operator { 632 color: hsl(230, 8%, 24%); 633 } 634 635 html.theme-light .language-json .token.null.keyword { 636 color: hsl(35, 99%, 36%); 637 } 638 639 /* MD overrides */ 640 html.theme-light .language-markdown .token.url, 641 html.theme-light .language-markdown .token.url > .token.operator, 642 html.theme-light .language-markdown .token.url-reference.url > .token.string { 643 color: hsl(230, 8%, 24%); 644 } 645 646 html.theme-light .language-markdown .token.url > .token.content { 647 color: hsl(221, 87%, 60%); 648 } 649 650 html.theme-light .language-markdown .token.url > .token.url, 651 html.theme-light .language-markdown .token.url-reference.url { 652 color: hsl(198, 99%, 37%); 653 } 654 655 html.theme-light .language-markdown .token.blockquote.punctuation, 656 html.theme-light .language-markdown .token.hr.punctuation { 657 color: hsl(230, 4%, 64%); 658 font-style: italic; 659 } 660 661 html.theme-light .language-markdown .token.code-snippet { 662 color: hsl(119, 34%, 47%); 663 } 664 665 html.theme-light .language-markdown .token.bold .token.content { 666 color: hsl(35, 99%, 36%); 667 } 668 669 html.theme-light .language-markdown .token.italic .token.content { 670 color: hsl(301, 63%, 40%); 671 } 672 673 html.theme-light .language-markdown .token.strike .token.content, 674 html.theme-light .language-markdown .token.strike .token.punctuation, 675 html.theme-light .language-markdown .token.list.punctuation, 676 html.theme-light .language-markdown .token.title.important > .token.punctuation { 677 color: hsl(5, 74%, 59%); 678 } 679 680 /* General */ 681 html.theme-light .token.bold { 682 font-weight: bold; 683 } 684 685 html.theme-light .token.comment, 686 html.theme-light .token.italic { 687 font-style: italic; 688 } 689 690 html.theme-light .token.entity { 691 cursor: help; 692 } 693 694 html.theme-light .token.namespace { 695 opacity: 0.8; 696 } 697 698 /* Plugin overrides */ 699 /* Selectors should have higher specificity than those in the plugins' default stylesheets */ 700 701 /* Show Invisibles plugin overrides */ 702 html.theme-light .token.token.tab:not(:empty):before, 703 html.theme-light .token.token.cr:before, 704 html.theme-light .token.token.lf:before, 705 html.theme-light .token.token.space:before { 706 color: hsla(230, 8%, 24%, 0.2); 707 } 708 709 /* Toolbar plugin overrides */ 710 /* Space out all buttons and move them away from the right edge of the code block */ 711 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item { 712 margin-right: 0.4em; 713 } 714 715 /* Styling the buttons */ 716 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button, 717 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a, 718 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span { 719 background: hsl(230, 1%, 90%); 720 color: hsl(230, 6%, 44%); 721 padding: 0.1em 0.4em; 722 border-radius: 0.3em; 723 } 724 725 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover, 726 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus, 727 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover, 728 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus, 729 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover, 730 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus { 731 background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */ 732 color: hsl(230, 8%, 24%); 733 } 734 735 /* Line Highlight plugin overrides */ 736 /* The highlighted line itself */ 737 html.theme-light .line-highlight.line-highlight { 738 background: hsla(230, 8%, 24%, 0.05); 739 } 740 741 /* Default line numbers in Line Highlight plugin */ 742 html.theme-light .line-highlight.line-highlight:before, 743 html.theme-light .line-highlight.line-highlight[data-end]:after { 744 background: hsl(230, 1%, 90%); 745 color: hsl(230, 8%, 24%); 746 padding: 0.1em 0.6em; 747 border-radius: 0.3em; 748 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */ 749 } 750 751 /* Hovering over a linkable line number (in the gutter area) */ 752 /* Requires Line Numbers plugin as well */ 753 html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before { 754 background-color: hsla(230, 8%, 24%, 0.05); 755 } 756 757 /* Line Numbers and Command Line plugins overrides */ 758 /* Line separating gutter from coding area */ 759 html.theme-light .line-numbers.line-numbers .line-numbers-rows, 760 html.theme-light .command-line .command-line-prompt { 761 border-right-color: hsla(230, 8%, 24%, 0.2); 762 } 763 764 /* Stuff in the gutter */ 765 html.theme-light .line-numbers .line-numbers-rows > span:before, 766 html.theme-light .command-line .command-line-prompt > span:before { 767 color: hsl(230, 1%, 62%); 768 } 769 770 /* Match Braces plugin overrides */ 771 /* Note: Outline colour is inherited from the braces */ 772 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1, 773 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5, 774 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 { 775 color: hsl(5, 74%, 59%); 776 } 777 778 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2, 779 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6, 780 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 { 781 color: hsl(119, 34%, 47%); 782 } 783 784 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3, 785 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7, 786 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 { 787 color: hsl(221, 87%, 60%); 788 } 789 790 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4, 791 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8, 792 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 { 793 color: hsl(301, 63%, 40%); 794 } 795 796 /* Diff Highlight plugin overrides */ 797 /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */ 798 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix), 799 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) { 800 background-color: hsla(353, 100%, 66%, 0.15); 801 } 802 803 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, 804 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, 805 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, 806 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection { 807 background-color: hsla(353, 95%, 66%, 0.25); 808 } 809 810 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection, 811 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection, 812 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection, 813 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection { 814 background-color: hsla(353, 95%, 66%, 0.25); 815 } 816 817 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix), 818 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) { 819 background-color: hsla(137, 100%, 55%, 0.15); 820 } 821 822 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, 823 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, 824 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, 825 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection { 826 background-color: hsla(135, 73%, 55%, 0.25); 827 } 828 829 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection, 830 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection, 831 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection, 832 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection { 833 background-color: hsla(135, 73%, 55%, 0.25); 834 } 835 836 /* Previewers plugin overrides */ 837 /* 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 */ 838 /* Border around popup */ 839 html.theme-light .prism-previewer.prism-previewer:before, 840 html.theme-light .prism-previewer-gradient.prism-previewer-gradient div { 841 border-color: hsl(0, 0, 95%); 842 } 843 844 /* Angle and time should remain as circles and are hence not included */ 845 html.theme-light .prism-previewer-color.prism-previewer-color:before, 846 html.theme-light .prism-previewer-gradient.prism-previewer-gradient div, 847 html.theme-light .prism-previewer-easing.prism-previewer-easing:before { 848 border-radius: 0.3em; 849 } 850 851 /* Triangles pointing to the code */ 852 html.theme-light .prism-previewer.prism-previewer:after { 853 border-top-color: hsl(0, 0, 95%); 854 } 855 856 html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after { 857 border-bottom-color: hsl(0, 0, 95%); 858 } 859
860 /* Background colour within the popup */ 861 html.theme-light .prism-previewer-angle.prism-previewer-angle:before, 862 html.theme-light .prism-previewer-time.prism-previewer-time:before, 863 html.theme-light .prism-previewer-easing.prism-previewer-easing { 864 background: hsl(0, 0%, 100%); 865 } 866 867 /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */ 868 /* For time, this is the alternate colour */ 869 html.theme-light .prism-previewer-angle.prism-previewer-angle circle, 870 html.theme-light .prism-previewer-time.prism-previewer-time circle { 871 stroke: hsl(230, 8%, 24%); 872 stroke-opacity: 1; 873 } 874 875 /* Stroke colours of the handle, direction point, and vector itself */ 876 html.theme-light .prism-previewer-easing.prism-previewer-easing circle, 877 html.theme-light .prism-previewer-easing.prism-previewer-easing path, 878 html.theme-light .prism-previewer-easing.prism-previewer-easing line { 879 stroke: hsl(230, 8%, 24%); 880 } 881 882 /* Fill colour of the handle */ 883 html.theme-light .prism-previewer-easing.prism-previewer-easing circle { 884 fill: transparent; 885 } 886 887 888 889 :root { 890 /* Layout */ 891 --padding-layout: 0.6rem; 892 --border-radii-layout: 5px; 893 --border-thickness-layout: 1px; 894 --border-type-layout: solid; 895 --border-layout: var(--border-thickness-layout) 896 var(--border-type-layout) var(--color-border-default); 897 --layout-max-width: 900px; 898 --column-spacing: 46px; 899 --page-display: none; 900 --padding-right: calc(env(safe-area-inset-right) + 96px); 901 --padding-left: calc(env(safe-area-inset-left) + 96px); 902 --padding-right-mobile: calc(env(safe-area-inset-right) + 24px); 903 --padding-left-mobile: calc(env(safe-area-inset-left) + 24px); 904 /* Header */ 905 --header-cover-height: 30vh; 906 --header-title-align: start; 907 --header-icon-align: -112px auto auto auto; 908 --header-display: block; 909 /* Collection header */ 910 --collection-header-border: var(--border-layout); 911 /* Collection table */ 912 --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem) 913 calc(var(--padding-layout) - 0.1rem); 914 /* Collection list */ 915 --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem); 916 --collection-list-item-border-radii: calc( 917 var(--border-radii-layout) - 1px 918 ); 919 /* Collection card */ 920 --collection-card-padding: 0px; 921 --collection-card-title-padding: 0px; 922 --collection-card-content-padding: var(--padding-layout); 923 --collection-card-border-radii: var(--border-radii-layout); 924 --collection-card-gap: 10px; 925 --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px; 926 --collection-card-title-size: 0.875rem; 927 --collection-card-cover-height-small: 128px; 928 --collection-card-cover-size-small: 172px; 929 --collection-card-cover-height-medium: 200px; 930 --collection-card-cover-size-medium: 260px; 931 --collection-card-cover-height-large: 200px; 932 --collection-card-cover-size-large: 320px; 933 --collection-card-icon-display: inline-flex; 934 /* Callout */ 935 --callout-padding: calc(var(--padding-layout) + 0.4rem) 936 calc(var(--padding-layout) + 0.4rem) 937 calc(var(--padding-layout) + 0.4rem) 938 calc(var(--padding-layout) + 0.1em); 939 --callout-border-radii: calc(var(--border-radii-layout) - 2px); 940 --callout-border: var(--border-layout); 941 --callout-icon-display: block; 942 --callout-shadow: none; 943 /* File */ 944 --file-border-radii: calc(var(--border-radii-layout) - 2px); 945 /* Equation */ 946 --equation-border-radii: calc(var(--border-radii-layout) - 2px); 947 /* Divider */ 948 --divider-border: var(--border-layout); 949 /* Quote */ 950 --quote-border: calc(var(--border-thickness-layout) + 2px) solid 951 currentcolor; 952 /* Code */ 953 --code-padding: calc(var(--padding-layout) + 1.4rem); 954 --code-border-radii: var(--border-radii-layout); 955 /* Tweet */ 956 --tweet-padding: calc(var(--padding-layout) + 0.65rem) 957 calc(var(--padding-layout) + 0.65rem) 958 calc(var(--padding-layout) + 0.05rem) 959 calc(var(--padding-layout) + 0.65rem); 960 --tweet-border-radii: var(--border-radii-layout); 961 --tweet-border: var(--border-layout); 962 /* Bookmark */ 963 --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
963x 964 calc(var(--padding-layout) + 0.025rem) 965 calc(var(--padding-layout) + 0.275rem); 966 --bookmark-border-radii: var(--border-radii-layout); 967 --bookmark-border: var(--border-layout); 968 --bookmark-image-border-radii: 0px 969 calc(var(--border-radii-layout) - 1px) 970 calc(var(--border-radii-layout) - 1px) 0px; 971 /* Embed */ 972 --embed-border-radii: calc(var(--border-radii-layout) - 5px); 973 /* Image */ 974 --image-border-radii: calc(var(--border-radii-layout) - 5px); 975 /* Typography */ 976 --title-size: 2.5rem; 977 --quote-size: 1.2rem; 978 --quote-size-large: 1.4rem; 979 --heading-size: 1rem; 980 --primary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji, 981 Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, 982 Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, 983 BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, 984 sans-serif; 985 --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji, 986 Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, 987 Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, 988 BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, 989 sans-serif; 990 --text-weight: 400; 991 --heading-weight: 600; 992 --heading1-size: calc(var(--heading-size) * 1.875); 993 --heading2-size: calc(var(--heading-size) * 1.5); 994 --heading3-size: calc(var(--heading-size) * 1.25); 995 --heading4-size: calc(var(--heading-size) * 1); 996 --heading5-size: calc(var(--heading-size) * 0.8125); 997 /* Scrollbars */ 998 --scrollbar-width: 15px; 999 /* Navbar */ 1000 --navbar-height: 56px; 1001 --navbar-shadow: none; 1002 --navbar-button-border-radii: 50px; 1003 --navbar-list-width-single-column: 320px; 1004 --navbar-list-width: 620px; 1005 /*Sidebar*/ 1006 --sidebar-width: 280px; 1007 --sidebar-shadow: none; 1008 } 1009 html { 1010 scroll-padding-top: 62px; 1011 } 1012 body { 1013 font-family: var(--secondary-font); 1014 } 1015 1016 1017 1018</style>
1018<script src="/_next/static/chunks/2l8zr1i2h4s0n.js" id="_R_" async=""></script>
1018<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1018<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\",\"www.pak-lab.com\",\"research-themes-and-expertise\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"main\",{\"children\":[[\"site\",\"www.pak-lab.com\",\"d\",[]],{\"children\":[[\"page\",\"research-themes-and-expertise\",\"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/2dqfxeq83i129.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/0hund3nm1jlh-.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\"}
1018],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/1yek40h4qth9v.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\":\"OazuvV68wSfVknyegtqAH\"}\n9:C\nb:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1018<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/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/favicon/d843d406-0189-4ec6-9034-7a8efe0ba7ab.png\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n const html = document.getElementsByTagName(\\\"html\\\")[0];\\n try {\\n const colorPreference = localStorage\\n ? localStorage.getItem(\\\"color-preference\\\")\\n : null;\\n\\n if (true) {\\n html.classList.remove(\\\"theme-light\\\");\\n }\\n \\n if (false \u0026\u0026 colorPreference \u0026\u0026 html) {\\n html.classList.add(\\\"theme-\\\" + colorPreference);\\n } else {\\n html.classList.add(\\\"theme-light\\\");\\n }\\n } catch (e) {\\n console.log('ERROR themeEffect', e)\\n html.classList.add(\\\"theme-light\\\");\\n }\\n\"}}],[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"}}],\"$L11\",\"$L12\",[\"$L13\",\"$L14\",\"$L15\",\"$L16\"],[\"$L17\"]]}],\"$L18\"]}]\n"])</script>
1018<script>self.__next_f.push([1,"19:I[868422,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SiteProvider\"]\n:HL[\"/styles/static.css\",\"style\"]\n:HL[\"/styles/notion.css\",\"style\"]\n:HL[\"/styles/super.css\",\"style\"]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://sites.super.so/ascent/css/style.css\",\"style\"]\n11:[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"html{font-size:16px}\"}}]\n12:[[\"$\",\"link\",\"/styles/static.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/static.css\",\"precedence\":\"default\"}],[\"$\",\"link\",\"/styles/notion.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/notion.css\",\"precedence\":\"default\"}],[\"$\",\"link\",\"/styles/super.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/super.css\",\"precedence\":\"default\"}]]\n13:[\"$\",\"link\",\"font-preload-Inter-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n14:[\"$\",\"link\",\"font-preload-Inter-500\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n15:[\"$\",\"link\",\"font-preload-Inter-600\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n16:[\"$\",\"link\",\"font-preload-Inter-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n17:[\"$\",\"link\",\"link-https://sites.super.so/ascent/css/style.css\",{\"rel\":\"stylesheet\",\"href\":\"https://sites.super.so/ascent/css/style.css\"}]\n18:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L19\",null,{\"settings\":{\"siteId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f\",\"userId\":\"ba16673c-7471-4bdd-a986-83497494abd0\",\"domainName\":\"www.pak-lab.com\",\"name\":\"Pak Lab (LMAC)\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/favicon/d843d406-0189-4ec6-9034-7a8efe0ba7ab.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"835aafb7284a4cba968643c2ce4f2f66\",\"indexPageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::5177248d-04ac-4a12-a9ba-589d2f429a65\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":false,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":false,\"loadLimits\":true,\"loadMore\":false,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"pagesExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":{\"type\":\"simple\",\"style\":{\"height\"
1018:56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"c9219e44-dbfc-4243-9b50-ce3fa99f35c9\",\"type\":\"page\",\"label\":\"Home\",\"link\":\"/\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::5177248d-04ac-4a12-a9ba-589d2f429a65\",\"icon\":\"\",\"list\":[]},{\"id\":\"d7bf27cb-adc5-47ef-9776-b6ebabf124c7\",\"type\":\"page\",\"label\":\"Research\",\"link\":\"/research-themes-and-expertise\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::8defb902-15c3-420f-9b18-fa2fcf97e457\",\"icon\":\"\",\"list\":[]},{\"id\":\"19a304fb-619b-4c85-9311-3c6f6fcdadfe\",\"type\":\"page\",\"label\":\"Publications\",\"link\":\"/publications\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::4435cfea-08fc-40ed-83e4-9852e0992676\",\"icon\":\"\",\"description\":\"\",\"list\":[]},{\"id\":\"e712bb4e-7489-48a8-bfcb-dd3b8dc97405\",\"type\":\"page\",\"label\":\"Team\",\"link\":\"/team-members\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::71baddbb-9e45-4dae-a7da-fae24f0da856\",\"icon\":\"\",\"list\":[]},{\"id\":\"84427a57-c025-49fd-a034-3bb71c041e70\",\"type\":\"page\",\"label\":\"News\",\"link\":\"/news\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::4ac9b931-baac-4ce1-8ddc-23030f7f9853\",\"icon\":\"\",\"list\":[]},{\"id\":\"9550a1c8-6f92-4dcf-a8db-c094dca64948\",\"type\":\"page\",\"label\":\"Contact\",\"link\":\"/contact-us\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::aa80302a-b7f8-4319-9a5c-34e01623bb8c\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":180,\"fontSize\":16,\"textContent\":\"Pak Lab (LMAC)\",\"imageContent\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/logo/659c47d5-bfb8-4621-8226-a6c461947183.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"\",\"link\":\"/\",\"pageId\":\"\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"none\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[],\"logo\":null,\"socials\":[],\"footnote\":\"\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"none\"},\"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\":\"#484641\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\",\"hoverBackground\":null},\"footer\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackgroun
1018d\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#ffffff\",\"cardHoverBackground\":\"#f9f9f8\",\"calendarWeekendBackground\":\"#f7f6f3\"},\"default\":[45,8,20],\"gray\":[36,2,46],\"brown\":[19,31,47],\"orange\":[30,87,45],\"yellow\":[38,62,49],\"green\":[149,31,39],\"blue\":[202,53,43],\"purple\":[274,32,54],\"pink\":[328,48,53],\"red\":[2,62,55],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#292929\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#212121\",\"cardHoverBackground\":\"#292929\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[1,69,60]}}},\"code\":{\"global\":[{\"id\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::a02b8e62-2f52-4c0e-b636-fe25d746a810\",\"content\":\"\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/ascent/css/style.css\\\"\u003e\"}],\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"domainQueryParam\":\"$undefined\",\"children\":[null,\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\"]}],\"$L1e\"]}]\n"])</script>
1018<script>self.__next_f.push([1,"1f:I[920494,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"ThemeProvider\"]\n25:I[678415,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationEvents\"]\n26:I[982642,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LinkUpgrader\"]\n27:I[245155,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LightboxEnhancer\"]\n28:I[818466,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SpeedInsights\"]\n20: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: none;\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
1018x\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 21: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);
1018\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: #484641;\n --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
1018\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: #393732;\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 }
1018\n \n /* Background colour within the popup */\n html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-light .prism-previewer-time.prism-previewer-time:before,\n html.theme-light .prism-previewer-easing.prism-previewer-easing {\n background: hsl(0, 0%, 100%);\n }\n \n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-light .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(230, 8%, 24%);\n stroke-opacity: 1;\n }\n \n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(230, 8%, 24%);\n }\n \n /* Fill colour of the handle */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n 22: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 );
1018\n --color-bg-green-light: hsl(\n var(--green-h),\n calc(var(--green-s) - 20%),\n 15%\n );\n --color-pill-green: hsl(\n calc(var(--green-h) + 1),\n calc(var(--green-s) + 3%),\n 26%\n );\n --color-pill-text-green: hsl(\n var(--green-h),\n calc(var(--green-s) - 20%),\n calc(var(--green-l) + 38%)\n );\n --color-bg-form-btn-green: #448361;\n\n /* Blue */\n --blue-h: 217;\n --blue-s: 50%;\n --blue-l: 58%;\n --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n --color-text-blue: var(--color-blue);\n --color-bg-blue: hsl(\n calc(var(--blue-h) - 16),\n calc(var(--blue-s) + 9%),\n 19%\n );\n --color-bg-blue-light: hsl(\n calc(var(--blue-h) + 16),\n calc(var(--blue-s) - 27%),\n 15%\n );\n --color-pill-blue: hsl(\n calc(var(--blue-h) - 3),\n calc(var(--blue-s) - 6%),\n 29%\n );\n --color-pill-text-blue: hsl(\n calc(var(--blue-h) - 5),\n calc(var(--blue-s) - 32%),\n calc(var(--blue-l) + 28%)\n );\n --color-bg-form-btn-blue: #327DA9;\n\n /* Purple */\n --purple-h: 270;\n --purple-s: 55%;\n --purple-l: 62%;\n --color-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n var(--purple-l)\n );\n --color-text-purple: var(--color-purple);\n --color-bg-purple: hsl(\n calc(var(--purple-h) + 2),\n calc(var(--purple-s) - 31%),\n 23%\n );\n --color-bg-purple-light: hsl(\n calc(var(--purple-h) + 5),\n calc(var(--purple-s) - 40%),\n 17%\n );\n --color-pill-purple: hsl(\n var(--purple-h),\n calc(var(--purple-s) - 19%),\n 29%\n );\n --color-pill-text-purple: hsl(\n calc(var(--purple-h) - 3),\n calc(var(--purple-s) - 40%),\n calc(var(--purple-l) + 24%)\n );\n --color-bg-form-btn-purple: #8F64AF;\n\n /* Pink */\n --pink-h: 329;\n --pink-s: 57%;\n --pink-l: 58%;\n --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n --color-text-pink: var(--color-pink);\n --color-bg-pink: hsl(\n calc(var(--pink-h) + 3),\n calc(var(--pink-s) - 29%),\n 24%\n );\n --color-bg-pink-light: hsl(\n calc(var(--pink-h) + 5),\n calc(var(--pink-s) - 40%),\n 16%\n );\n --color-pill-pink: hsl(\n calc(var(--pink-h) - 2),\n calc(var(--pink-s) - 21%),\n 30%\n );\n --color-pill-text-pink: hsl(\n calc(var(--pink-h) + 4),\n calc(var(--pink-s) - 41%),\n calc(var(--pink-l) + 28%)\n );\n --color-bg-form-btn-pink: #C24C8B;\n\n /* Red */\n --red-h: 1;\n --red-s: 69%;\n --red-l: 60%;\n --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n --color-text-red: var(--color-red);\n --color-bg-red: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 37%),\n 24%\n );\n --color-bg-red-light: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 56%),\n 17%\n );\n --color-pill-red: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 30%),\n 31%\n );\n --color-pill-text-red: hsl(\n calc(var(--red-h) + 7),\n calc(var(--red-s) - 50%),\n calc(var(--red-l) + 24%)\n );\n --color-bg-form-btn-red: #D44E49;\n\n /*Default*/\n --default-h: 45;\n --default-s: 8%;\n --default-l: 20%;\n --color-default: hsl(\n var(--default-h),\n var(--default-s),\n var(--default-l)\n );\n --color-pill-default: hsl(\n var(--default-h),\n var(--default-s),\n -19%\n );\n --color-pill-text-default: hsl(\n var(--default-h),\n var(--default-s),\n calc(var(--default-l) + 23%)\n );\n --color-bg-form-btn-default: #55534E;\n\n /*Other*/\n --color-text-default: #e1e1e1;\n --color-text-default-light: #9b9b9b;\n --color-bg-default: #191919;\n --color-border-default: #373737;\n --color-border-dark: var(--color-border-default);\n --color-ui-hover-bg: #292929;\n --color-card-bg: #212121;\n --color-card-bg-hover: #292929;\n --color-calendar-weekend-bg: #202020;\n --color-checkbox-bg: #2EAADC;\n --color-code-bg: rgba(135,131,120,.15);\n\n /*Scrollbar*/\n --scrollbar-background-color: #FAFAFA;\n --scrollbar-thumb-color: #C1C1C1;\n --scrollbar-border-color: #E8E8E8;\n\n /*Navbar*/\n --navbar-text-color: #e1e1e1;\n --navbar-list-item-hover: rgba(255,255,255,.2);\n --navbar-background-color: #191919;\n --navbar-background-color-hover: #282828;\n --navbar-button-text-color: #191919;\n --navbar-button-background-color: #e1e1e1;\n --navbar-menu-background-color: var(--navbar-background-color);\n --navbar-text-color-dark: #d2d2d2;
1018\n\n /*Footer*/\n --footer-text-color: #e1e1e1;\n --footer-background-color: #191919;\n\n /*Sidebar*/\n --sidebar-text-color: #e1e1e1;\n --sidebar-cta-text-color: #e1e1e1;\n --sidebar-background-color: #191919;\n --sidebar-cta-background-color: #191919;\n --sidebar-border-color: #373737;\n --sidebar-background-color-hover: #292929;\n --sidebar-text-color-dark: #d2d2d2;\n --sidebar-cta-background-color-hover: #292929;\n }\n\n /* Calendar for dark mode */\n html.theme-dark .notion-collection-calendar__row {\n box-shadow: var(--color-border-default) -1px 0px 0px;\n }\n\n html.theme-dark .notion-collection-calendar__week-days {\n box-shadow: var(--color-border-default) 0px 1px 0px;\n }\n\n html.theme-dark .notion-collection-calendar__date {\n border-right: 1px solid var(--color-border-default);\n border-bottom: 1px solid var(--color-border-default);\n }\n\n \n /**\n * One Dark theme for prism.js\n * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax\n */\n\n /**\n * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)\n * From colors.less\n * --mono-1: hsl(220, 14%, 71%);\n * --mono-2: hsl(220, 9%, 55%);\n * --mono-3: hsl(220, 10%, 40%);\n * --hue-1: hsl(187, 47%, 55%);\n * --hue-2: hsl(207, 82%, 66%);\n * --hue-3: hsl(286, 60%, 67%);\n * --hue-4: hsl(95, 38%, 62%);\n * --hue-5: hsl(355, 65%, 65%);\n * --hue-5-2: hsl(5, 48%, 51%);\n * --hue-6: hsl(29, 54%, 61%);\n * --hue-6-2: hsl(39, 67%, 69%);\n * --syntax-fg: hsl(220, 14%, 71%);\n * --syntax-bg: hsl(220, 13%, 18%);\n * --syntax-gutter: hsl(220, 14%, 45%);\n * --syntax-guide: hsla(220, 14%, 71%, 0.15);\n * --syntax-accent: hsl(220, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(220, 13%, 28%);\n * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);\n * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);\n */\n\n html.theme-dark code[class*=\"language-\"],\n html.theme-dark pre[class*=\"language-\"] {\n background: hsl(220, 13%, 18%);\n color: hsl(220, 14%, 71%);\n text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n\n /* Selection */\n html.theme-dark code[class*=\"language-\"]::-moz-selection,\n html.theme-dark code[class*=\"language-\"] *::-moz-selection,\n html.theme-dark pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(220, 13%, 28%);\n color: inherit;\n text-shadow: none;\n }\n\n html.theme-dark code[class*=\"language-\"]::selection,\n html.theme-dark code[class*=\"language-\"] *::selection,\n html.theme-dark pre[class*=\"language-\"] *::selection {\n background: hsl(220, 13%, 28%);\n color: inherit;\n text-shadow: none;\n }\n\n /* Code blocks */\n html.theme-dark pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n\n /* Inline code */\n html.theme-dark :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n\n /* Print */\n @media print {\n html.theme-dark code[class*=\"language-\"],\n html.theme-dark pre[class*=\"language-\"] {\n text-shadow: none;\n }\n }\n\n html.theme-dark .token.comment,\n html.theme-dark .token.prolog,\n html.theme-dark .token.cdata {\n color: hsl(220, 10%, 40%);\n }\n\n html.theme-dark .token.doctype,\n html.theme-dark .token.punctuation,\n html.theme-dark .token.entity {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .token.attr-name,\n html.theme-dark .token.class-name,\n html.theme-dark .token.boolean,\n html.theme-dark .token.constant,\n html.theme-dark .token.number,\n html.theme-dark .token.atrule {\n color: hsl(29, 54%, 61%);\n }\n\n html.theme-dark .token.keyword {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .token.property,\n html.theme-dark .token.tag,\n html.theme-dark .token.symbol,\n html.theme-dark .token.deleted,\n html.theme-dark .token.important {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .token.selector,\n html.theme-dark .token.string,\n html.theme-dark .token.char,\n html.theme-dark .token.builtin,\n html.theme-dark .token.inserted,\n html.theme-dark .token.regex,\n html.theme-dark .token.attr-value,\n html.theme-dark .token.attr-value \u003e .token.punctuation {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .token.variable,\n html.theme-dark .token.operator,\n html.theme-dark .token.function {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .token.url {\n color: hsl(187, 47%, 55%);\n }\n\n /* HTML overrides */\n html.theme-dark .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-dark .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(220, 14%, 71%);\n }\n\n /* CSS overrides */\n html.theme-dark .language-css .token.selector {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .language-css .token.property {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-css .token.function,\n html.theme-dark .language-css .token.url \u003e .token.function {\n color: hsl(187, 47%, 55%);\n }\n\n html.theme-dark .language-css .token.url \u003e .token.string.url {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .language-css .token.important,\n html.theme-dark .language-css .token.atrule .token.rule {\n color: hsl(286, 60%, 67%);\n }\n\n /* JS overrides */\n html.theme-dark .language-javascript .token.operator {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(5, 48%, 51%);\n }\n\n /* JSON overrides */\n html.theme-dark .language-json .token.operator {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-json .token.null.keyword {\n color: hsl(29, 54%, 61%);\n }\n\n /* MD overrides */\n html.theme-dark .language-markdown .token.url,\n html.theme-dark .language-markdown .token.url \u003e .token.operator,\n html.theme-dark .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-markdown .token.url \u003e .token.content {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .language-markdown .token.url \u003e .token.url,\n html.theme-dark .language-markdown .token.url-reference.url {\n color: hsl(187, 47%, 55%);\n }\n\n html.theme-dark .language-markdown .token.blockquote.punctuation,\n html.theme-dark .language-markdown .token.hr.punctuation {\n color: hsl(220, 10%, 40%);\n font-style: italic;\n }\n\n html.theme-dark .language-markdown .token.code-snippet {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .language-markdown .token.bold .token.content {\n color: hsl(29, 54%, 61%);\n }\n\n html.theme-dark .language-markdown .token.italic .token.content {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .language-markdown .token.strike .token.content,\n html.theme-dark .language-markdown .token.strike .token.punctuation,\n html.theme-dark .language-markdown .token.list.punctuation,\n html.theme-dark .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(355, 65%, 65%);\n }\n\n /* General */\n html.theme-dark .token.bold {\n font-weight: bold;\n }\n\n html.theme-dark .token.comment,\n html.theme-dark .token.italic {\n font-style: italic;\n }\n\n html.theme-dark .token.entity {\n cursor: help;\n }\n\n html.theme-dark .token.namespace {\n opacity: 0.8;\n }\n\n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n\n /* Show Invisibles plugin overrides */\n html.theme-dark .token.token.tab:not(:empty):before,\n html.theme-dark .token.token.cr:before,\n html.theme-dark .token.token.lf:before,\n html.theme-dark .token.token.space:before {\n color: hsla(220, 14%, 71%, 0.15);\n text-shadow: none;\n }\n\n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n\n /* Styling the buttons */\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(220, 13%, 26%);\n color: hsl(220, 9%, 55%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(220, 13%, 28%);\n color: hsl(220, 14%, 71%);\n }\n\n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-dark .line-highlight.line-highlight {\n background: hsla(220, 100%, 80%, 0.04);\n }\n\n /* Default line numbers in Line Highlight plugin */\n html.theme-dark .line-highlight.line-highlight:before,\n html.theme-dark .line-highlight.line-highlight[data-end]:after {\n background: hsl(220, 13%, 26%);\n color: hsl(220, 14%, 71%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n\n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(220, 100%, 80%, 0.04);\n }\n\n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-dark .line-numbers.line-numbers .line-numbers-rows,\n html.theme-dark .command-line .command-line-prompt {\n border-right-color: hsla(220, 14%, 71%, 0.15);\n }\n\n /* Stuff in the gutter */\n html.theme-dark .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-dark .command-line .command-line-prompt \u003e span:before {\n color: hsl(220, 14%, 45%);\n }\n\n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(286, 60%, 67%);\n }\n\n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n\n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-dark-ui */\n /* Border around popup */\n html.theme-dark .prism-previewer.prism-previewer:before,\n html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(224, 13%, 17%);\n }\n\n /* Angle and time should remain as circles and are hence not included */\n html.theme-dark .prism-previewer-color.prism-previewer-color:before,\n html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n\n /* Triangles pointing to the code */\n html.theme-dark .prism-previewer.prism-previewer:after {\n border-top-color: hsl(224, 13%, 17%);\n }\n\n html.theme-dark .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(224, 13%, 17%);\n }
1018\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 23:T46e0,\n :root {\n --color-text-default: rgb(55, 53, 47);\n --color-text-default-light: rgba(55, 53, 47, 0.6);\n --color-text-gray: rgb(155, 154, 151);\n --color-text-brown: rgb(100, 71, 58);\n --color-text-orange: rgb(217, 115, 13);\n --color-text-yellow: rgb(223, 171, 1);\n --color-text-green: rgb(15, 123, 108);\n --color-text-blue: rgb(11, 110, 153);\n --color-text-purple: rgb(105, 64, 165);\n --color-text-pink: rgb(173, 26, 114);\n --color-text-red: rgb(224, 62, 62);\n\n --color-bg-default: rgb(255, 255, 255);\n --color-bg-gray: rgb(235, 236, 237);\n --color-bg-brown: rgb(233, 229, 227);\n --color-bg-orange: rgb(250, 235, 221);\n --color-bg-yellow: rgb(251, 243, 219);\n --color-bg-green: rgb(221, 237, 234);\n --color-bg-blue: rgb(221, 235, 241);\n --color-bg-purple: rgb(234, 228, 242);\n --color-bg-pink: rgb(244, 223, 235);\n --color-bg-red: rgb(251, 228, 228);\n\n --color-bg-gray-light: rgba(235, 236, 237, 0.3);\n --color-bg-brown-light: rgba(233, 229, 227, 0.3);\n --color-bg-orange-light: rgba(250, 235, 221, 0.3);\n --color-bg-yellow-light: rgba(251, 243, 219, 0.3);\n --color-bg-green-light: rgba(221, 237, 234, 0.3);\n --color-bg-blue-light: rgba(221, 235, 241, 0.3);\n --color-bg-purple-light: rgba(234, 228, 242, 0.3);\n --color-bg-pink-light: rgba(244, 223, 235, 0.3);\n --color-bg-red-light: rgba(251, 228, 228, 0.3);\n\n --color-pill-default: rgba(206, 205, 202, 0.5);\n --color-pill-gray: rgba(155, 154, 151, 0.4);\n --color-pill-brown: rgba(140, 46, 0, 0.2);\n --color-pill-orange: rgba(245, 93, 0, 0.2);\n --color-pill-yellow: rgba(233, 168, 0, 0.2);\n --color-pill-green: rgba(0, 135, 107, 0.2);\n --color-pill-blue: rgba(0, 120, 223, 0.2);\n --color-pill-purple: rgba(103, 36, 222, 0.2);\n --color-pill-pink: rgba(221, 0, 129, 0.2);\n --color-pill-red: rgba(255, 0, 26, 0.2);\n\n --color-ui-hover-bg: rgba(239, 239, 239);\n --color-card-bg: rgb(255, 255, 255);\n --color-checkbox-bg: rgb(46, 170, 220);;\n --color-border-default: rgba(235, 236, 237, 0.8);\n --color-border-dark: rgba(55, 53, 47, 0.16);\n --color-code-bg: rgba(239, 239, 239);\n\n /*Scrollbar*/\n --scrollbar-background-color: #fafafa;\n --scrollbar-thumb-color: #c1c1c1;\n --scrollbar-border-color: #e8e8e8;\n\n --navbar-text-color: var(--color-text-default);\n --navbar-background-color: var(--color-bg-default);\n --navbar-button-text-color: var(--color-text-default);\n --navbar-button-background-color: var(--color-bg-default);\n --navbar-menu-background-color: var(--navbar-background-color);\n\n --footer-text-color: var(--color-text-default);\n --footer-background-color: var(--color-bg-default);\n --color-calendar-weekend-bg: #f7f6f3;\n }\n\n \n /**\n * One Light theme for prism.js\n * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n */\n \n /**\n * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n * From colors.less\n * --mono-1: hsl(230, 8%, 24%);\n * --mono-2: hsl(230, 6%, 44%);\n * --mono-3: hsl(230, 4%, 64%)\n * --hue-1: hsl(198, 99%, 37%);\n * --hue-2: hsl(221, 87%, 60%);\n * --hue-3: hsl(301, 63%, 40%);\n * --hue-4: hsl(119, 34%, 47%);\n * --hue-5: hsl(5, 74%, 59%);\n * --hue-5-2: hsl(344, 84%, 43%);\n * --hue-6: hsl(35, 99%, 36%);\n * --hue-6-2: hsl(35, 99%, 40%);\n * --syntax-fg: hsl(230, 8%, 24%);\n * --syntax-bg: hsl(230, 1%, 98%);\n * --syntax-gutter: hsl(230, 1%, 62%);\n * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n * --syntax-accent: hsl(230, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(230, 1%, 90%);\n * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n */\n \n html.theme-light code[class*=\"language-\"],\n html.theme-light pre[class*=\"language-\"] {\n color: hsl(230, 8%, 24%);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n \n /* Selection */\n html.theme-light code[class*=\"language-\"]::-moz-selection,\n html.theme-light code[class*=\"language-\"] *::-moz-selection,\n html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n html.theme-light code[class*=\"language-\"]::selection,\n html.theme-light code[class*=\"language-\"] *::selection,\n html.theme-light pre[class*=\"language-\"] *::selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n /* Code blocks */\n html.theme-light pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n \n /* Inline code */\n html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.prolog,\n html.theme-light .token.cdata {\n color: hsl(230, 4%, 64%);\n }\n \n html.theme-light .token.doctype,\n html.theme-light .token.punctuation,\n html.theme-light .token.entity {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .token.attr-name,\n html.theme-light .token.class-name,\n html.theme-light .token.boolean,\n html.theme-light .token.constant,\n html.theme-light .token.number,\n html.theme-light .token.atrule {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .token.keyword {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .token.property,\n html.theme-light .token.tag,\n html.theme-light .token.symbol,\n html.theme-light .token.deleted,\n html.theme-light .token.important {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .token.selector,\n html.theme-light .token.string,\n html.theme-light .token.char,\n html.theme-light .token.builtin,\n html.theme-light .token.inserted,\n html.theme-light .token.regex,\n html.theme-light .token.attr-value,\n html.theme-light .token.attr-value \u003e .token.punctuation {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .token.variable,\n html.theme-light .token.operator,\n html.theme-light .token.function {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .token.url {\n color: hsl(198, 99%, 37%);\n }\n \n /* HTML overrides */\n html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(230, 8%, 24%);\n }\n \n /* CSS overrides */\n html.theme-light .language-css .token.selector {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .language-css .token.property {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-css .token.function,\n html.theme-light .language-css .token.url \u003e .token.function {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-css .token.url \u003e .token.string.url {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-css .token.important,\n html.theme-light .language-css .token.atrule .token.rule {\n color: hsl(301, 63%, 40%);\n }\n \n /* JS overrides */\n html.theme-light .language-javascript .token.operator {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(344, 84%, 43%);\n }\n \n /* JSON overrides */\n html.theme-light .language-json .token.operator {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-json .token.null.keyword {\n color: hsl(35, 99%, 36%);\n }\n \n /* MD overrides */\n html.theme-light .language-markdown .token.url,\n html.theme-light .language-markdown .token.url \u003e .token.operator,\n html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.content {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.url,\n html.theme-light .language-markdown .token.url-reference.url {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-markdown .token.blockquote.punctuation,\n html.theme-light .language-markdown .token.hr.punctuation {\n color: hsl(230, 4%, 64%);\n font-style: italic;\n }\n \n html.theme-light .language-markdown .token.code-snippet {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-markdown .token.bold .token.content {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .language-markdown .token.italic .token.content {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-markdown .token.strike .token.content,\n html.theme-light .language-markdown .token.strike .token.punctuation,\n html.theme-light .language-markdown .token.list.punctuation,\n html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(5, 74%, 59%);\n }\n \n /* General */\n html.theme-light .token.bold {\n font-weight: bold;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.italic {\n font-style: italic;\n }\n \n html.theme-light .token.entity {\n cursor: help;\n }\n \n html.theme-light .token.namespace {\n opacity: 0.8;\n }\n \n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n \n /* Show Invisibles plugin overrides */\n html.theme-light .token.token.tab:not(:empty):before,\n html.theme-light .token.token.cr:before,\n html.theme-light .token.token.lf:before,\n html.theme-light .token.token.space:before {\n color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n \n /* Styling the buttons */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 6%, 44%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n \n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n color: hsl(230, 8%, 24%);\n }\n \n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-light .line-highlight.line-highlight {\n background: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Default line numbers in Line Highlight plugin */\n html.theme-light .line-highlight.line-highlight:before,\n html.theme-light .line-highlight.line-highlight[data-end]:after {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 8%, 24%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n \n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n html.theme-light .command-line .command-line-prompt {\n border-right-color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Stuff in the gutter */\n html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-light .command-line .command-line-prompt \u003e span:before {\n color: hsl(230, 1%, 62%);\n }\n \n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(301, 63%, 40%);\n }\n \n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003
1018e 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 1a:[\"$\",\"$L1f\",null,{\"settings\":\"$18:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$20\",\"light\":\"$21\",\"dark\":\"$22\",\"legacy\":\"$23\",\"children\":[\"$L24\",null]}]\n1b:[\"$\",\"$L25\",null,{}]\n1c:[\"$\",\"$L26\",null,{}]\n1d:[\"$\",\"$L27\",null,{}]\n1e:[\"$\",\"$L28\",null,{\"sampleRate\":0.3}]\n"])</script>
1018<script>self.__next_f.push([1,"29:I[325618,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"PasswordPageLayoutProvider\"]\n2a:I[183555,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationContent\"]\n2b:I[713503,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/2ggeb0g51xxjo.js\"],\"default\"]\n24:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[null,[\"$\",\"$L29\",null,{\"children\":[\"$\",\"$L2a\",null,{\"settings\":\"$18:props:children:0:props:settings\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$2b\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2ggeb0g51xxjo.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L2c\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]\n"])</script>
1018<script>self.__next_f.push([1,"2d:I[208077,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"ErrorPage\"]\n2c:[\"$\",\"$L2d\",null,{\"type\":\"notfound\"}]\n"])</script>
1018<script>self.__next_f.push([1,"2e:I[23131,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"PageProvider\"]\n5:[\"$\",\"$L2e\",null,{\"pageReplacement\":\"$undefined\",\"getWebVital\":false,\"pageId\":\"research-themes-and-expertise\",\"records\":{\"__version__\":3,\"block\":{\"research-themes-and-expertise\":{\"id\":\"research-themes-and-expertise\",\"children\":[\"1969a2922de18016969ccbe75a718b53\",\"2e29a2922de180fcbf6dc8f4d8ce998d\"],\"hasContent\":true,\"parentId\":\"835aafb7284a4cba968643c2ce4f2f66\",\"title\":[[\"Research\"]],\"updatedAt\":1767893162452,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"icon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a5b343db-37e5-4fe0-8aff-0151eec2d98c/data-chart-horizontal.svg\",\"coverPosition\":0.609,\"createdTime\":1739147426702,\"lastEditedTime\":1767893162452,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"uri\":\"/research-themes-and-expertise\",\"fullWidth\":false,\"smallText\":false,\"cover\":\"https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"noCover\":false,\"superProperties\":{},\"propertyValues\":{},\"blockId\":\"1969a292-2de1-80e7-a7bf-c76aada0cdb0\"},\"1969a2922de18016969ccbe75a718b53\":{\"id\":\"1969a2922de18016969ccbe75a718b53\",\"children\":[],\"hasContent\":false,\"parentId\":\"research-themes-and-expertise\",\"title\":null,\"updatedAt\":1747762261822,\"type\":\"collection_inline\",\"sourceId\":\"1969a292-2de1-8016-969c-cbe75a718b53\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"views\":[{\"id\":\"1969a292-2de1-802a-aa5e-000ce6bfdec0\",\"groups\":[],\"type\":\"gallery\",\"name\":\"Current Research Areas\",\"format\":{\"chart_config\":{\"type\":\"column\",\"dataConfig\":{\"type\":\"groups_reducer\",\"groupBy\":{\"end\":-1,\"size\":-1,\"sort\":{\"type\":\"ascending\"},\"type\":\"number\",\"start\":-1,\"groupBy\":{\"type\":\"unique\"},\"property\":\"\u003c:PS\"},\"aggregationConfig\":{\"aggregation\":{\"aggregator\":\"count\"},\"seriesFormat\":{\"displayType\":\"column\"}}},\"chartFormat\":{\"mainSort\":\"x-ascending\"}},\"gallery_cover\":{\"type\":\"property\",\"property\":\"x~xB\"},\"show_page_icon\":true,\"property_filters\":[{\"id\":\"3f422581-dab1-40b2-aec7-0b00e168676b\",\"filter\":{\"filter\":{\"value\":{\"type\":\"exact\",\"value\":\"Subject Matter\"},\"operator\":\"enum_is\"},\"property\":\"zJq@\"}},{\"id\":\"dc54440d-ba72-484b-9351-2ab31469b12d\",\"filter\":{\"filter\":{\"value\":{\"type\":\"exact\",\"value\":true},\"operator\":\"checkbox_is\"},\"property\":\"LBY[\"}}],\"collection_pointer\":{\"id\":\"766643c5-754c-4d9a-b04f-1bdc28fac4c1\",\"table\":\"collection\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\"},\"gallery_cover_size\":\"large\",\"gallery_cover_aspect\":\"contain\",\"hide_linked_collection_name\":true,\"table_subitem_toggle_column\":\"title\"},\"visibleColumns\":[{\"id\":\"title\",\"name\":\"Name\",\"type\":\"title\",\"options\":null,\"visible\":true,\"wrap\":true},{\"id\":\"[RwO\",\"name\":\"Description\",\"type\":\"text\",\"options\":null,\"visible\":true,\"wrap\":true}],\"icon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg\",\"items\":[\"research-themes-and-expertise-themes-and-expertise-bacterial-microcompartments\",\"research-themes-and-expertise-themes-and-expertise-biopolymers\",\"research-themes-and-expertise-themes-and-expertise-non-equilibrium-theory\",\"research-themes-and-expertise-themes-and-expertise-porous-crystals\",\"research-themes-and-expertise-themes-and-expertise-protein-based-hydrogels\",\"research-themes-and-expertise-themes-and-expertise-pyrenoids\",\"research-themes-and-expertise-themes-and-expertise-surface-layer-proteins\"],\"hideTitle\":false,\"hideCollectionName\":true,\"tableWrap\":true,\"title\":[[\"Themes and Expertise\"]],\"superProperties\":{}},{\"id\":\"1f89a292-2de1-80f0-bd06-000ccea6e9e2\",\"groups\":[],\"type\":\"gallery\",\"name\":\"Current Research Expertise\",\"format\":{\"gallery_cover\":{\"type\":\"property\",\"property\":\"x~xB\"},\"show_page_icon\":true,\"property_filters\":[{\"id\":\"9912e158-934d-49a7-8f02-829a61ba1391\",\"filter\":{\"filter\":{\"value\":{\"type\":\"exact\",\"value\":\"Skill or Expertise\"},\"operator\":\"enum_is\"},\"property\":\"zJq@\"}},{\"id\":\"98dd70e4-2401-4658-a800-1224020cb6e2\",\"filter\":{\"filter\":{\"value\":{\"type\":\"exact\",\"value\":true},\"operator\":\"checkbox_is\"},\"property\":\"LBY[\"}}],\"collection_pointer\":{\"id\":\"766643c5-754c-4d9a-b04f-1bdc28fac4c1\",\"table\":\"collection\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\"},\"gallery_cover_size\":\"large\",\"gallery_cover_aspect\":\"contain\",\"hide_linked_collection_name\":true,\"table_subitem_toggle_column\":\"title\"},\"visibleColumns\":[],\"icon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/fbc6e2d4-8c7c-4677-9e83-f79f5f35a2f5/database-shared_blue.svg\",\"items\":[\"research-themes-and-expertise-themes-and-expertise-free-energy-calculations\",\"research-themes-and-expertise-themes-and-expertise-machine-learning\",\"research-themes-and-expertise-themes-and-expertise-macromolecular-structure-prediction\",\"research-themes-and-expertise-themes-and-expertise-multiscale-simulations-and-molecular-dynamics\",\"research-themes-and-expertise-themes-and-expertise-sp
1018atiotemporal-organization\",\"research-themes-and-expertise-themes-and-expertise-subunit-engineering\",\"research-themes-and-expertise-themes-and-expertise-systematic-coarse-graining\"],\"hideTitle\":false,\"hideCollectionName\":true,\"tableWrap\":true,\"title\":[[\"Themes and Expertise\"]],\"superProperties\":{}}]},\"2e29a2922de180fcbf6dc8f4d8ce998d\":{\"id\":\"2e29a2922de180fcbf6dc8f4d8ce998d\",\"children\":[],\"hasContent\":false,\"parentId\":\"research-themes-and-expertise\",\"title\":[],\"updatedAt\":1767893162452,\"type\":\"text\"},\"research-themes-and-expertise-themes-and-expertise-bacterial-microcompartments\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-bacterial-microcompartments\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Bacterial Microcompartments\"]],\"updatedAt\":1767892501275,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1700678896826,\"lastEditedTime\":1767892501275,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1969a292-2de1-802a-aa5e-000ce6bfdec0\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/3e837672-e57a-47ac-816e-761879f64153/BMC.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/bacterial-microcompartments\",\"blockId\":\"6bc4053a-e356-4411-a697-df178c1afc7f\",\"propertyValues\":{\"[RwO\":[]}},\"research-themes-and-expertise-themes-and-expertise-biopolymers\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-biopolymers\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Biopolymers\"]],\"updatedAt\":1767892621670,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1700678904424,\"lastEditedTime\":1767892621670,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1969a292-2de1-802a-aa5e-000ce6bfdec0\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/34d94c58-b9b3-4563-8df4-f94196de964b/biopolymers.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/biopolymers\",\"blockId\":\"734f0952-1771-4704-98ca-a863c88a64a7\",\"propertyValues\":{\"[RwO\":[]}},\"research-themes-and-expertise-themes-and-expertise-non-equilibrium-theory\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-non-equilibrium-theory\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Non-Equilibrium Theory\"]],\"updatedAt\":1767892668936,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1739122276251,\"lastEditedTime\":1767892668936,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1969a292-2de1-802a-aa5e-000ce6bfdec0\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/f0410de4-ec4c-4101-afee-2d9b33a95518/nonequilibrium.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/non-equilibrium-theory\",\"blockId\":\"1959a292-2de1-8070-bb84-fd291f855a65\",\"propertyValues\":{\"[RwO\":[]}},\"research-themes-and-expertise-themes-and-expertise-porous-crystals\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-porous-crystals\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Porous Crystals\"]],\"updatedAt\":1767892718880,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1700678931725,\"lastEditedTime\":1767892718880,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1969a292-2de1-802a-aa5e-000ce6bfdec0\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a9fef817-7088-4455-827d-40ffac905062/p
1018orous_crystals.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/porous-crystals\",\"blockId\":\"d340da06-2051-4f4d-91f6-da2ed3544227\",\"propertyValues\":{\"[RwO\":[]}},\"research-themes-and-expertise-themes-and-expertise-protein-based-hydrogels\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-protein-based-hydrogels\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Protein-based Hydrogels\"]],\"updatedAt\":1767892764527,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1700678888950,\"lastEditedTime\":1767892764527,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1969a292-2de1-802a-aa5e-000ce6bfdec0\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/b2cbb975-929a-491a-b051-b9d1cdd416f0/protein_hydrogels.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/protein-based-hydrogels\",\"blockId\":\"cafac97c-8112-4bbe-a384-9f666a5c1909\",\"propertyValues\":{\"[RwO\":[]}},\"research-themes-and-expertise-themes-and-expertise-pyrenoids\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-pyrenoids\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Pyrenoids\"]],\"updatedAt\":1767892790487,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1747422558754,\"lastEditedTime\":1767892790487,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1969a292-2de1-802a-aa5e-000ce6bfdec0\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/346a7ec8-d3da-4410-a267-db9e2d130e81/pyrenoid.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/pyrenoids\",\"blockId\":\"1f59a292-2de1-80d1-9d92-f03b9d53b753\",\"propertyValues\":{\"[RwO\":[]}},\"research-themes-and-expertise-themes-and-expertise-surface-layer-proteins\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-surface-layer-proteins\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Surface-Layer Proteins\"]],\"updatedAt\":1767892862862,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1699816876927,\"lastEditedTime\":1767892862862,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1969a292-2de1-802a-aa5e-000ce6bfdec0\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/0a58dc5c-25ff-4923-b7d7-2c899333e438/slayer_proteins.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/surface-layer-proteins\",\"blockId\":\"9b03e3b7-8667-49ca-bee3-f3f511e35f10\",\"propertyValues\":{\"[RwO\":[]}},\"research-themes-and-expertise-themes-and-expertise-free-energy-calculations\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-free-energy-calculations\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Free Energy Calculations\"]],\"updatedAt\":1767892950493,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1739122255671,\"lastEditedTime\":1767892950493,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1f89a292-2de1-80f0-bd06-000ccea6e9e2\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/4ee097ec-3d56-4f4f-a38b-5580368ba9ff/free_energy_calcs.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/free-energy-calculations\",\"blockId\":\"1959a292-2de1-8006-af86-eb84e0b00bd9\",\"propertyValues\":{}},\"research-themes-and-expertise-themes-and-expertise-machine-learning\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-machine-learning\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"t
1018itle\":[[\"Machine Learning \"]],\"updatedAt\":1767892980392,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1739122214303,\"lastEditedTime\":1767892980392,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1f89a292-2de1-80f0-bd06-000ccea6e9e2\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/818c73e3-40ec-4303-b8b7-92751be7d07c/machine_learning.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/machine-learning\",\"blockId\":\"1959a292-2de1-80ae-aaf4-ec3a2f6bd78d\",\"propertyValues\":{}},\"research-themes-and-expertise-themes-and-expertise-macromolecular-structure-prediction\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-macromolecular-structure-prediction\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Macromolecular Structure Prediction\"]],\"updatedAt\":1767893029440,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1739122225776,\"lastEditedTime\":1767893029440,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1f89a292-2de1-80f0-bd06-000ccea6e9e2\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/655764e8-0d39-4619-a49e-2165b01644de/macromolecular_structures.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/macromolecular-structure-prediction\",\"blockId\":\"1959a292-2de1-80f1-a758-cae7044a458f\",\"propertyValues\":{}},\"research-themes-and-expertise-themes-and-expertise-multiscale-simulations-and-molecular-dynamics\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-multiscale-simulations-and-molecular-dynamics\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Multiscale Simulations and Molecular Dynamics\"]],\"updatedAt\":1767893051601,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1739122267088,\"lastEditedTime\":1767893051601,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1f89a292-2de1-80f0-bd06-000ccea6e9e2\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/d6d5ab8a-e071-4b51-af9d-a8e0300a38dd/multiscale_sims.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/multiscale-simulations-and-molecular-dynamics\",\"blockId\":\"1959a292-2de1-8030-9b1e-cae67d62b749\",\"propertyValues\":{}},\"research-themes-and-expertise-themes-and-expertise-spatiotemporal-organization\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-spatiotemporal-organization\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"title\":[[\"Spatiotemporal Organization\"]],\"updatedAt\":1767893075957,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1739122187331,\"lastEditedTime\":1767893075957,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1f89a292-2de1-80f0-bd06-000ccea6e9e2\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/36673901-e1de-49d5-bea0-ade084c82a65/spatiotemporal.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/spatiotemporal-organization\",\"blockId\":\"1959a292-2de1-8010-a23a-e3cff5320217\",\"propertyValues\":{}},\"research-themes-and-expertise-themes-and-expertise-subunit-engineering\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-subunit-engineering\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"t
1018itle\":[[\"Subunit Engineering\"]],\"updatedAt\":1767893116762,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1739122206612,\"lastEditedTime\":1767893116762,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1f89a292-2de1-80f0-bd06-000ccea6e9e2\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/05f3c2e0-91e0-48a5-8309-7a7b2a4f335d/protein_engineering.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/subunit-engineering\",\"blockId\":\"1959a292-2de1-809b-b5c7-feb8e997cbab\",\"propertyValues\":{}},\"research-themes-and-expertise-themes-and-expertise-systematic-coarse-graining\":{\"id\":\"research-themes-and-expertise-themes-and-expertise-systematic-coarse-graining\",\"children\":[],\"hasContent\":true,\"parentId\":\"766643c5754c4d9ab04f1bdc28fac4c1\",\"t
1018itle\":[[\"Systematic Coarse-Graining\"]],\"updatedAt\":1767893130435,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"createdTime\":1699816876927,\"lastEditedTime\":1767893130435,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\",\"1\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\"}]}],\"description\":null,\"viewCovers\":{\"1f89a292-2de1-80f0-bd06-000ccea6e9e2\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/b7ab383e-7478-4407-aa36-a3661ffa9239/coarse_graining.png\"},\"uri\":\"/research-themes-and-expertise/themes-and-expertise/systematic-coarse-graining\",\"blockId\":\"b416bf1c-5d42-464f-b58e-aaf8d88adf30\",\"propertyValues\":{}},\"835aafb7284a4cba968643c2ce4f2f66\":{\"id\":\"835aafb7284a4cba968643c2ce4f2f66\",\"children\":[],\"hasContent\":true,\"parentId\":\"e91c4dc61d5a4dc6b606436e22fb4a26\",\"title\":[[\"Pak Lab\"]],\"updatedAt\":1767891240016,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"icon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/328e5893-898a-45dd-b414-ce3c3a4eead1/home_outline.svg\",\"coverPosition\":0.5,\"createdTime\":1699816446417,\"lastEditedTime\":1767891240016,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"description\":null,\"cover\":\"https://images.unsplash.com/photo-1638258581353-0ab658542e73?ixlib=rb-4.1.0\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"uri\":\"/835aafb7284a4cba968643c2ce4f2f66\",\"blockId\":\"835aafb7-284a-4cba-9686-43c2ce4f2f66\"}},\"form_question\":{},\"entity\":{\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\":{\"id\":\"5c47222a-73bf-47a4-91fa-3acd0a0d482a\",\"name\":\"Untitled\",\"image\":null}},\"pageId\":\"1969a2922de180e7a7bfc76aada0cdb0\",\"pagesToCreate\":[]},\"settings\":{\"siteId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f\",\"userId\":\"ba16673c-7471-4bdd-a986-83497494abd0\",\"domainName\":\"www.pak-lab.com\",\"name\":\"Pak Lab (LMAC)\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/favicon/d843d406-0189-4ec6-9034-7a8efe0ba7ab.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"835aafb7284a4cba968643c2ce4f2f66\",\"indexPageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::5177248d-04ac-4a12-a9ba-589d2f429a65\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":false,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":false,\"loadLimits\":true,\"loadMore\":false,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"pagesExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":{\"type\":\"simple\",\"style\":{\"height\":56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"c9219e44-dbfc-4243-9b50-ce3fa99f35c9\",\"type\":\"page\",\"label\":\"Home\",\"link\":\"/\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::5177248d-04ac-4a12-a9ba-589d2f429a65\",\"icon\":\"\",\"list\":[]},{\"id\":\"d7bf27cb-adc5-47ef-9776-b6ebabf124c7\",\"type\":\"page\",\"label\":\"Research\",\"link\":\"/research-themes-and-expertise\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::8defb902-15c3-420f-9b18-fa2fcf97e457\",\"icon\":\"\",\"list\":[]},{\"id\":\"19a304fb-619b-4c85-9311-3c6f6fcdadfe\",\"type\":\"page\",\"label\":\"Publications\",\"link\":\"/publications\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::4435cfea-08fc-40ed-83e4-9852e0992676\",\"icon\":\"\",\"description\":\"\",\"list\":[]},{\"id\":\"e712bb4e-7489-48a8-bfcb-dd3b8dc97405\",\"type\":\"page\",\"label\":\"Team\",\"link\":\"/team-members\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::71baddbb-9e45-4dae-a7da-fae24f0da856\",\"icon\":\"\",\"list\":[]},{\"id\":\"84427a57-c025-49fd-a034-3bb71c041e70\",\"type\":\"page\",\"label\":\"News\",\"link\":\"/news\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::4ac9b931-baac-4ce1-8ddc-23030f7f9853\",\"icon\":\"\",\"list\":[]},{\"id\":\"9550a1c8-6f92-4dcf-a8db-c094dca64948\",\"type\":\"page\",\"label\":\"Contact\",\"link\":\"/contact-us\",\"pageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::aa80302a-b7f8-4319-9a5c-34e01623bb8
1018c\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":180,\"fontSize\":16,\"textContent\":\"Pak Lab (LMAC)\",\"imageContent\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/logo/659c47d5-bfb8-4621-8226-a6c461947183.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"\",\"link\":\"/\",\"pageId\":\"\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"none\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[],\"logo\":null,\"socials\":[],\"footnote\":\"\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"none\"},\"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\":\"#484641\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\",\"hoverBackground\":null},\"footer\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#ffffff\",\"cardHoverBackground\":\"#f9f9f8\",\"calendarWeekendBackground\":\"#f7f6f3\"},\"default\":[45,8,20],\"gray\":[36,2,46],\"brown\":[19,31,47],\"orange\":[30,87,45],\"yellow\":[38,62,49],\"green\":[149,31,39],\"blue\":[202,53,43],\"purple\":[274,32,54],\"pink\":[328,48,53],\"red\":[2,62,55],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#292929\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#212121\",\"cardHoverBackground\":\"#292929\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[
10181,69,60]}}},\"code\":{\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[],\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"smallText\":false,\"config\":\"$undefined\",\"pageLocation\":\"/research-themes-and-expertise\",\"passwords\":[],\"styles\":\"\",\"children\":[\"$L2f\",null,null]}]\n"])</script>
1018<script>self.__next_f.push([1,"30:I[186656,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"Picture\"]\n31:I[618378,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"PageRoot\"]\n32:I[67712,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"CollectionWithViewSwitcher\"]\n2f:[\"$\",\"main\",null,{\"id\":\"page-research-themes-and-expertise\",\"className\":\"super-content page__research-themes-and-expertise parent-page__index\",\"children\":[null,null,null,[\"$\",\"div\",null,{\"className\":\"notion-header page\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__cover has-cover has-icon-image\",\"children\":[\"$\",\"$L30\",\"cover-research-themes-and-expertise\",{\"className\":\"notion-header__cover-image\",\"style\":{\"userSelect\":\"none\"},\"src\":\"https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"alt\":\"Research\",\"priority\":true,\"fill\":true,\"objectFit\":\"cover\",\"objectPosition\":\"center 39.1%\"}]}],[\"$\",\"div\",null,{\"className\":\"notion-header__content max-width has-cover has-icon-image\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__title-wrapper\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__icon-wrapper has-cover has-icon-image\",\"children\":[\"$\",\"$L30\",\"icon-research-themes-and-expertise\",{\"className\":\"notion-header__icon\",\"src\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a5b343db-37e5-4fe0-8aff-0151eec2d98c/data-chart-horizontal.svg\",\"width\":125,\"height\":125,\"alt\":\"Research\",\"objectFit\":\"cover\",\"objectPosition\":\"center\"}]}],[\"$\",\"h1\",null,{\"className\":\"notion-header__title\",\"children\":\"Research\"}]]}],null]}]]}],[[\"$\",\"$L31\",\"research-themes-and-expertise\",{\"id\":\"research-themes-and-expertise\",\"children\":[[\"$\",\"$L32\",\"1969a2922de18016969ccbe75a718b53,1969a2922de18016969ccbe75a718b53\",{\"id\":\"1969a2922de18016969ccbe75a718b53\",\"children\":null,\"hasContent\":false,\"parentId\":\"research-themes-and-expertise\",\"title\":null,\"updatedAt\":1747762261822,\"type\":\"collection_inline\",\"sourceId\":\"1969a292-2de1-8016-969c-cbe75a718b53\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"views\":\"$5:props:records:block:1969a2922de18016969ccbe75a718b53:views\",\"ctx\":{\"head\":{\"url\":\"https://www.pak-lab.com/research-themes-and-expertise\",\"title\":\"Research\",\"description\":null,\"root\":{\"id\":\"835aafb7284a4cba968643c2ce4f2f66\",\"uri\":\"/\",\"title\":\"Pak Lab\",\"icon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/328e5893-898a-45dd-b414-ce3c3a4eead1/home_outline.svg\"},\"image\":\"https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"canonical\":null,\"author\":\"Untitled\",\"favicon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/favicon/d843d406-0189-4ec6-9034-7a8efe0ba7ab.png\",\"breadcrumbs\":[{\"id\":\"research-themes-and-expertise\",\"uri\":\"/research-themes-and-expertise\",\"title\":\"Research\",\"icon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a5b343db-37e5-4fe0-8aff-0151eec2d98c/data-chart-horizontal.svg\"}]},\"settings\":{\"siteId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f\",\"userId\":\"ba16673c-7471-4bdd-a986-83497494abd0\",\"domainName\":\"www.pak-lab.com\",\"name\":\"Pak Lab (LMAC)\",\"active\":true,\"free\":false,\"t
1018ier\":\"personal\",\"favicon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/uploads/favicon/d843d406-0189-4ec6-9034-7a8efe0ba7ab.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":\"$5:props:settings:languages\",\"notionPage\":\"835aafb7284a4cba968643c2ce4f2f66\",\"indexPageId\":\"919bc73b-252e-49b8-9c62-f4c071c6c40f:::5177248d-04ac-4a12-a9ba-589d2f429a65\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":false,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":false,\"loadLimits\":true,\"loadMore\":false,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"pagesExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":\"$5:props:settings:navbar\",\"footer\":\"$5:props:settings:footer\",\"sidebar\":\"$5:props:settings:sidebar\",\"theme\":\"$5:props:settings:theme\",\"code\":\"$5:props:settings:code\",\"files\":\"$5:props:settings:files\",\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"records\":\"$5:props:records\",\"pageId\":\"research-themes-and-expertise\"},\"isRoot\":\"$undefined\"}],[\"$\",\"div\",\"2e29a2922de180fcbf6dc8f4d8ce998d,2e29a2922de180fcbf6dc8f4d8ce998d\",{\"id\":\"block-2e29a2922de180fcbf6dc8f4d8ce998d\",\"className\":\"notion-text\"}]],\"hasContent\":true,\"parentId\":\"835aafb7284a4cba968643c2ce4f2f66\",\"title\":\"$5:props:records:block:research-themes-and-expertise:title\",\"updatedAt\":1767893162452,\"type\":\"page\",\"spaceId\":\"e91c4dc6-1d5a-4dc6-b606-436e22fb4a26\",\"icon\":\"https://assets.super.so/919bc73b-252e-49b8-9c62-f4c071c6c40f/images/a5b343db-37e5-4fe0-8aff-0151eec2d98c/data-chart-horizontal.svg\",\"coverPosition\":0.609,\"createdTime\":1739147426702,\"lastEditedTime\":1767893162452,\"createdBy\":\"$5:props:records:block:research-themes-and-expertise:createdBy\",\"lastEditedBy\":\"$5:props:records:block:research-themes-and-expertise:lastEditedBy\",\"uri\":\"/research-themes-and-expertise\",\"fullWidth\":false,\"smallText\":false,\"cover\":\"https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"noCover\":false,\"superProperties\":\"$5:props:records:block:research-themes-and-expertise:superProperties\",\"propertyValues\":\"$5:props:records:block:research-themes-and-expertise:propertyValues\",\"blockId\":\"1969a292-2de1-80e7-a7bf-c76aada0cdb0\",\"isRoot\":true,\"ctx\":\"$2f:props:children:4:0:props:children:0:props:ctx\"}]]]}]\n"])</script>
1018<script>self.__next_f.push([1,"8:null\nd:[[\"$\",\"title\",\"0\",{\"children\":\"Research\"}],[\"$\",\"meta\",\"1\",{\"name\":\"generator\",\"content\":\"Super\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Research\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://www.pak-lab.com/research-themes-and-expertise\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"Research\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:alt\",\"content\":\"Research\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"Research\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://images.unsplash.com/photo-1542903660-eedba2cda473?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:image:alt\",\"content\":\"Research\"}]]\n"])</script>
1018</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.