<!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/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.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-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%2F0badc302-6e34-4371-b0bf-b75afbc0bd89%2Fuploads%2Flogo%2F74163afa-916c-4a8c-bb65-4510bcee823a.png&amp;w=256&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F0badc302-6e34-4371-b0bf-b75afbc0bd89%2Fuploads%2Flogo%2F74163afa-916c-4a8c-bb65-4510bcee823a.png&amp;w=384&amp;q=75 2x"/><link rel="stylesheet" href="/_next/static/chunks/4057cc9dbcc744c0.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/ef7e1780489ef47b.js"/><script src="/_next/static/chunks/329c0e9c2897197b.js" async=""></script><script src="/_next/static/chunks/48b9427da8073be4.js" async=""></script><script src="/_next/static/chunks/71405b7d8faa65b6.js" async=""></script><script src="/_next/static/chunks/turbopack-c4bc37368411be6e.js" async=""></script><script src="/_next/static/chunks/d96012bcfc98706a.js" async=""></script><script src="/_next/static/chunks/963c71eec1d89c3f.js" async=""></script><script src="/_next/static/chunks/f051bbd12aec0cc1.js" async=""></script><script src="/_next/static/chunks/08db0d88ed3339f3.js" async=""></script><script src="/_next/static/chunks/97070d7eee6f227e.js" async=""></script><script src="/_next/static/chunks/d0383f817159b1cf.js" async=""></script><script src="/_next/static/chunks/839489c13195e1c0.js" async=""></script><script src="/_next/static/chunks/7f22801e85c972ca.js" async=""></script><script src="/_next/static/chunks/1b70408e1ee0ede3.js" async=""></script><script src="/_next/static/chunks/80af9595adb5aa3b.js" async=""></script><script src="/_next/static/chunks/8d3945c9ea1274d1.js" async=""></script><script src="/_next/static/chunks/398f78cbac628ac1.js" async=""></script><link rel="preload" href="/styles/static.css" as="style"/><link rel="preload" href="/styles/notion.css" as="style"/><link rel="preload" href="/styles/super.css" as="style"/><link rel="preload" href="https://scaredda.github.io/my-blog/new_blog.css" as="style"/><link rel="preload" href="/_next/static/chunks/d2b3d01ef7b174de.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/7f8882c47d63ccc5.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/5e04747fcfb0f991.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/f1cf6df5c1ed5051.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/13a2c801f8d134ce.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/cded28878d15de6f.js" as="script" fetchPriority="low"/><link rel="icon" href="https://assets.super.so/0badc302-6e34-4371-b0bf-b75afbc0bd89/uploads/favicon/51e085bf-0f02-41b6-8056-e8887f64b1a6.png"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.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-regular.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://scaredda.github.io/my-blog/new_blog.css" as="style"/><link rel="preload" href="https://scaredda.github.io/my-blog/new_blog.css" as="style"/><meta name="author" content="Sergio Caredda"/><meta property="fb:app_id" content="966242223397117"/><script>
    const html = document.getElementsByTagName("html")[0];
    try {
      const colorPreference = localStorage
        ? localStorage.getItem("color-preference")
        : null;

      if (true) {
        html.classList.remove("theme-light");
      }
      
      if (true && colorPreference && html) {
        html.classList.add("theme-" + colorPreference);
      } else {
        html.classList.add("theme-light");
      }
    } catch (e) {
      console.log('ERROR themeEffect', e)
      html.classList.add("theme-light");
    }
</script><style>
      @font-face {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        src: url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */
        
          src: local(""),
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix")
            format("embedded-opentype"),
            /* IE6-IE8 */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2")
            format("woff2"),
            /* Super Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff")
            format("woff"),
            /* Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf")
            format("truetype"),
            /* Safari, Android, iOS */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Montserrat")
            format("svg"); /* Legacy iOS */
        
      }
    
      @font-face {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 500;
        src: url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */
        
          src: local(""),
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix")
            format("embedded-opentype"),
            /* IE6-IE8 */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2")
            format("woff2"),
            /* Super Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.woff")
            format("woff"),
            /* Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf")
            format("truetype"),
            /* Safari, Android, iOS */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Montserrat")
            format("svg"); /* Legacy iOS */
        
      }
    
      @font-face {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        src: url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.eot"); /* IE9 Compat Modes */
        
          src: local(""),
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix")
            format("embedded-opentype"),
            /* IE6-IE8 */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2")
            format("woff2"),
            /* Super Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff")
            format("woff"),
            /* Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf")
            format("truetype"),
            /* Safari, Android, iOS */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Montserrat")
            format("svg"); /* Legacy iOS */
        
      }
    
      @font-face {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 700;
        src: url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */
        
          src: local(""),
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix")
            format("embedded-opentype"),
            /* IE6-IE8 */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2")
            format("woff2"),
            /* Super Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.woff")
            format("woff"),
            /* Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf")
            format("truetype"),
            /* Safari, Android, iOS */
            url("https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Montserrat")
            format("svg"); /* Legacy iOS */
        
      }
    
      @font-face {
        font-family: "Inter";
        font-style: normal;
font-display: swap;
        font-weight: 400;
        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */
        
          src: local(""),
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix")
            format("embedded-opentype"),
            /* IE6-IE8 */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2")
            format("woff2"),
            /* Super Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff")
            format("woff"),
            /* Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf")
            format("truetype"),
            /* Safari, Android, iOS */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter")
            format("svg"); /* Legacy iOS */
        
      }
    
      @font-face {
        font-family: "Inter";
        font-style: normal;
font-display: swap;
        font-weight: 500;
        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */
        
          src: local(""),
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix")
            format("embedded-opentype"),
            /* IE6-IE8 */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2")
            format("woff2"),
            /* Super Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff")
            format("woff"),
            /* Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf")
            format("truetype"),
            /* Safari, Android, iOS */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter")
            format("svg"); /* Legacy iOS */
        
      }
    
      @font-face {
        font-family: "Inter";
        font-style: normal;
font-display: swap;
        font-weight: 600;
        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot"); /* IE9 Compat Modes */
        
          src: local(""),
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix")
            format("embedded-opentype"),
            /* IE6-IE8 */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2")
            format("woff2"),
            /* Super Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff")
            format("woff"),
            /* Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf")
            format("truetype"),
            /* Safari, Android, iOS */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter")
            format("svg"); /* Legacy iOS */
        
      }
    
      @font-face {
        font-family: "Inter";
        font-style: normal;
font-display: swap;
        font-weight: 700;
        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */
        
          src: local(""),
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix")
            format("embedded-opentype"),
            /* IE6-IE8 */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2")
            format("woff2"),
            /* Super Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff")
            format("woff"),
            /* Modern Browsers */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf")
            format("truetype"),
            /* Safari, Android, iOS */
            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter")
            format("svg"); /* Legacy iOS */
        
      }
    
      @font-face {
        font-family: "Inter-fallback";
        size-adjust: 107%;
        ascent-override: 90%;
        src: local("Arial");
      }
    </style><link rel="stylesheet" href="/styles/static.css"/><link rel="stylesheet" href="/styles/notion.css"/><link rel="stylesheet" href="/styles/super.css"/><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NGXSF3GV');</script><script src="https://kit.fontawesome.com/934a3050f1.js" crossorigin="anonymous"></script><link rel="stylesheet" href="https://scaredda.github.io/my-blog/new_blog.css"/><meta name="robots" content="noindex"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div class="super-root">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NGXSF3GV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!--$!--><template data-dgst="NEXT_HTTP_ERROR_FALLBACK;404"></template><!--/$--></div><style>
  
    html.theme-dark {
      /* Gray */
      --gray-h: 0;
      --gray-s: 0%;
      --gray-l: 59%;
      --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));
      --color-text-gray: var(--color-gray);
      --color-bg-gray: hsl(
        var(--gray-h),
        var(--gray-s),
        12.5%
      );
      --color-bg-gray-light: hsl(
        var(--gray-h),
        var(--gray-s),
        12.5%
      );
      --color-pill-gray: hsl(
        var(--gray-h),
        var(--gray-s),
        33%
      );
      --color-pill-text-gray: hsl(
        var(--gray-h),
        var(--gray-s),
        calc(var(--gray-l) + 26%)
      );
      --color-bg-form-btn-gray: #A7A39A;

      /* Brown */
      --brown-h: 26;
      --brown-s: 40%;
      --brown-l: 46%;
      --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));
      --color-text-brown: var(--color-brown);
      --color-bg-brown: hsl(
        var(--brown-h),
        calc(var(--brown-s) - 7%),
        10%
      );
      --color-bg-brown-light: hsl(
        calc(var(--brown-h) - 2),
        calc(var(--brown-s) - 22%),
        4%
      );
      --color-pill-brown: hsl(
        var(--brown-h),
        calc(var(--brown-s) + 2%),
        15%
      );
      --color-pill-text-brown: hsl(
        var(--brown-h),
        calc(var(--brown-s) - 21%),
        calc(var(--brown-l) + 33%)
      );
      --color-bg-form-btn-brown: #9A6851;

      /* Orange */
      --orange-h: 21;
      --orange-s: 80%;
      --orange-l: 41%;
      --color-orange: hsl(
        var(--orange-h),
        var(--orange-s),
        var(--orange-l)
      );
      --color-text-orange: var(--color-orange);
      --color-bg-orange: hsl(
        var(--orange-h),
        calc(var(--orange-s) - 10%),
        13%
      );
      --color-bg-orange-light: hsl(
        var(--orange-h),
        calc(var(--orange-s) - 30%),
        5%
      );
      --color-pill-orange: hsl(
        var(--orange-h),
        calc(var(--orange-s) + 9%),
        20%
      );
      --color-pill-text-orange: hsl(
        var(--orange-h),
        calc(var(--orange-s) - 23%),
        calc(var(--orange-l) + 33%)
      );
      --color-bg-form-btn-orange: #D9730D;

      /* Yellow */
      --yellow-h: 38;
      --yellow-s: 92%;
      --yellow-l: 45%;
      --color-yellow: hsl(
        var(--yellow-h),
        var(--yellow-s),
        var(--yellow-l)
      );
      --color-text-yellow: var(--color-yellow);
      --color-bg-yellow: hsl(
        var(--yellow-h),
        calc(var(--yellow-s) - 18%),
        16%
      );
      --color-bg-yellow-light: hsl(
        var(--yellow-h),
        calc(var(--yellow-s) - 24%),
        8%
      );
      --color-pill-yellow: hsl(
        calc(var(--yellow-h) - 1),
        calc(var(--yellow-s) + 2%),
        26%
      );
      --color-pill-text-yellow: hsl(
        var(--yellow-h),
        calc(var(--yellow-s) - 28%),
        calc(var(--yellow-l) + 33%)
      );
      --color-bg-form-btn-yellow: #CA922F;

      /* Green */
      --green-h: 175;
      --green-s: 84%;
      --green-l: 39%;
      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));
      --color-text-green: var(--color-green);
      --color-bg-green: hsl(
        calc(var(--green-h) + 3),
        calc(var(--green-s) - 6%),
        11%
      );
      --color-bg-green-light: hsl(
        var(--green-h),
        calc(var(--green-s) - 20%),
        7%
      );
      --color-pill-green: hsl(
        calc(var(--green-h) + 1),
        calc(var(--green-s) + 3%),
        18%
      );
      --color-pill-text-green: hsl(
        var(--green-h),
        calc(var(--green-s) - 20%),
        calc(var(--green-l) + 38%)
      );
      --color-bg-form-btn-green: #448361;

      /* Blue */
      --blue-h: 210;
      --blue-s: 82%;
      --blue-l: 50%;
      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));
      --color-text-blue: var(--color-blue);
      --color-bg-blue: hsl(
        calc(var(--blue-h) - 16),
        calc(var(--blue-s) + 9%),
        11%
      );
      --color-bg-blue-light: hsl(
        calc(var(--blue-h) + 16),
        calc(var(--blue-s) - 27%),
        7%
      );
      --color-pill-blue: hsl(
        calc(var(--blue-h) - 3),
        calc(var(--blue-s) - 6%),
        21%
      );
      --color-pill-text-blue: hsl(
        calc(var(--blue-h) - 5),
        calc(var(--blue-s) - 32%),
        calc(var(--blue-l) + 28%)
      );
      --color-bg-form-btn-blue: #327DA9;

      /* Purple */
      --purple-h: 262;
      --purple-s: 81%;
      --purple-l: 54%;
      --color-purple: hsl(
        var(--purple-h),
        var(--purple-s),
        var(--purple-l)
      );
      --color-text-purple: var(--color-purple);
      --color-bg-purple: hsl(
        calc(var(--purple-h) + 2),
        calc(var(--purple-s) - 31%),
        15%
      );
      --color-bg-purple-light: hsl(
        calc(var(--purple-h) + 5),
        calc(var(--purple-s) - 40%),
        9%
      );
      --color-pill-purple: hsl(
        var(--purple-h),
        calc(var(--purple-s) - 19%),
        21%
      );
      --color-pill-text-purple: hsl(
        calc(var(--purple-h) - 3),
        calc(var(--purple-s) - 40%),
        calc(var(--purple-l) + 24%)
      );
      --color-bg-form-btn-purple: #8F64AF;

      /* Pink */
      --pink-h: 333;
      --pink-s: 71%;
      --pink-l: 46%;
      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));
      --color-text-pink: var(--color-pink);
      --color-bg-pink: hsl(
        calc(var(--pink-h) + 3),
        calc(var(--pink-s) - 29%),
        12%
      );
      --color-bg-pink-light: hsl(
        calc(var(--pink-h) + 5),
        calc(var(--pink-s) - 40%),
        4%
      );
      --color-pill-pink: hsl(
        calc(var(--pink-h) - 2),
        calc(var(--pink-s) - 21%),
        18%
      );
      --color-pill-text-pink: hsl(
        calc(var(--pink-h) + 4),
        calc(var(--pink-s) - 41%),
        calc(var(--pink-l) + 28%)
      );
      --color-bg-form-btn-pink: #C24C8B;

      /* Red */
      --red-h: 0;
      --red-s: 72%;
      --red-l: 51%;
      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));
      --color-text-red: var(--color-red);
      --color-bg-red: hsl(
        calc(var(--red-h) + 5),
        calc(var(--red-s) - 37%),
        15%
      );
      --color-bg-red-light: hsl(
        calc(var(--red-h) + 5),
        calc(var(--red-s) - 56%),
        8%
      );
      --color-pill-red: hsl(
        calc(var(--red-h) + 5),
        calc(var(--red-s) - 30%),
        22%
      );
      --color-pill-text-red: hsl(
        calc(var(--red-h) + 7),
        calc(var(--red-s) - 50%),
        calc(var(--red-l) + 24%)
      );
      --color-bg-form-btn-red: #D44E49;

      /*Default*/
      --default-h: 45;
      --default-s: 8%;
      --default-l: 20%;
      --color-default: hsl(
        var(--default-h),
        var(--default-s),
        var(--default-l)
      );
      --color-pill-default: hsl(
        var(--default-h),
        var(--default-s),
        -19%
      );
      --color-pill-text-default: hsl(
        var(--default-h),
        var(--default-s),
        calc(var(--default-l) + 23%)
      );
      --color-bg-form-btn-default: #55534E;

      /*Other*/
      --color-text-default: #f0f0f0;
      --color-text-default-light: #f2f2f2;
      --color-bg-default: #111111;
      --color-border-default: #1F1F1F;
      --color-border-dark: var(--color-border-default);
      --color-ui-hover-bg: #1A1A1A;
      --color-card-bg: #1A1A1A;
      --color-card-bg-hover: #212121;
      --color-calendar-weekend-bg: #161616;
      --color-checkbox-bg: #222222;
      --color-code-bg: rgba(135,131,120,.15);

      /*Scrollbar*/
      --scrollbar-background-color: #111111;
      --scrollbar-thumb-color: #212121;
      --scrollbar-border-color: #111111;

      /*Navbar*/
      --navbar-text-color: #f0f0f0;
      --navbar-list-item-hover: rgba(255,255,255,.2);
      --navbar-background-color: #111111;
      --navbar-background-color-hover: #202020;
      --navbar-button-text-color: #111111;
      --navbar-button-background-color: #f0f0f0;
      --navbar-menu-background-color: var(--navbar-background-color);
      --navbar-text-color-dark: #e1e1e1;

      /*Footer*/
      --footer-text-color: #f0f0f0;
      --footer-background-color: #111111;

      /*Sidebar*/
      --sidebar-text-color: #e1e1e1;
      --sidebar-cta-text-color: #e1e1e1;
      --sidebar-background-color: #191919;
      --sidebar-cta-background-color: #191919;
      --sidebar-border-color: #373737;
      --sidebar-background-color-hover: #262626;
      --sidebar-text-color-dark: #d2d2d2;
      --sidebar-cta-background-color-hover: #262626;
    }

    /* Calendar for dark mode */
    html.theme-dark .notion-collection-calendar__row {
      box-shadow: var(--color-border-default) -1px 0px 0px;
    }

    html.theme-dark .notion-collection-calendar__week-days {
      box-shadow: var(--color-border-default) 0px 1px 0px;
    }

    html.theme-dark .notion-collection-calendar__date {
      border-right: 1px solid var(--color-border-default);
      border-bottom: 1px solid var(--color-border-default);
    }

    
  /**
   * One Dark theme for prism.js
   * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax
   */

  /**
   * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)
   * From colors.less
   * --mono-1: hsl(220, 14%, 71%);
   * --mono-2: hsl(220, 9%, 55%);
   * --mono-3: hsl(220, 10%, 40%);
   * --hue-1: hsl(187, 47%, 55%);
   * --hue-2: hsl(207, 82%, 66%);
   * --hue-3: hsl(286, 60%, 67%);
   * --hue-4: hsl(95, 38%, 62%);
   * --hue-5: hsl(355, 65%, 65%);
   * --hue-5-2: hsl(5, 48%, 51%);
   * --hue-6: hsl(29, 54%, 61%);
   * --hue-6-2: hsl(39, 67%, 69%);
   * --syntax-fg: hsl(220, 14%, 71%);
   * --syntax-bg: hsl(220, 13%, 18%);
   * --syntax-gutter: hsl(220, 14%, 45%);
   * --syntax-guide: hsla(220, 14%, 71%, 0.15);
   * --syntax-accent: hsl(220, 100%, 66%);
   * From syntax-variables.less
   * --syntax-selection-color: hsl(220, 13%, 28%);
   * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);
   * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);
   */

  html.theme-dark code[class*="language-"],
  html.theme-dark pre[class*="language-"] {
    background: hsl(220, 13%, 18%);
    color: hsl(220, 14%, 71%);
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }

  /* Selection */
  html.theme-dark code[class*="language-"]::-moz-selection,
  html.theme-dark code[class*="language-"] *::-moz-selection,
  html.theme-dark pre[class*="language-"] *::-moz-selection {
    background: hsl(220, 13%, 28%);
    color: inherit;
    text-shadow: none;
  }

  html.theme-dark code[class*="language-"]::selection,
  html.theme-dark code[class*="language-"] *::selection,
  html.theme-dark pre[class*="language-"] *::selection {
    background: hsl(220, 13%, 28%);
    color: inherit;
    text-shadow: none;
  }

  /* Code blocks */
  html.theme-dark pre[class*="language-"] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
    border-radius: 0.3em;
  }

  /* Inline code */
  html.theme-dark :not(pre) > code[class*="language-"] {
    padding: 0.2em 0.3em;
    border-radius: 0.3em;
    white-space: normal;
  }

  /* Print */
  @media print {
    html.theme-dark code[class*="language-"],
    html.theme-dark pre[class*="language-"] {
      text-shadow: none;
    }
  }

  html.theme-dark .token.comment,
  html.theme-dark .token.prolog,
  html.theme-dark .token.cdata {
    color: hsl(220, 10%, 40%);
  }

  html.theme-dark .token.doctype,
  html.theme-dark .token.punctuation,
  html.theme-dark .token.entity {
    color: hsl(220, 14%, 71%);
  }

  html.theme-dark .token.attr-name,
  html.theme-dark .token.class-name,
  html.theme-dark .token.boolean,
  html.theme-dark .token.constant,
  html.theme-dark .token.number,
  html.theme-dark .token.atrule {
    color: hsl(29, 54%, 61%);
  }

  html.theme-dark .token.keyword {
    color: hsl(286, 60%, 67%);
  }

  html.theme-dark .token.property,
  html.theme-dark .token.tag,
  html.theme-dark .token.symbol,
  html.theme-dark .token.deleted,
  html.theme-dark .token.important {
    color: hsl(355, 65%, 65%);
  }

  html.theme-dark .token.selector,
  html.theme-dark .token.string,
  html.theme-dark .token.char,
  html.theme-dark .token.builtin,
  html.theme-dark .token.inserted,
  html.theme-dark .token.regex,
  html.theme-dark .token.attr-value,
  html.theme-dark .token.attr-value > .token.punctuation {
    color: hsl(95, 38%, 62%);
  }

  html.theme-dark .token.variable,
  html.theme-dark .token.operator,
  html.theme-dark .token.function {
    color: hsl(207, 82%, 66%);
  }

  html.theme-dark .token.url {
    color: hsl(187, 47%, 55%);
  }

  /* HTML overrides */
  html.theme-dark .token.attr-value > .token.punctuation.attr-equals,
  html.theme-dark .token.special-attr > .token.attr-value > .token.value.css {
    color: hsl(220, 14%, 71%);
  }

  /* CSS overrides */
  html.theme-dark .language-css .token.selector {
    color: hsl(355, 65%, 65%);
  }

  html.theme-dark .language-css .token.property {
    color: hsl(220, 14%, 71%);
  }

  html.theme-dark .language-css .token.function,
  html.theme-dark .language-css .token.url > .token.function {
    color: hsl(187, 47%, 55%);
  }

  html.theme-dark .language-css .token.url > .token.string.url {
    color: hsl(95, 38%, 62%);
  }

  html.theme-dark .language-css .token.important,
  html.theme-dark .language-css .token.atrule .token.rule {
    color: hsl(286, 60%, 67%);
  }

  /* JS overrides */
  html.theme-dark .language-javascript .token.operator {
    color: hsl(286, 60%, 67%);
  }

  html.theme-dark .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
    color: hsl(5, 48%, 51%);
  }

  /* JSON overrides */
  html.theme-dark .language-json .token.operator {
    color: hsl(220, 14%, 71%);
  }

  html.theme-dark .language-json .token.null.keyword {
    color: hsl(29, 54%, 61%);
  }

  /* MD overrides */
  html.theme-dark .language-markdown .token.url,
  html.theme-dark .language-markdown .token.url > .token.operator,
  html.theme-dark .language-markdown .token.url-reference.url > .token.string {
    color: hsl(220, 14%, 71%);
  }

  html.theme-dark .language-markdown .token.url > .token.content {
    color: hsl(207, 82%, 66%);
  }

  html.theme-dark .language-markdown .token.url > .token.url,
  html.theme-dark .language-markdown .token.url-reference.url {
    color: hsl(187, 47%, 55%);
  }

  html.theme-dark .language-markdown .token.blockquote.punctuation,
  html.theme-dark .language-markdown .token.hr.punctuation {
    color: hsl(220, 10%, 40%);
    font-style: italic;
  }

  html.theme-dark .language-markdown .token.code-snippet {
    color: hsl(95, 38%, 62%);
  }

  html.theme-dark .language-markdown .token.bold .token.content {
    color: hsl(29, 54%, 61%);
  }

  html.theme-dark .language-markdown .token.italic .token.content {
    color: hsl(286, 60%, 67%);
  }

  html.theme-dark .language-markdown .token.strike .token.content,
  html.theme-dark .language-markdown .token.strike .token.punctuation,
  html.theme-dark .language-markdown .token.list.punctuation,
  html.theme-dark .language-markdown .token.title.important > .token.punctuation {
    color: hsl(355, 65%, 65%);
  }

  /* General */
  html.theme-dark .token.bold {
    font-weight: bold;
  }

  html.theme-dark .token.comment,
  html.theme-dark .token.italic {
    font-style: italic;
  }

  html.theme-dark .token.entity {
    cursor: help;
  }

  html.theme-dark .token.namespace {
    opacity: 0.8;
  }

  /* Plugin overrides */
  /* Selectors should have higher specificity than those in the plugins' default stylesheets */

  /* Show Invisibles plugin overrides */
  html.theme-dark .token.token.tab:not(:empty):before,
  html.theme-dark .token.token.cr:before,
  html.theme-dark .token.token.lf:before,
  html.theme-dark .token.token.space:before {
    color: hsla(220, 14%, 71%, 0.15);
    text-shadow: none;
  }

  /* Toolbar plugin overrides */
  /* Space out all buttons and move them away from the right edge of the code block */
  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item {
    margin-right: 0.4em;
  }

  /* Styling the buttons */
  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
    background: hsl(220, 13%, 26%);
    color: hsl(220, 9%, 55%);
    padding: 0.1em 0.4em;
    border-radius: 0.3em;
  }

  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
  html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
    background: hsl(220, 13%, 28%);
    color: hsl(220, 14%, 71%);
  }

  /* Line Highlight plugin overrides */
  /* The highlighted line itself */
  html.theme-dark .line-highlight.line-highlight {
    background: hsla(220, 100%, 80%, 0.04);
  }

  /* Default line numbers in Line Highlight plugin */
  html.theme-dark .line-highlight.line-highlight:before,
  html.theme-dark .line-highlight.line-highlight[data-end]:after {
    background: hsl(220, 13%, 26%);
    color: hsl(220, 14%, 71%);
    padding: 0.1em 0.6em;
    border-radius: 0.3em;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
  }

  /* Hovering over a linkable line number (in the gutter area) */
  /* Requires Line Numbers plugin as well */
  html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
    background-color: hsla(220, 100%, 80%, 0.04);
  }

  /* Line Numbers and Command Line plugins overrides */
  /* Line separating gutter from coding area */
  html.theme-dark .line-numbers.line-numbers .line-numbers-rows,
  html.theme-dark .command-line .command-line-prompt {
    border-right-color: hsla(220, 14%, 71%, 0.15);
  }

  /* Stuff in the gutter */
  html.theme-dark .line-numbers .line-numbers-rows > span:before,
  html.theme-dark .command-line .command-line-prompt > span:before {
    color: hsl(220, 14%, 45%);
  }

  /* Match Braces plugin overrides */
  /* Note: Outline colour is inherited from the braces */
  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1,
  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5,
  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 {
    color: hsl(355, 65%, 65%);
  }

  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2,
  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6,
  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 {
    color: hsl(95, 38%, 62%);
  }

  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3,
  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7,
  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 {
    color: hsl(207, 82%, 66%);
  }

  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4,
  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8,
  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 {
    color: hsl(286, 60%, 67%);
  }

  /* Diff Highlight plugin overrides */
  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
  html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix),
  html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) {
    background-color: hsla(353, 100%, 66%, 0.15);
  }

  html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
  html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
  html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
  html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
    background-color: hsla(353, 95%, 66%, 0.25);
  }

  html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
  html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
  html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
  html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
    background-color: hsla(353, 95%, 66%, 0.25);
  }

  html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix),
  html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) {
    background-color: hsla(137, 100%, 55%, 0.15);
  }

  html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
  html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
  html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
  html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
    background-color: hsla(135, 73%, 55%, 0.25);
  }

  html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
  html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
  html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
  html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
    background-color: hsla(135, 73%, 55%, 0.25);
  }

  /* Previewers plugin overrides */
  /* 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 */
  /* Border around popup */
  html.theme-dark .prism-previewer.prism-previewer:before,
  html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div {
    border-color: hsl(224, 13%, 17%);
  }

  /* Angle and time should remain as circles and are hence not included */
  html.theme-dark .prism-previewer-color.prism-previewer-color:before,
  html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div,
  html.theme-dark .prism-previewer-easing.prism-previewer-easing:before {
    border-radius: 0.3em;
  }

  /* Triangles pointing to the code */
  html.theme-dark .prism-previewer.prism-previewer:after {
    border-top-color: hsl(224, 13%, 17%);
  }

  html.theme-dark .prism-previewer-flipped.prism-previewer-flipped.after {
    border-bottom-color: hsl(224, 13%, 17%);
  }

  /* Background colour within the popup */
  html.theme-dark .prism-previewer-angle.prism-previewer-angle:before,
  html.theme-dark .prism-previewer-time.prism-previewer-time:before,
  html.theme-dark .prism-previewer-easing.prism-previewer-easing {
    background: hsl(219, 13%, 22%);
  }

  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
  /* For time, this is the alternate colour */
  html.theme-dark .prism-previewer-angle.prism-previewer-angle circle,
  html.theme-dark .prism-previewer-time.prism-previewer-time circle {
    stroke: hsl(220, 14%, 71%);
    stroke-opacity: 1;
  }

  /* Stroke colours of the handle, direction point, and vector itself */
  html.theme-dark .prism-previewer-easing.prism-previewer-easing circle,
  html.theme-dark .prism-previewer-easing.prism-previewer-easing path,
  html.theme-dark .prism-previewer-easing.prism-previewer-easing line {
    stroke: hsl(220, 14%, 71%);
  }

  /* Fill colour of the handle */
  html.theme-dark .prism-previewer-easing.prism-previewer-easing circle {
    fill: transparent;
  }
  
   
    html.theme-light {
      /* Gray */
      --gray-h: 36;
      --gray-s: 2%;
      --gray-l: 46%;
      --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));
      --color-text-gray: var(--color-gray);
      --color-bg-gray: hsl(
        var(--gray-h),
        var(--gray-s),
        90%
      );
      --color-bg-gray-light: var(--color-bg-gray);
      --color-pill-gray: hsl(
        calc(var(--gray-h) + 14),
        var(--gray-s),
        88%
      );
      --color-pill-text-gray: hsl(
        var(--gray-h),
        var(--gray-s),
        calc(var(--gray-l) - 28%)
      );
      --color-bg-form-btn-gray: #A7A39A;

      /* Brown */
      --brown-h: 19;
      --brown-s: 31%;
      --brown-l: 47%;
      --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));
      --color-text-brown: var(--color-brown);
      --color-bg-brown: hsl(
        var(--brown-h),
        var(--brown-s),
        90%
      );
      --color-bg-brown-light: var(--color-bg-brown);
      --color-pill-brown: hsl(
        var(--brown-h),
        calc(var(--brown-s) + 10%),
        89%
      );
      --color-pill-text-brown: hsl(
        var(--brown-h),
        calc(var(--brown-s) + 10%),
        calc(var(--brown-l) - 28%)
      );
      --color-bg-form-btn-brown: #9A6851;

      /* Orange */
      --orange-h: 30;
      --orange-s: 87%;
      --orange-l: 45%;
      --color-orange: hsl(
        var(--orange-h),
        var(--orange-s),
        var(--orange-l)
      );
      --color-text-orange: var(--color-orange);
      --color-bg-orange: hsl(
        var(--orange-h),
        var(--orange-s),
        90%
      );
      --color-bg-orange-light: var(--color-bg-orange);
      --color-pill-orange: hsl(
        var(--orange-h),
        calc(var(--orange-s) - 6%),
        87%
      );
      --color-pill-text-orange: hsl(
        calc(var(--orange-h) - 5),
        calc(var(--orange-s) - 18%),
        calc(var(--orange-l) - 28%)
      );
      --color-bg-form-btn-orange: #D9730D;

      /* Yellow */
      --yellow-h: 38;
      --yellow-s: 62%;
      --yellow-l: 49%;
      --color-yellow: hsl(
        var(--yellow-h),
        var(--yellow-s),
        var(--yellow-l)
      );
      --color-text-yellow: var(--color-yellow);
      --color-bg-yellow: hsl(
        var(--yellow-h),
        calc(var(--yellow-s) + 90%),
        90%
      );
      --color-bg-yellow-light: var(--color-bg-yellow);
      --color-pill-yellow: hsl(
        calc(var(--yellow-h) + 3),
        calc(var(--yellow-s) + 24%),
        90%
      );
      --color-pill-text-yellow: hsl(
        calc(var(--yellow-h) - 11),
        calc(var(--yellow-s) - 22%),
        calc(var(--yellow-l) - 28%)
      );
      --color-bg-form-btn-yellow: #CA922F;

      /* Green */
      --green-h: 149;
      --green-s: 31%;
      --green-l: 39%;
      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));
      --color-text-green: var(--color-green);
      --color-bg-green: hsl(
        var(--green-h),
        var(--green-s),
        90%
      );
      --color-bg-green-light: var(--color-bg-green);
      --color-pill-green: hsl(
        calc(var(--green-h) - 28),
        calc(var(--green-s) + 3%),
        89%
      );
      --color-pill-text-green: hsl(
        calc(var(--green-h) - 2),
        var(--green-s),
        calc(var(--green-l) - 22%)
      );
      --color-bg-form-btn-green: #448361;

      /* Blue */
      --blue-h: 202;
      --blue-s: 53%;
      --blue-l: 43%;
      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));
      --color-text-blue: var(--color-blue);
      --color-bg-blue: hsl(
        var(--blue-h),
        var(--blue-s),
        90%
      );
      --color-bg-blue-light: var(--color-bg-blue);
      --color-pill-blue: hsl(
        var(--blue-h),
        calc(var(--blue-s) - 5%),
        85%
      );
      --color-pill-text-blue: hsl(
        calc(var(--blue-h) + 7),
        calc(var(--blue-s) - 6%),
        calc(var(--blue-l) - 22%)
      );
      --color-bg-form-btn-blue: #327DA9;

      /* Purple */
      --purple-h: 274;
      --purple-s: 32%;
      --purple-l: 54%;
      --color-purple: hsl(
        var(--purple-h),
        var(--purple-s),
        var(--purple-l)
      );
      --color-text-purple: var(--color-purple);
      --color-bg-purple: hsl(
        var(--purple-h),
        var(--purple-s),
        90%
      );
      --color-bg-purple-light: var(--color-bg-purple);
      --color-pill-purple: hsl(
        var(--purple-h),
        calc(var(--purple-s) + 5%),
        90%
      );
      --color-pill-text-purple: hsl(
        calc(var(--purple-h) + 1),
        calc(var(--purple-s) + 10%),
        calc(var(--purple-l) - 31%)
      );
      --color-bg-form-btn-purple: #8F64AF;

      /* Pink */
      --pink-h: 328;
      --pink-s: 48%;
      --pink-l: 53%;
      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));
      --color-text-pink: var(--color-pink);
      --color-bg-pink: hsl(
        var(--pink-h),
        var(--pink-s),
        90%
      );
      --color-bg-pink-light: var(--color-bg-pink);
      --color-pill-pink: hsl(
        var(--pink-h),
        var(--pink-s),
        90%
      );
      --color-pill-text-pink: hsl(
        calc(var(--pink-h) + 3),
        calc(var(--pink-s) - 14%),
        calc(var(--pink-l) - 31%)
      );
      --color-bg-form-btn-pink: #C24C8B;

      /* Red */
      --red-h: 2;
      --red-s: 62%;
      --red-l: 55%;
      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));
      --color-text-red: var(--color-red);
      --color-bg-red: hsl(
        var(--red-h),
        var(--red-s),
        90%
      );
      --color-bg-red-light: var(--color-bg-red);
      --color-pill-red: hsl(
        calc(var(--red-h) + 6),
        calc(var(--red-s) + 42%),
        90%
      );
      --color-pill-text-red: hsl(
        calc(var(--red-h) + 0),
        var(--red-s),
        calc(var(--red-l) - 32%)
      );
      --color-bg-form-btn-red: #D44E49;

      /*Default*/
      --default-h: 45;
      --default-s: 8%;
      --default-l: 20%;
      --color-default: hsl(
        var(--default-h),
        var(--default-s),
        var(--default-l)
      );
      --color-pill-default: hsl(
        var(--gray-h),
        var(--gray-s),
        90%
      );
      --color-pill-text-default: hsl(
        var(--gray-h),
        var(--gray-s),
        calc(var(--gray-l) - 28%)
      );
      --color-bg-form-btn-default: #55534E;

      /*Other*/
      --color-text-default: #37352F;
      --color-text-default-light: #7d7c78;
      --color-bg-default: #ffffff;
      --color-border-default: #E9E9E7;
      --color-border-dark: var(--color-border-default);
      --color-ui-hover-bg: #efefef;
      --color-card-bg: #ffffff;
      --color-card-bg-hover: #f9f9f8;
      --color-calendar-weekend-bg: #f7f6f3;
      --color-checkbox-bg: #2EAADC;
      --color-code-bg: rgba(135,131,120,.15);

      /*Scrollbar*/
      --scrollbar-background-color: #FAFAFA;
      --scrollbar-thumb-color: #C1C1C1;
      --scrollbar-border-color: #E8E8E8;

      /*Navbar*/
      --navbar-text-color: #37352F;
      --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
      --navbar-background-color-hover: #e7e7e7;
      --navbar-background-color: #f6f6f6;
      --navbar-button-text-color: #ffffff;
      --navbar-button-background-color: #37352F;
      --navbar-menu-background-color: var(--navbar-background-color);
      --navbar-text-color-dark: #282620;

      /*Footer*/
      --footer-text-color: #37352F;
      --footer-background-color: #e8e8e8;

      /*Sidebar*/
      --sidebar-text-color: #37352F;
      --sidebar-cta-text-color: #37352F;
      --sidebar-background-color: #ffffff;
      --sidebar-cta-background-color: #ffffff;
      --sidebar-border-color: #E9E9E7;
      --sidebar-background-color-hover: #efefef;
      --sidebar-text-color-dark: #282620;
      --sidebar-cta-background-color-hover: #efefef;
    }

    
  /**
   * One Light theme for prism.js
   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax
   */
  
  /**
   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)
   * From colors.less
   * --mono-1: hsl(230, 8%, 24%);
   * --mono-2: hsl(230, 6%, 44%);
   * --mono-3: hsl(230, 4%, 64%)
   * --hue-1: hsl(198, 99%, 37%);
   * --hue-2: hsl(221, 87%, 60%);
   * --hue-3: hsl(301, 63%, 40%);
   * --hue-4: hsl(119, 34%, 47%);
   * --hue-5: hsl(5, 74%, 59%);
   * --hue-5-2: hsl(344, 84%, 43%);
   * --hue-6: hsl(35, 99%, 36%);
   * --hue-6-2: hsl(35, 99%, 40%);
   * --syntax-fg: hsl(230, 8%, 24%);
   * --syntax-bg: hsl(230, 1%, 98%);
   * --syntax-gutter: hsl(230, 1%, 62%);
   * --syntax-guide: hsla(230, 8%, 24%, 0.2);
   * --syntax-accent: hsl(230, 100%, 66%);
   * From syntax-variables.less
   * --syntax-selection-color: hsl(230, 1%, 90%);
   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);
   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);
   */
  
  html.theme-light code[class*="language-"],
  html.theme-light pre[class*="language-"] {
    color: hsl(230, 8%, 24%);
    font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
  
  /* Selection */
  html.theme-light code[class*="language-"]::-moz-selection,
  html.theme-light code[class*="language-"] *::-moz-selection,
  html.theme-light pre[class*="language-"] *::-moz-selection {
    background: hsl(230, 1%, 90%);
    color: inherit;
  }
  
  html.theme-light code[class*="language-"]::selection,
  html.theme-light code[class*="language-"] *::selection,
  html.theme-light pre[class*="language-"] *::selection {
    background: hsl(230, 1%, 90%);
    color: inherit;
  }
  
  /* Code blocks */
  html.theme-light pre[class*="language-"] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
    border-radius: 0.3em;
  }
  
  /* Inline code */
  html.theme-light :not(pre) > code[class*="language-"] {
    padding: 0.2em 0.3em;
    border-radius: 0.3em;
    white-space: normal;
  }
  
  html.theme-light .token.comment,
  html.theme-light .token.prolog,
  html.theme-light .token.cdata {
    color: hsl(230, 4%, 64%);
  }
  
  html.theme-light .token.doctype,
  html.theme-light .token.punctuation,
  html.theme-light .token.entity {
    color: hsl(230, 8%, 24%);
  }
  
  html.theme-light .token.attr-name,
  html.theme-light .token.class-name,
  html.theme-light .token.boolean,
  html.theme-light .token.constant,
  html.theme-light .token.number,
  html.theme-light .token.atrule {
    color: hsl(35, 99%, 36%);
  }
  
  html.theme-light .token.keyword {
    color: hsl(301, 63%, 40%);
  }
  
  html.theme-light .token.property,
  html.theme-light .token.tag,
  html.theme-light .token.symbol,
  html.theme-light .token.deleted,
  html.theme-light .token.important {
    color: hsl(5, 74%, 59%);
  }
  
  html.theme-light .token.selector,
  html.theme-light .token.string,
  html.theme-light .token.char,
  html.theme-light .token.builtin,
  html.theme-light .token.inserted,
  html.theme-light .token.regex,
  html.theme-light .token.attr-value,
  html.theme-light .token.attr-value > .token.punctuation {
    color: hsl(119, 34%, 47%);
  }
  
  html.theme-light .token.variable,
  html.theme-light .token.operator,
  html.theme-light .token.function {
    color: hsl(221, 87%, 60%);
  }
  
  html.theme-light .token.url {
    color: hsl(198, 99%, 37%);
  }
  
  /* HTML overrides */
  html.theme-light .token.attr-value > .token.punctuation.attr-equals,
  html.theme-light .token.special-attr > .token.attr-value > .token.value.css {
    color: hsl(230, 8%, 24%);
  }
  
  /* CSS overrides */
  html.theme-light .language-css .token.selector {
    color: hsl(5, 74%, 59%);
  }
  
  html.theme-light .language-css .token.property {
    color: hsl(230, 8%, 24%);
  }
  
  html.theme-light .language-css .token.function,
  html.theme-light .language-css .token.url > .token.function {
    color: hsl(198, 99%, 37%);
  }
  
  html.theme-light .language-css .token.url > .token.string.url {
    color: hsl(119, 34%, 47%);
  }
  
  html.theme-light .language-css .token.important,
  html.theme-light .language-css .token.atrule .token.rule {
    color: hsl(301, 63%, 40%);
  }
  
  /* JS overrides */
  html.theme-light .language-javascript .token.operator {
    color: hsl(301, 63%, 40%);
  }
  
  html.theme-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
    color: hsl(344, 84%, 43%);
  }
  
  /* JSON overrides */
  html.theme-light .language-json .token.operator {
    color: hsl(230, 8%, 24%);
  }
  
  html.theme-light .language-json .token.null.keyword {
    color: hsl(35, 99%, 36%);
  }
  
  /* MD overrides */
  html.theme-light .language-markdown .token.url,
  html.theme-light .language-markdown .token.url > .token.operator,
  html.theme-light .language-markdown .token.url-reference.url > .token.string {
    color: hsl(230, 8%, 24%);
  }
  
  html.theme-light .language-markdown .token.url > .token.content {
    color: hsl(221, 87%, 60%);
  }
  
  html.theme-light .language-markdown .token.url > .token.url,
  html.theme-light .language-markdown .token.url-reference.url {
    color: hsl(198, 99%, 37%);
  }
  
  html.theme-light .language-markdown .token.blockquote.punctuation,
  html.theme-light .language-markdown .token.hr.punctuation {
    color: hsl(230, 4%, 64%);
    font-style: italic;
  }
  
  html.theme-light .language-markdown .token.code-snippet {
    color: hsl(119, 34%, 47%);
  }
  
  html.theme-light .language-markdown .token.bold .token.content {
    color: hsl(35, 99%, 36%);
  }
  
  html.theme-light .language-markdown .token.italic .token.content {
    color: hsl(301, 63%, 40%);
  }
  
  html.theme-light .language-markdown .token.strike .token.content,
  html.theme-light .language-markdown .token.strike .token.punctuation,
  html.theme-light .language-markdown .token.list.punctuation,
  html.theme-light .language-markdown .token.title.important > .token.punctuation {
    color: hsl(5, 74%, 59%);
  }
  
  /* General */
  html.theme-light .token.bold {
    font-weight: bold;
  }
  
  html.theme-light .token.comment,
  html.theme-light .token.italic {
    font-style: italic;
  }
  
  html.theme-light .token.entity {
    cursor: help;
  }
  
  html.theme-light .token.namespace {
    opacity: 0.8;
  }
  
  /* Plugin overrides */
  /* Selectors should have higher specificity than those in the plugins' default stylesheets */
  
  /* Show Invisibles plugin overrides */
  html.theme-light .token.token.tab:not(:empty):before,
  html.theme-light .token.token.cr:before,
  html.theme-light .token.token.lf:before,
  html.theme-light .token.token.space:before {
    color: hsla(230, 8%, 24%, 0.2);
  }
  
  /* Toolbar plugin overrides */
  /* Space out all buttons and move them away from the right edge of the code block */
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item {
    margin-right: 0.4em;
  }
  
  /* Styling the buttons */
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
    background: hsl(230, 1%, 90%);
    color: hsl(230, 6%, 44%);
    padding: 0.1em 0.4em;
    border-radius: 0.3em;
  }
  
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
    background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
    color: hsl(230, 8%, 24%);
  }
  
  /* Line Highlight plugin overrides */
  /* The highlighted line itself */
  html.theme-light .line-highlight.line-highlight {
    background: hsla(230, 8%, 24%, 0.05);
  }
  
  /* Default line numbers in Line Highlight plugin */
  html.theme-light .line-highlight.line-highlight:before,
  html.theme-light .line-highlight.line-highlight[data-end]:after {
    background: hsl(230, 1%, 90%);
    color: hsl(230, 8%, 24%);
    padding: 0.1em 0.6em;
    border-radius: 0.3em;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
  }
  
  /* Hovering over a linkable line number (in the gutter area) */
  /* Requires Line Numbers plugin as well */
  html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
    background-color: hsla(230, 8%, 24%, 0.05);
  }
  
  /* Line Numbers and Command Line plugins overrides */
  /* Line separating gutter from coding area */
  html.theme-light .line-numbers.line-numbers .line-numbers-rows,
  html.theme-light .command-line .command-line-prompt {
    border-right-color: hsla(230, 8%, 24%, 0.2);
  }
  
  /* Stuff in the gutter */
  html.theme-light .line-numbers .line-numbers-rows > span:before,
  html.theme-light .command-line .command-line-prompt > span:before {
    color: hsl(230, 1%, 62%);
  }
  
  /* Match Braces plugin overrides */
  /* Note: Outline colour is inherited from the braces */
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {
    color: hsl(5, 74%, 59%);
  }
  
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {
    color: hsl(119, 34%, 47%);
  }
  
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {
    color: hsl(221, 87%, 60%);
  }
  
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,
  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {
    color: hsl(301, 63%, 40%);
  }
  
  /* Diff Highlight plugin overrides */
  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix),
  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) {
    background-color: hsla(353, 100%, 66%, 0.15);
  }
  
  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
    background-color: hsla(353, 95%, 66%, 0.25);
  }
  
  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
    background-color: hsla(353, 95%, 66%, 0.25);
  }
  
  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix),
  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) {
    background-color: hsla(137, 100%, 55%, 0.15);
  }
  
  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
    background-color: hsla(135, 73%, 55%, 0.25);
  }
  
  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
    background-color: hsla(135, 73%, 55%, 0.25);
  }
  
  /* Previewers plugin overrides */
  /* 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 */
  /* Border around popup */
  html.theme-light .prism-previewer.prism-previewer:before,
  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {
    border-color: hsl(0, 0, 95%);
  }
  
  /* Angle and time should remain as circles and are hence not included */
  html.theme-light .prism-previewer-color.prism-previewer-color:before,
  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,
  html.theme-light .prism-previewer-easing.prism-previewer-easing:before {
    border-radius: 0.3em;
  }
  
  /* Triangles pointing to the code */
  html.theme-light .prism-previewer.prism-previewer:after {
    border-top-color: hsl(0, 0, 95%);
  }
  
  html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {
    border-bottom-color: hsl(0, 0, 95%);
  }
  
  /* Background colour within the popup */
  html.theme-light .prism-previewer-angle.prism-previewer-angle:before,
  html.theme-light .prism-previewer-time.prism-previewer-time:before,
  html.theme-light .prism-previewer-easing.prism-previewer-easing {
    background: hsl(0, 0%, 100%);
  }
  
  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
  /* For time, this is the alternate colour */
  html.theme-light .prism-previewer-angle.prism-previewer-angle circle,
  html.theme-light .prism-previewer-time.prism-previewer-time circle {
    stroke: hsl(230, 8%, 24%);
    stroke-opacity: 1;
  }
  
  /* Stroke colours of the handle, direction point, and vector itself */
  html.theme-light .prism-previewer-easing.prism-previewer-easing circle,
  html.theme-light .prism-previewer-easing.prism-previewer-easing path,
  html.theme-light .prism-previewer-easing.prism-previewer-easing line {
    stroke: hsl(230, 8%, 24%);
  }
  
  /* Fill colour of the handle */
  html.theme-light .prism-previewer-easing.prism-previewer-easing circle {
    fill: transparent;
  }
  
  
  
    :root {
      /* Layout */
      --padding-layout: 0.6rem;
      --border-radii-layout: 5px;
      --border-thickness-layout: 1px;
      --border-type-layout: solid;
      --border-layout: var(--border-thickness-layout)
        var(--border-type-layout) var(--color-border-default);
      --layout-max-width: 1200px;
      --column-spacing: 46px;
      --page-display: none;
      --padding-right: calc(env(safe-area-inset-right) + 96px);
      --padding-left: calc(env(safe-area-inset-left) + 96px);
      --padding-right-mobile: calc(env(safe-area-inset-right) + 24px);
      --padding-left-mobile: calc(env(safe-area-inset-left) + 24px);
      /* Header */
      --header-cover-height: 40vh;
      --header-title-align: start;
      --header-icon-align: -112px auto auto auto;
      --header-display: block;
      /* Collection header */
      --collection-header-border: var(--border-layout);
      /* Collection table */
      --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem)
        calc(var(--padding-layout) - 0.1rem);
      /* Collection list */
      --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem);
      --collection-list-item-border-radii: calc(
        var(--border-radii-layout) - 1px
      );
      /* Collection card */
      --collection-card-padding: 0px;
      --collection-card-title-padding: 0px;
      --collection-card-content-padding: var(--padding-layout);
      --collection-card-border-radii: var(--border-radii-layout);
      --collection-card-gap: 10px;
      --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;
      --collection-card-title-size: 0.875rem;
      --collection-card-cover-height-small: 128px;
      --collection-card-cover-size-small: 172px;
      --collection-card-cover-height-medium: 200px;
      --collection-card-cover-size-medium: 260px;
      --collection-card-cover-height-large: 200px;
      --collection-card-cover-size-large: 320px;
      --collection-card-icon-display: inline-flex;
      /* Callout */
      --callout-padding: calc(var(--padding-layout) + 0.4rem)
        calc(var(--padding-layout) + 0.4rem)
        calc(var(--padding-layout) + 0.4rem)
        calc(var(--padding-layout) + 0.1em);
      --callout-border-radii: calc(var(--border-radii-layout) - 2px);
      --callout-border: var(--border-layout);
      --callout-icon-display: block;
      --callout-shadow: none;
      /* File */
      --file-border-radii: calc(var(--border-radii-layout) - 2px);
      /* Equation */
      --equation-border-radii: calc(var(--border-radii-layout) - 2px);
      /* Divider */
      --divider-border: var(--border-layout);
      /* Quote */
      --quote-border: calc(var(--border-thickness-layout) + 2px) solid
        currentcolor;
      /* Code */
      --code-padding: calc(var(--padding-layout) + 1.4rem);
      --code-border-radii: var(--border-radii-layout);
      /* Tweet */
      --tweet-padding: calc(var(--padding-layout) + 0.65rem)
        calc(var(--padding-layout) + 0.65rem)
        calc(var(--padding-layout) + 0.05rem)
        calc(var(--padding-layout) + 0.65rem);
      --tweet-border-radii: var(--border-radii-layout);
      --tweet-border: var(--border-layout);
      /* Bookmark */
      --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0px
        calc(var(--padding-layout) + 0.025rem)
        calc(var(--padding-layout) + 0.275rem);
      --bookmark-border-radii: var(--border-radii-layout);
      --bookmark-border: var(--border-layout);
      --bookmark-image-border-radii: 0px
        calc(var(--border-radii-layout) - 1px)
        calc(var(--border-radii-layout) - 1px) 0px;
      /* Embed */
      --embed-border-radii: calc(var(--border-radii-layout) - 5px);
      /* Image */
      --image-border-radii: calc(var(--border-radii-layout) - 5px);
      /* Typography */
      --title-size: 2.51rem;
      --quote-size: 1.1rem;
      --quote-size-large: 1.25rem;
      --heading-size: 0.9rem;
      --primary-font: Montserrat, Montserrat-fallback, Helvetica, Apple Color Emoji,
        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,
        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,
        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,
        sans-serif;
        --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,
        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,
        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,
        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,
        sans-serif;
      --text-weight: 400;
      --heading-weight: 600;
      --heading1-size: calc(var(--heading-size) * 1.875);
      --heading2-size: calc(var(--heading-size) * 1.5);
      --heading3-size: calc(var(--heading-size) * 1.25);
      --heading4-size: calc(var(--heading-size) * 1);
      --heading5-size: calc(var(--heading-size) * 0.8125);
      /* Scrollbars */
      --scrollbar-width: 15px;
      /* Navbar */
      --navbar-height: 60px;
      --navbar-shadow: none;
      --navbar-button-border-radii: 50px;
      --navbar-list-width-single-column: 320px;
      --navbar-list-width: 620px;
      /*Sidebar*/
      --sidebar-width: 280px;
      --sidebar-shadow: none;
    }
    html {
      scroll-padding-top: 66px;
    }
    body {
      font-family: var(--secondary-font);
    }

    .notion-callout.bg-gray-light.border {
  font-size: 0.8rem !important;
}

.notion-callout.bg-gray-light.border .notion-icon.text {
  font-size: 0.8rem !important;
}

a[href*="amazon.com"]::after {
  font: var(--fa-font-brands);
  content: "\f270";
  text-decoration: none !important;
  border: none;
  margin-left: 3px;
  vertical-align: middle;
}

a[href*="amzn.to"]::after {
  font: var(--fa-font-brands);
  content: "\f270";
  text-decoration: none !important;
  border: none;
  margin-left: 3px;
  vertical-align: middle;
}

#block-9783dd28671c47dfaf389027e600dd0c ul {
  list-style-type: none;
}

#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*="flipboard.com"]::before {
  font: var(--fa-font-brands);
  font-weight: 900;
  content: "\f44d";
  margin-right: 4px;
  margin-left: -20px;
  display: inline-block;
}

#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*="medium.com"]::before {
  font: var(--fa-font-brands);
  font-weight: 900;
  content: "\f23a";
  margin-right: 4px;
  margin-left: -20px;
  display: inline-block;
}

#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*="goodreads.com"]::before {
  font: var(--fa-font-brands);
  font-weight: 900;
  content: "\f3a8";
  margin-right: 4px;
  margin-left: -20px;
  display: inline-block;
}

#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*="pinterest.com"]::before {
  font: var(--fa-font-brands);
  font-weight: 900;
  content: "\f0d2";
  margin-right: 4px;
  margin-left: -20px;
  display: inline-block;
}

#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*="getpocket.com"]::before {
  font: var(--fa-font-brands);
  font-weight: 900;
  content: "\f265";
  margin-right: 4px;
  margin-left: -20px;
  display: inline-block;
}

#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*="readwise.io"]::before {
  font-family: "Font Awesome Kit";
  font-weight: 900;
  content: "\e000";
  margin-right: 4px;
  margin-left: -20px;
  display: inline-block;
}

#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*="threads.net"]::before {
  font: var(--fa-font-brands);
  font-weight: 900;
  content: "\e618";
  margin-right: 4px;
  margin-left: -20px;
  display: inline-block;
}

#block-9783dd28671c47dfaf389027e600dd0c li a[href*="x.com"]::before {
  font: var(--fa-font-brands);
  font-weight: 900;
  content: "\e61b";
  margin-right: 4px;
  margin-left: -20px;
  display: inline-block;
}

#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*="refind.com"]::before {
  font: var(--fa-font-solid);
  font-weight: 900;
  content: "\f140";
  margin-right: 4px;
  margin-left: -20px;
  display: inline-block;
}

.notion-at {
  display: none;
}
  
</style><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><script src="/_next/static/chunks/ef7e1780489ef47b.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[339756,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/963c71eec1d89c3f.js\"],\"default\"]\n3:I[837457,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/963c71eec1d89c3f.js\"],\"default\"]\n7:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/963c71eec1d89c3f.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\na:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/963c71eec1d89c3f.js\"],\"ViewportBoundary\"]\nc:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/963c71eec1d89c3f.js\"],\"MetadataBoundary\"]\ne:I[168027,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/963c71eec1d89c3f.js\"],\"default\"]\n:HC[\"/\",\"\"]\n:HL[\"/_next/static/chunks/4057cc9dbcc744c0.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"r6pij-MDpOloZX6uFLNO0\",\"c\":[\"\",\"main\",\"sergiocaredda.eu\",\"feed\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"main\",{\"children\":[[\"site\",\"sergiocaredda.eu\",\"d\"],{\"children\":[[\"page\",\"feed\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true]}]}],[[\"$\",\"$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\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/08db0d88ed3339f3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/97070d7eee6f227e.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/d0383f817159b1cf.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/839489c13195e1c0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/7f22801e85c972ca.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L5\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/4057cc9dbcc744c0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1b70408e1ee0ede3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/80af9595adb5aa3b.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/8d3945c9ea1274d1.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"f:I[208077,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\",\"/_next/static/chunks/1b70408e1ee0ede3.js\",\"/_next/static/chunks/80af9595adb5aa3b.js\",\"/_next/static/chunks/8d3945c9ea1274d1.js\"],\"ErrorPage\"]\n5:[\"$\",\"$Lf\",null,{\"type\":\"notfound\"}]\n"])</script><script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"10:T28f5,"])</script><script>self.__next_f.push([1,"\n      @font-face {\n        font-family: \"Montserrat\";\n        font-style: normal;\n        font-weight: 400;\n        src: url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Montserrat\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Montserrat\";\n        font-style: normal;\n        font-weight: 500;\n        src: url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Montserrat\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Montserrat\";\n        font-style: normal;\n        font-weight: 600;\n        src: url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Montserrat\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Montserrat\";\n        font-style: normal;\n        font-weight: 700;\n        src: url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-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/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Montserrat\")\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: 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    "])</script><script>self.__next_f.push([1,"4:[\"$\",\"html\",null,{\"lang\":\"en\",\"dir\":\"ltr\",\"className\":\"theme-light\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"https://assets.super.so/0badc302-6e34-4371-b0bf-b75afbc0bd89/uploads/favicon/51e085bf-0f02-41b6-8056-e8887f64b1a6.png\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n    const html = document.getElementsByTagName(\\\"html\\\")[0];\\n    try {\\n      const colorPreference = localStorage\\n        ? localStorage.getItem(\\\"color-preference\\\")\\n        : null;\\n\\n      if (true) {\\n        html.classList.remove(\\\"theme-light\\\");\\n      }\\n      \\n      if (true \u0026\u0026 colorPreference \u0026\u0026 html) {\\n        html.classList.add(\\\"theme-\\\" + colorPreference);\\n      } else {\\n        html.classList.add(\\\"theme-light\\\");\\n      }\\n    } catch (e) {\\n      console.log('ERROR themeEffect', e)\\n      html.classList.add(\\\"theme-light\\\");\\n    }\\n\"}}],[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"}}],\"$L11\",\"$L12\",\"$L13\",[\"$L14\",\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\"],[\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\"]]}],\"$L23\"]}]\n"])</script><script>self.__next_f.push([1,"24:I[868422,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.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/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.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-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://scaredda.github.io/my-blog/new_blog.css\",\"style\"]\n11:[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/styles/static.css\"}]\n12:[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/styles/notion.css\"}]\n13:[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/styles/super.css\"}]\n14:[\"$\",\"link\",\"font-preload-Montserrat-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n15:[\"$\",\"link\",\"font-preload-Montserrat-500\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n16:[\"$\",\"link\",\"font-preload-Montserrat-600\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n17:[\"$\",\"link\",\"font-preload-Montserrat-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Montserrat/montserrat-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n18:[\"$\",\"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\"}]\n19:[\"$\",\"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\"}]\n1a:[\"$\",\"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\"}]\n1b:[\"$\",\"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\"}]\n1c:[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://scaredda.github.io/my-blog/new_blog.css\",\"as\":\"style\"}]\n1d:[\"$\",\"script\",\"3\",{\"dangerously"])</script><script>self.__next_f.push([1,"SetInnerHTML\":{\"__html\":\"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,'script','dataLayer','GTM-NGXSF3GV');\"},\"children\":null}]\n1e:[\"$\",\"script\",\"11\",{\"src\":\"https://kit.fontawesome.com/934a3050f1.js\",\"crossOrigin\":\"anonymous\",\"children\":null}]\n1f:[\"$\",\"link\",\"link-https://scaredda.github.io/my-blog/new_blog.css\",{\"rel\":\"stylesheet\",\"href\":\"https://scaredda.github.io/my-blog/new_blog.css\"}]\n20:[\"$\",\"link\",\"link-https://scaredda.github.io/my-blog/new_blog.css\",{\"rel\":\"preload\",\"href\":\"https://scaredda.github.io/my-blog/new_blog.css\",\"as\":\"style\"}]\n21:[\"$\",\"meta\",\"19\",{\"name\":\"author\",\"content\":\"Sergio Caredda\",\"children\":null}]\n22:[\"$\",\"meta\",\"21\",{\"property\":\"fb:app_id\",\"content\":\"966242223397117\",\"children\":null}]\n25:Ta3e,"])</script><script>self.__next_f.push([1,".notion-callout.bg-gray-light.border {\n  font-size: 0.8rem !important;\n}\n\n.notion-callout.bg-gray-light.border .notion-icon.text {\n  font-size: 0.8rem !important;\n}\n\na[href*=\"amazon.com\"]::after {\n  font: var(--fa-font-brands);\n  content: \"\\f270\";\n  text-decoration: none !important;\n  border: none;\n  margin-left: 3px;\n  vertical-align: middle;\n}\n\na[href*=\"amzn.to\"]::after {\n  font: var(--fa-font-brands);\n  content: \"\\f270\";\n  text-decoration: none !important;\n  border: none;\n  margin-left: 3px;\n  vertical-align: middle;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul {\n  list-style-type: none;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"flipboard.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f44d\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"medium.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f23a\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"goodreads.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f3a8\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"pinterest.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f0d2\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"getpocket.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f265\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"readwise.io\"]::before {\n  font-family: \"Font Awesome Kit\";\n  font-weight: 900;\n  content: \"\\e000\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"threads.net\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\e618\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c li a[href*=\"x.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\e61b\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"refind.com\"]::before {\n  font: var(--fa-font-solid);\n  font-weight: 900;\n  content: \"\\f140\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n.notion-at {\n  display: none;\n}"])</script><script>self.__next_f.push([1,"23:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L24\",null,{\"settings\":{\"siteId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89\",\"userId\":\"9ebbcacf-e00c-4874-a0ab-ae295643f3b3\",\"domainName\":\"sergiocaredda.eu\",\"name\":\"Sergio Caredda\",\"active\":true,\"free\":false,\"tier\":\"pro\",\"favicon\":\"https://assets.super.so/0badc302-6e34-4371-b0bf-b75afbc0bd89/uploads/favicon/51e085bf-0f02-41b6-8056-e8887f64b1a6.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"435fe527ef3a425fa484175667b82db4\",\"indexPageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::38944366-76b7-4f98-8426-544d3068069a\",\"pageProperties\":true,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"siteSearch\":true,\"advancedSearch\":true,\"themeToggle\":true,\"mondayFirst\":true,\"loadLimits\":true,\"hidePersonInfo\":false,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"cacheTTL\":0,\"manualSync\":true,\"syncStatus\":\"complete\",\"publishedAt\":\"2026-03-24T16:41:13.655Z\",\"custom404Enabled\":false,\"navbar\":{\"type\":\"minimal\",\"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\":\"f673fa14-6540-46b4-8480-f61740b19f47\",\"type\":\"list\",\"label\":\"About this site\",\"icon\":\"Info\",\"list\":[{\"id\":\"09d86103-e833-4097-bacd-2a1b351a1d57\",\"type\":\"page\",\"label\":\"About Sergio Caredda\",\"link\":\"/about\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::0d0455d7-bab5-44ae-b562-afd976112460\",\"icon\":\"CircleUserRound\",\"list\":[]},{\"id\":\"d28d8b84-5ec7-4e9f-a792-84cbc8febd61\",\"type\":\"page\",\"label\":\"My Publications\",\"link\":\"/about/publications\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::8879f655-1cfc-4f7c-aa93-605232037a1c\",\"icon\":\"PenTool\",\"description\":\"\",\"list\":[]},{\"id\":\"c8cf7da3-a8c9-4ff2-b612-eac438d9dc91\",\"type\":\"page\",\"label\":\"My Speeches\",\"link\":\"/about/public-speaking\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::c084e933-b614-4a5b-a790-62b4b4bee071\",\"icon\":\"Mic2\",\"description\":\"\",\"list\":[]},{\"id\":\"7015a919-fde1-49b9-a078-2348bd70af1f\",\"type\":\"page\",\"label\":\"Contacts\",\"link\":\"/about/contacts\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::57d246c1-e75a-4ce5-aa3f-46ea4d3011f7\",\"icon\":\"Mail\",\"description\":\"\",\"list\":[]}]},{\"id\":\"135e32f0-b5e8-49d9-8818-d94aba7e176e\",\"type\":\"list\",\"label\":\"Content Sections\",\"icon\":\"Folders\",\"list\":[{\"id\":\"30eb883e-d0aa-4d39-840d-fb363299e038\",\"type\":\"page\",\"label\":\"People\",\"link\":\"/people\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::be9ae243-864c-4402-8478-654ed7f43d9f\",\"icon\":\"PersonStanding\",\"list\":[]},{\"id\":\"1a2a58f3-17c7-4cc4-a9b9-d894ba3c50cf\",\"type\":\"page\",\"label\":\"Work\",\"link\":\"/work\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::eebf9758-6310-4ad7-b83e-6cb8da5a0851\",\"icon\":\"Briefcase\",\"description\":\"\",\"list\":[]},{\"id\":\"a65f9727-1172-4ca7-b0fe-f71c81d222b8\",\"type\":\"page\",\"label\":\"Organisation\",\"link\":\"/organisation\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::1e98989c-d638-4d6f-b5fd-d7ecb1bed09b\",\"icon\":\"Network\",\"list\":[]},{\"id\":\"89dc2911-5c88-4b2d-898a-b39c8543a707\",\"type\":\"page\",\"label\":\"Experience\",\"link\":\"/experience\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::a140a38e-eae8-439e-b88c-09945eafcfb7\",\"icon\":\"Diamond\",\"list\":[]},{\"id\":\"eca137f6-2a5d-4406-a048-aec27ff844cd\",\"type\":\"page\",\"label\":\"Inspiration\",\"link\":\"/inspiration\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::dcc802d6-2bac-4bf3-ba34-291ef435859b\",\"icon\":\"Lightbulb\",\"list\":[]},{\"id\":\"c5f74ed9-56fc-43c9-b9e8-93af3d31da1e\",\"type\":\"page\",\"label\":\"Archive\",\"link\":\"/archives\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::f5804471-0780-46c6-813f-f04f1a71a8e4\",\"icon\":\"Archive\",\"description\":\"\",\"list\":[]}]},{\"id\":\"ad29c47b-373d-442f-a160-b33ea0b46cda\",\"type\":\"list\",\"label\":\"Reference and Tools\",\"icon\":\"FolderDown\",\"list\":[{\"id\":\"83f2d187-d9f8-4c3f-a793-11634fe3edd8\",\"type\":\"page\",\"label\":\"My Book Reviews\",\"link\":\"/inspiration/books\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::a4d3d345-0b8a-498a-a6e0-78cb3579c7c9\",\"icon\":\"BookOpen\",\"description\":\"\",\"list\":[]},{\"id\":\"8097909f-5236-45b9-af85-d43f40f529c3\",\"type\":\"page\",\"label\":\"My Curated News Collection\",\"link\":\"/inspiration/curated-news\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::1a6fc563-8266-495c-b1d0-823c40d102e9\",\"icon\":\"Newspaper\",\"description\":\"\",\"list\":[]},{\"id\":\"3f720a8f-45fc-4811-9db5-a46f2dd7984c\",\"type\":\"page\",\"label\":\"My Events Archive\",\"link\":\"/inspiration/events-archive\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::2e516dd7-0d76-4799-8c59-d6df583aec49\",\"icon\":\"Mic\",\"description\":\"\",\"list\":[]},{\"id\":\"248e2305-6c2d-4e83-bdbb-8f23b571276e\",\"type\":\"page\",\"label\":\"My Video Archive\",\"link\":\"/inspiration/video-archives\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::5e2edf49-e0bd-42ee-a35f-c6083e8e591b\",\"icon\":\"Video\",\"description\":\"\",\"list\":[]},{\"id\":\"48be3b81-4c09-4121-ae28-dc9cd0b25df0\",\"type\":\"page\",\"label\":\"My Quotes Collection\",\"link\":\"/inspiration/my-quotes-collection\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::ddae314b-3ccc-4098-a884-a6cb32246573\",\"icon\":\"MessageSquareQuote\",\"description\":\"\",\"list\":[]},{\"id\":\"45494403-27e5-4f26-be19-9ceadd1375e7\",\"type\":\"page\",\"label\":\"Poetry and Management\",\"link\":\"/inspiration/poetry-and-management\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::8a24eadf-cfd3-4374-b38f-dd153c84e95b\",\"icon\":\"HeartPulse\",\"description\":\"\",\"list\":[]}]},{\"id\":\"4282b2a5-a2b9-47be-9b9c-8868bbc8064a\",\"type\":\"page\",\"label\":\"Essays\",\"link\":\"/essays\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::69322a34-89c7-48d1-b68c-3127aafa2491\",\"icon\":\"BookA\",\"list\":[]},{\"id\":\"647ed90f-781f-4b3e-a169-773f9f2d5b2e\",\"type\":\"page\",\"label\":\"Tags\",\"link\":\"/tags\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::83262227-2e53-469d-8557-2425c692f0a7\",\"icon\":\"Bookmark\",\"list\":[]},{\"id\":\"9f93d7df-9167-402e-9470-469169c8a04d\",\"type\":\"url\",\"label\":\"Newsletter\",\"link\":\"https://newsletter.sergiocaredda.eu\",\"icon\":\"Newspaper\",\"list\":[]},{\"id\":\"836810bb-3ea9-4b49-8c28-3f9e3abd2441\",\"type\":\"page\",\"label\":\"Blog Archive\",\"link\":\"/blog\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::11ef919a-ba1b-4416-8aa4-0742c0369703\",\"icon\":\"PackageSearch\",\"list\":[]},{\"id\":\"06e43344-cebb-4374-b2e9-c6b4b1afccc9\",\"type\":\"list\",\"label\":\"Legal Stuff\",\"icon\":\"Award\",\"list\":[{\"id\":\"6d26e5b0-c4f4-45f8-a25d-467375e9f02a\",\"type\":\"page\",\"label\":\"Privacy Policy\",\"link\":\"/privacy-policy\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::183ffb12-61c5-4f8e-bec4-ffb995c200a0\",\"icon\":\"Fingerprint\",\"description\":\"\",\"list\":[]},{\"id\":\"118997c8-b20d-4491-a8fd-8a86a8111da6\",\"type\":\"page\",\"label\":\"Cookie Policy\",\"link\":\"/cookies\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::ab17a588-ad17-4d5a-9991-de63c1290a6a\",\"icon\":\"Cookie\",\"description\":\"\",\"list\":[]}]}],\"logo\":{\"type\":\"image\",\"width\":180,\"fontSize\":16,\"textContent\":\"Sergio Caredda\",\"imageContent\":\"https://assets.super.so/0badc302-6e34-4371-b0bf-b75afbc0bd89/uploads/logo/74163afa-916c-4a8c-bb65-4510bcee823a.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"Start Here\",\"link\":\"/start-here\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::b80e565c-462b-4a13-8b85-5e66d59fb808\"},\"isSticky\":true,\"breadcrumbs\":true},\"footer\":{\"type\":\"corners\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"59cc777b-d3c4-4825-a09e-6640c58c20e7\",\"type\":\"page\",\"label\":\"Home\",\"link\":\"/\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::38944366-76b7-4f98-8426-544d3068069a\",\"icon\":\"Home\",\"description\":\"\",\"list\":[]},{\"id\":\"5bf7bc8f-1f61-4fe0-a5f2-fda84d88510f\",\"type\":\"page\",\"label\":\"Start Here\",\"link\":\"/start-here\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::b80e565c-462b-4a13-8b85-5e66d59fb808\",\"icon\":\"ArrowDownCircle\",\"description\":\"\",\"list\":[]},{\"id\":\"d6b77e75-8729-41bc-9768-5c7947063298\",\"type\":\"page\",\"label\":\"Privacy Policy\",\"link\":\"/privacy-policy\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::183ffb12-61c5-4f8e-bec4-ffb995c200a0\",\"icon\":\"\",\"list\":[]},{\"id\":\"6beeaea8-268f-4133-8b46-efa830103377\",\"type\":\"page\",\"label\":\"Contacts\",\"link\":\"/about/contacts\",\"pageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::57d246c1-e75a-4ce5-aa3f-46ea4d3011f7\",\"icon\":\"Contact\",\"list\":[]}],\"logo\":{\"type\":\"text\",\"width\":90,\"fontSize\":16,\"textContent\":\"Sergio Caredda\",\"imageContent\":null,\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"linkedin\",\"link\":\"https://www.linkedin.com/in/sergiocaredda/\"},{\"type\":\"medium\",\"link\":\"https://medium.com/@sergiocaredda\"},{\"type\":\"youtube\",\"link\":\"https://www.youtube.com/@sergio_caredda\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/sergio_caredda/\"},{\"type\":\"facebook\",\"link\":\"https://www.facebook.com/sergiocaredda.eu\"}],\"footnote\":\"Copyright © 2010 - 2025 Sergio Caredda | Content from Notion - Powered by Super\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":1200,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"none\"},\"header\":{\"coverHeight\":40,\"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\":\"Montserrat\",\"secondaryFont\":\"Inter\",\"fonts\":[],\"baseSize\":16,\"titleSize\":2.51,\"headingSize\":0.9,\"quoteSize\":1.1,\"quoteSizeLarge\":1.25,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":60,\"shadow\":\"none\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"none\"},\"colors\":{\"light\":{\"text\":\"#37352F\",\"textLight\":\"#7d7c78\",\"background\":\"#ffffff\",\"borderColor\":\"#E9E9E7\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#efefef\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#37352F\",\"background\":\"#f6f6f6\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"footer\":{\"text\":\"#37352F\",\"background\":\"#e8e8e8\",\"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\":\"#f0f0f0\",\"textLight\":\"#f2f2f2\",\"background\":\"#111111\",\"borderColor\":\"#1F1F1F\",\"checkboxBackground\":\"#222222\",\"hoverBackground\":\"#1A1A1A\",\"scrollbar\":{\"background\":\"#111111\",\"handle\":\"#212121\",\"border\":\"#111111\"},\"navbar\":{\"text\":\"#f0f0f0\",\"background\":\"#111111\",\"buttonText\":\"#111111\",\"buttonBackground\":\"#f0f0f0\"},\"footer\":{\"text\":\"#f0f0f0\",\"background\":\"#111111\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#262626\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#1A1A1A\",\"cardHoverBackground\":\"#212121\",\"calendarWeekendBackground\":\"#161616\"},\"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,59],\"brown\":[26,40,46],\"orange\":[21,80,41],\"yellow\":[38,92,45],\"green\":[175,84,39],\"blue\":[210,82,50],\"purple\":[262,81,54],\"pink\":[333,71,46],\"red\":[0,72,51]}}},\"code\":{\"global\":[{\"id\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::09deb506-fd40-44b4-94a8-8654a61e7a06\",\"content\":\"\\n\u003c!-- Google Tag Manager --\u003e\\n\u003cscript\u003e(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,'script','dataLayer','GTM-NGXSF3GV');\u003c/script\u003e\\n\u003c!-- End Google Tag Manager --\u003e\\n\u003c!--\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/narrative/css/style.css\\\"\u003e--\u003e\\n\\n\u003c!-- Add FontaAwesome Support --\u003e\\n\u003cscript src=\\\"https://kit.fontawesome.com/934a3050f1.js\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\\n\u003clink rel=\\\"stylesheet\\\" href=\\\"https://scaredda.github.io/my-blog/new_blog.css\\\"\u003e\\n\u003clink rel=\\\"preload\\\" href=\\\"https://scaredda.github.io/my-blog/new_blog.css\\\" as=\\\"style\\\"\u003e\\n\u003c!-- Correcting a few Meta --\u003e\\n\u003cmeta name=\\\"author\\\" content=\\\"Sergio Caredda\\\"\u003e\\n\u003cmeta property=\\\"fb:app_id\\\" content=\\\"966242223397117\\\" \u003e\"}],\"head\":[],\"body\":[{\"id\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::c1562b01-1aca-404e-bd5e-3e4113a16dea\",\"content\":\"\u003c!-- Google Tag Manager (noscript) --\u003e\\n\u003cnoscript\u003e\u003ciframe src=\\\"https://www.googletagmanager.com/ns.html?id=GTM-NGXSF3GV\\\"\\nheight=\\\"0\\\" width=\\\"0\\\" style=\\\"display:none;visibility:hidden\\\"\u003e\u003c/iframe\u003e\u003c/noscript\u003e\\n\u003c!-- End Google Tag Manager (noscript) --\u003e\"}],\"style\":[],\"css\":\"$25\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"children\":[null,\"$L26\",\"$L27\"]}],\"$L28\"]}]\n"])</script><script>self.__next_f.push([1,"29:I[920494,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\"],\"ThemeProvider\"]\n2f:I[678415,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\"],\"NavigationEvents\"]\n30:I[982642,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\"],\"LinkUpgrader\"]\n31:I[245155,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\"],\"LightboxEnhancer\"]\n32:I[957215,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\"],\"SpeedInsights\"]\n2a:T1f46,"])</script><script>self.__next_f.push([1,"\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: 1200px;\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: 40vh;\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) 0px\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.51rem;\n      --quote-size: 1.1rem;\n      --quote-size-large: 1.25rem;\n      --heading-size: 0.9rem;\n      --primary-font: Montserrat, Montserrat-fallback, Helvetica, Apple Color Emoji,\n        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n        sans-serif;\n        --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,\n        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n        sans-serif;\n      --text-weight: 400;\n      --heading-weight: 600;\n      --heading1-size: calc(var(--heading-size) * 1.875);\n      --heading2-size: calc(var(--heading-size) * 1.5);\n      --heading3-size: calc(var(--heading-size) * 1.25);\n      --heading4-size: calc(var(--heading-size) * 1);\n      --heading5-size: calc(var(--heading-size) * 0.8125);\n      /* Scrollbars */\n      --scrollbar-width: 15px;\n      /* Navbar */\n      --navbar-height: 60px;\n      --navbar-shadow: 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: 66px;\n    }\n    body {\n      font-family: var(--secondary-font);\n    }\n\n    .notion-callout.bg-gray-light.border {\n  font-size: 0.8rem !important;\n}\n\n.notion-callout.bg-gray-light.border .notion-icon.text {\n  font-size: 0.8rem !important;\n}\n\na[href*=\"amazon.com\"]::after {\n  font: var(--fa-font-brands);\n  content: \"\\f270\";\n  text-decoration: none !important;\n  border: none;\n  margin-left: 3px;\n  vertical-align: middle;\n}\n\na[href*=\"amzn.to\"]::after {\n  font: var(--fa-font-brands);\n  content: \"\\f270\";\n  text-decoration: none !important;\n  border: none;\n  margin-left: 3px;\n  vertical-align: middle;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul {\n  list-style-type: none;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"flipboard.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f44d\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"medium.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f23a\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"goodreads.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f3a8\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"pinterest.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f0d2\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"getpocket.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\f265\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"readwise.io\"]::before {\n  font-family: \"Font Awesome Kit\";\n  font-weight: 900;\n  content: \"\\e000\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"threads.net\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\e618\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c li a[href*=\"x.com\"]::before {\n  font: var(--fa-font-brands);\n  font-weight: 900;\n  content: \"\\e61b\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n#block-9783dd28671c47dfaf389027e600dd0c ul li a[href*=\"refind.com\"]::before {\n  font: var(--fa-font-solid);\n  font-weight: 900;\n  content: \"\\f140\";\n  margin-right: 4px;\n  margin-left: -20px;\n  display: inline-block;\n}\n\n.notion-at {\n  display: none;\n}\n  "])</script><script>self.__next_f.push([1,"2b:T5aa6,"])</script><script>self.__next_f.push([1,"\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);\n      --color-bg-green: hsl(\n        var(--green-h),\n        var(--green-s),\n        90%\n      );\n      --color-bg-green-light: var(--color-bg-green);\n      --color-pill-green: hsl(\n        calc(var(--green-h) - 28),\n        calc(var(--green-s) + 3%),\n        89%\n      );\n      --color-pill-text-green: hsl(\n        calc(var(--green-h) - 2),\n        var(--green-s),\n        calc(var(--green-l) - 22%)\n      );\n      --color-bg-form-btn-green: #448361;\n\n      /* Blue */\n      --blue-h: 202;\n      --blue-s: 53%;\n      --blue-l: 43%;\n      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n      --color-text-blue: var(--color-blue);\n      --color-bg-blue: hsl(\n        var(--blue-h),\n        var(--blue-s),\n        90%\n      );\n      --color-bg-blue-light: var(--color-bg-blue);\n      --color-pill-blue: hsl(\n        var(--blue-h),\n        calc(var(--blue-s) - 5%),\n        85%\n      );\n      --color-pill-text-blue: hsl(\n        calc(var(--blue-h) + 7),\n        calc(var(--blue-s) - 6%),\n        calc(var(--blue-l) - 22%)\n      );\n      --color-bg-form-btn-blue: #327DA9;\n\n      /* Purple */\n      --purple-h: 274;\n      --purple-s: 32%;\n      --purple-l: 54%;\n      --color-purple: hsl(\n        var(--purple-h),\n        var(--purple-s),\n        var(--purple-l)\n      );\n      --color-text-purple: var(--color-purple);\n      --color-bg-purple: hsl(\n        var(--purple-h),\n        var(--purple-s),\n        90%\n      );\n      --color-bg-purple-light: var(--color-bg-purple);\n      --color-pill-purple: hsl(\n        var(--purple-h),\n        calc(var(--purple-s) + 5%),\n        90%\n      );\n      --color-pill-text-purple: hsl(\n        calc(var(--purple-h) + 1),\n        calc(var(--purple-s) + 10%),\n        calc(var(--purple-l) - 31%)\n      );\n      --color-bg-form-btn-purple: #8F64AF;\n\n      /* Pink */\n      --pink-h: 328;\n      --pink-s: 48%;\n      --pink-l: 53%;\n      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n      --color-text-pink: var(--color-pink);\n      --color-bg-pink: hsl(\n        var(--pink-h),\n        var(--pink-s),\n        90%\n      );\n      --color-bg-pink-light: var(--color-bg-pink);\n      --color-pill-pink: hsl(\n        var(--pink-h),\n        var(--pink-s),\n        90%\n      );\n      --color-pill-text-pink: hsl(\n        calc(var(--pink-h) + 3),\n        calc(var(--pink-s) - 14%),\n        calc(var(--pink-l) - 31%)\n      );\n      --color-bg-form-btn-pink: #C24C8B;\n\n      /* Red */\n      --red-h: 2;\n      --red-s: 62%;\n      --red-l: 55%;\n      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n      --color-text-red: var(--color-red);\n      --color-bg-red: hsl(\n        var(--red-h),\n        var(--red-s),\n        90%\n      );\n      --color-bg-red-light: var(--color-bg-red);\n      --color-pill-red: hsl(\n        calc(var(--red-h) + 6),\n        calc(var(--red-s) + 42%),\n        90%\n      );\n      --color-pill-text-red: hsl(\n        calc(var(--red-h) + 0),\n        var(--red-s),\n        calc(var(--red-l) - 32%)\n      );\n      --color-bg-form-btn-red: #D44E49;\n\n      /*Default*/\n      --default-h: 45;\n      --default-s: 8%;\n      --default-l: 20%;\n      --color-default: hsl(\n        var(--default-h),\n        var(--default-s),\n        var(--default-l)\n      );\n      --color-pill-default: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        90%\n      );\n      --color-pill-text-default: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        calc(var(--gray-l) - 28%)\n      );\n      --color-bg-form-btn-default: #55534E;\n\n      /*Other*/\n      --color-text-default: #37352F;\n      --color-text-default-light: #7d7c78;\n      --color-bg-default: #ffffff;\n      --color-border-default: #E9E9E7;\n      --color-border-dark: var(--color-border-default);\n      --color-ui-hover-bg: #efefef;\n      --color-card-bg: #ffffff;\n      --color-card-bg-hover: #f9f9f8;\n      --color-calendar-weekend-bg: #f7f6f3;\n      --color-checkbox-bg: #2EAADC;\n      --color-code-bg: rgba(135,131,120,.15);\n\n      /*Scrollbar*/\n      --scrollbar-background-color: #FAFAFA;\n      --scrollbar-thumb-color: #C1C1C1;\n      --scrollbar-border-color: #E8E8E8;\n\n      /*Navbar*/\n      --navbar-text-color: #37352F;\n      --navbar-list-item-hover: rgba(130, 130, 130, 0.09);\n      --navbar-background-color-hover: #e7e7e7;\n      --navbar-background-color: #f6f6f6;\n      --navbar-button-text-color: #ffffff;\n      --navbar-button-background-color: #37352F;\n      --navbar-menu-background-color: var(--navbar-background-color);\n      --navbar-text-color-dark: #282620;\n\n      /*Footer*/\n      --footer-text-color: #37352F;\n      --footer-background-color: #e8e8e8;\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  }\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  "])</script><script>self.__next_f.push([1,"2c:T5f94,"])</script><script>self.__next_f.push([1,"\n    html.theme-dark {\n      /* Gray */\n      --gray-h: 0;\n      --gray-s: 0%;\n      --gray-l: 59%;\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        12.5%\n      );\n      --color-bg-gray-light: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        12.5%\n      );\n      --color-pill-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        33%\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: 26;\n      --brown-s: 40%;\n      --brown-l: 46%;\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        10%\n      );\n      --color-bg-brown-light: hsl(\n        calc(var(--brown-h) - 2),\n        calc(var(--brown-s) - 22%),\n        4%\n      );\n      --color-pill-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) + 2%),\n        15%\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: 21;\n      --orange-s: 80%;\n      --orange-l: 41%;\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        13%\n      );\n      --color-bg-orange-light: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) - 30%),\n        5%\n      );\n      --color-pill-orange: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) + 9%),\n        20%\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: 92%;\n      --yellow-l: 45%;\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        16%\n      );\n      --color-bg-yellow-light: hsl(\n        var(--yellow-h),\n        calc(var(--yellow-s) - 24%),\n        8%\n      );\n      --color-pill-yellow: hsl(\n        calc(var(--yellow-h) - 1),\n        calc(var(--yellow-s) + 2%),\n        26%\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: 175;\n      --green-s: 84%;\n      --green-l: 39%;\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        11%\n      );\n      --color-bg-green-light: hsl(\n        var(--green-h),\n        calc(var(--green-s) - 20%),\n        7%\n      );\n      --color-pill-green: hsl(\n        calc(var(--green-h) + 1),\n        calc(var(--green-s) + 3%),\n        18%\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: 210;\n      --blue-s: 82%;\n      --blue-l: 50%;\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        11%\n      );\n      --color-bg-blue-light: hsl(\n        calc(var(--blue-h) + 16),\n        calc(var(--blue-s) - 27%),\n        7%\n      );\n      --color-pill-blue: hsl(\n        calc(var(--blue-h) - 3),\n        calc(var(--blue-s) - 6%),\n        21%\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: 262;\n      --purple-s: 81%;\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        calc(var(--purple-h) + 2),\n        calc(var(--purple-s) - 31%),\n        15%\n      );\n      --color-bg-purple-light: hsl(\n        calc(var(--purple-h) + 5),\n        calc(var(--purple-s) - 40%),\n        9%\n      );\n      --color-pill-purple: hsl(\n        var(--purple-h),\n        calc(var(--purple-s) - 19%),\n        21%\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: 333;\n      --pink-s: 71%;\n      --pink-l: 46%;\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        12%\n      );\n      --color-bg-pink-light: hsl(\n        calc(var(--pink-h) + 5),\n        calc(var(--pink-s) - 40%),\n        4%\n      );\n      --color-pill-pink: hsl(\n        calc(var(--pink-h) - 2),\n        calc(var(--pink-s) - 21%),\n        18%\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: 0;\n      --red-s: 72%;\n      --red-l: 51%;\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        15%\n      );\n      --color-bg-red-light: hsl(\n        calc(var(--red-h) + 5),\n        calc(var(--red-s) - 56%),\n        8%\n      );\n      --color-pill-red: hsl(\n        calc(var(--red-h) + 5),\n        calc(var(--red-s) - 30%),\n        22%\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: #f0f0f0;\n      --color-text-default-light: #f2f2f2;\n      --color-bg-default: #111111;\n      --color-border-default: #1F1F1F;\n      --color-border-dark: var(--color-border-default);\n      --color-ui-hover-bg: #1A1A1A;\n      --color-card-bg: #1A1A1A;\n      --color-card-bg-hover: #212121;\n      --color-calendar-weekend-bg: #161616;\n      --color-checkbox-bg: #222222;\n      --color-code-bg: rgba(135,131,120,.15);\n\n      /*Scrollbar*/\n      --scrollbar-background-color: #111111;\n      --scrollbar-thumb-color: #212121;\n      --scrollbar-border-color: #111111;\n\n      /*Navbar*/\n      --navbar-text-color: #f0f0f0;\n      --navbar-list-item-hover: rgba(255,255,255,.2);\n      --navbar-background-color: #111111;\n      --navbar-background-color-hover: #202020;\n      --navbar-button-text-color: #111111;\n      --navbar-button-background-color: #f0f0f0;\n      --navbar-menu-background-color: var(--navbar-background-color);\n      --navbar-text-color-dark: #e1e1e1;\n\n      /*Footer*/\n      --footer-text-color: #f0f0f0;\n      --footer-background-color: #111111;\n\n      /*Sidebar*/\n      --sidebar-text-color: #e1e1e1;\n      --sidebar-cta-text-color: #e1e1e1;\n      --sidebar-background-color: #191919;\n      --sidebar-cta-background-color: #191919;\n      --sidebar-border-color: #373737;\n      --sidebar-background-color-hover: #262626;\n      --sidebar-text-color-dark: #d2d2d2;\n      --sidebar-cta-background-color-hover: #262626;\n    }\n\n    /* Calendar for dark mode */\n    html.theme-dark .notion-collection-calendar__row {\n      box-shadow: var(--color-border-default) -1px 0px 0px;\n    }\n\n    html.theme-dark .notion-collection-calendar__week-days {\n      box-shadow: var(--color-border-default) 0px 1px 0px;\n    }\n\n    html.theme-dark .notion-collection-calendar__date {\n      border-right: 1px solid var(--color-border-default);\n      border-bottom: 1px solid var(--color-border-default);\n    }\n\n    \n  /**\n   * One Dark theme for prism.js\n   * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax\n   */\n\n  /**\n   * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)\n   * From colors.less\n   * --mono-1: hsl(220, 14%, 71%);\n   * --mono-2: hsl(220, 9%, 55%);\n   * --mono-3: hsl(220, 10%, 40%);\n   * --hue-1: hsl(187, 47%, 55%);\n   * --hue-2: hsl(207, 82%, 66%);\n   * --hue-3: hsl(286, 60%, 67%);\n   * --hue-4: hsl(95, 38%, 62%);\n   * --hue-5: hsl(355, 65%, 65%);\n   * --hue-5-2: hsl(5, 48%, 51%);\n   * --hue-6: hsl(29, 54%, 61%);\n   * --hue-6-2: hsl(39, 67%, 69%);\n   * --syntax-fg: hsl(220, 14%, 71%);\n   * --syntax-bg: hsl(220, 13%, 18%);\n   * --syntax-gutter: hsl(220, 14%, 45%);\n   * --syntax-guide: hsla(220, 14%, 71%, 0.15);\n   * --syntax-accent: hsl(220, 100%, 66%);\n   * From syntax-variables.less\n   * --syntax-selection-color: hsl(220, 13%, 28%);\n   * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);\n   * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);\n   */\n\n  html.theme-dark code[class*=\"language-\"],\n  html.theme-dark pre[class*=\"language-\"] {\n    background: hsl(220, 13%, 18%);\n    color: hsl(220, 14%, 71%);\n    text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n    font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n    direction: ltr;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    line-height: 1.5;\n    -moz-tab-size: 2;\n    -o-tab-size: 2;\n    tab-size: 2;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n\n  /* Selection */\n  html.theme-dark code[class*=\"language-\"]::-moz-selection,\n  html.theme-dark code[class*=\"language-\"] *::-moz-selection,\n  html.theme-dark pre[class*=\"language-\"] *::-moz-selection {\n    background: hsl(220, 13%, 28%);\n    color: inherit;\n    text-shadow: none;\n  }\n\n  html.theme-dark code[class*=\"language-\"]::selection,\n  html.theme-dark code[class*=\"language-\"] *::selection,\n  html.theme-dark pre[class*=\"language-\"] *::selection {\n    background: hsl(220, 13%, 28%);\n    color: inherit;\n    text-shadow: none;\n  }\n\n  /* Code blocks */\n  html.theme-dark pre[class*=\"language-\"] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border-radius: 0.3em;\n  }\n\n  /* Inline code */\n  html.theme-dark :not(pre) \u003e code[class*=\"language-\"] {\n    padding: 0.2em 0.3em;\n    border-radius: 0.3em;\n    white-space: normal;\n  }\n\n  /* Print */\n  @media print {\n    html.theme-dark code[class*=\"language-\"],\n    html.theme-dark pre[class*=\"language-\"] {\n      text-shadow: none;\n    }\n  }\n\n  html.theme-dark .token.comment,\n  html.theme-dark .token.prolog,\n  html.theme-dark .token.cdata {\n    color: hsl(220, 10%, 40%);\n  }\n\n  html.theme-dark .token.doctype,\n  html.theme-dark .token.punctuation,\n  html.theme-dark .token.entity {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .token.attr-name,\n  html.theme-dark .token.class-name,\n  html.theme-dark .token.boolean,\n  html.theme-dark .token.constant,\n  html.theme-dark .token.number,\n  html.theme-dark .token.atrule {\n    color: hsl(29, 54%, 61%);\n  }\n\n  html.theme-dark .token.keyword {\n    color: hsl(286, 60%, 67%);\n  }\n\n  html.theme-dark .token.property,\n  html.theme-dark .token.tag,\n  html.theme-dark .token.symbol,\n  html.theme-dark .token.deleted,\n  html.theme-dark .token.important {\n    color: hsl(355, 65%, 65%);\n  }\n\n  html.theme-dark .token.selector,\n  html.theme-dark .token.string,\n  html.theme-dark .token.char,\n  html.theme-dark .token.builtin,\n  html.theme-dark .token.inserted,\n  html.theme-dark .token.regex,\n  html.theme-dark .token.attr-value,\n  html.theme-dark .token.attr-value \u003e .token.punctuation {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .token.variable,\n  html.theme-dark .token.operator,\n  html.theme-dark .token.function {\n    color: hsl(207, 82%, 66%);\n  }\n\n  html.theme-dark .token.url {\n    color: hsl(187, 47%, 55%);\n  }\n\n  /* HTML overrides */\n  html.theme-dark .token.attr-value \u003e .token.punctuation.attr-equals,\n  html.theme-dark .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n    color: hsl(220, 14%, 71%);\n  }\n\n  /* CSS overrides */\n  html.theme-dark .language-css .token.selector {\n    color: hsl(355, 65%, 65%);\n  }\n\n  html.theme-dark .language-css .token.property {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .language-css .token.function,\n  html.theme-dark .language-css .token.url \u003e .token.function {\n    color: hsl(187, 47%, 55%);\n  }\n\n  html.theme-dark .language-css .token.url \u003e .token.string.url {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .language-css .token.important,\n  html.theme-dark .language-css .token.atrule .token.rule {\n    color: hsl(286, 60%, 67%);\n  }\n\n  /* JS overrides */\n  html.theme-dark .language-javascript .token.operator {\n    color: hsl(286, 60%, 67%);\n  }\n\n  html.theme-dark .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n    color: hsl(5, 48%, 51%);\n  }\n\n  /* JSON overrides */\n  html.theme-dark .language-json .token.operator {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .language-json .token.null.keyword {\n    color: hsl(29, 54%, 61%);\n  }\n\n  /* MD overrides */\n  html.theme-dark .language-markdown .token.url,\n  html.theme-dark .language-markdown .token.url \u003e .token.operator,\n  html.theme-dark .language-markdown .token.url-reference.url \u003e .token.string {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .language-markdown .token.url \u003e .token.content {\n    color: hsl(207, 82%, 66%);\n  }\n\n  html.theme-dark .language-markdown .token.url \u003e .token.url,\n  html.theme-dark .language-markdown .token.url-reference.url {\n    color: hsl(187, 47%, 55%);\n  }\n\n  html.theme-dark .language-markdown .token.blockquote.punctuation,\n  html.theme-dark .language-markdown .token.hr.punctuation {\n    color: hsl(220, 10%, 40%);\n    font-style: italic;\n  }\n\n  html.theme-dark .language-markdown .token.code-snippet {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .language-markdown .token.bold .token.content {\n    color: hsl(29, 54%, 61%);\n  }\n\n  html.theme-dark .language-markdown .token.italic .token.content {\n    color: hsl(286, 60%, 67%);\n  }\n\n  html.theme-dark .language-markdown .token.strike .token.content,\n  html.theme-dark .language-markdown .token.strike .token.punctuation,\n  html.theme-dark .language-markdown .token.list.punctuation,\n  html.theme-dark .language-markdown .token.title.important \u003e .token.punctuation {\n    color: hsl(355, 65%, 65%);\n  }\n\n  /* General */\n  html.theme-dark .token.bold {\n    font-weight: bold;\n  }\n\n  html.theme-dark .token.comment,\n  html.theme-dark .token.italic {\n    font-style: italic;\n  }\n\n  html.theme-dark .token.entity {\n    cursor: help;\n  }\n\n  html.theme-dark .token.namespace {\n    opacity: 0.8;\n  }\n\n  /* Plugin overrides */\n  /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n\n  /* Show Invisibles plugin overrides */\n  html.theme-dark .token.token.tab:not(:empty):before,\n  html.theme-dark .token.token.cr:before,\n  html.theme-dark .token.token.lf:before,\n  html.theme-dark .token.token.space:before {\n    color: hsla(220, 14%, 71%, 0.15);\n    text-shadow: none;\n  }\n\n  /* Toolbar plugin overrides */\n  /* Space out all buttons and move them away from the right edge of the code block */\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n    margin-right: 0.4em;\n  }\n\n  /* Styling the buttons */\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n    background: hsl(220, 13%, 26%);\n    color: hsl(220, 9%, 55%);\n    padding: 0.1em 0.4em;\n    border-radius: 0.3em;\n  }\n\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n    background: hsl(220, 13%, 28%);\n    color: hsl(220, 14%, 71%);\n  }\n\n  /* Line Highlight plugin overrides */\n  /* The highlighted line itself */\n  html.theme-dark .line-highlight.line-highlight {\n    background: hsla(220, 100%, 80%, 0.04);\n  }\n\n  /* Default line numbers in Line Highlight plugin */\n  html.theme-dark .line-highlight.line-highlight:before,\n  html.theme-dark .line-highlight.line-highlight[data-end]:after {\n    background: hsl(220, 13%, 26%);\n    color: hsl(220, 14%, 71%);\n    padding: 0.1em 0.6em;\n    border-radius: 0.3em;\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n  }\n\n  /* Hovering over a linkable line number (in the gutter area) */\n  /* Requires Line Numbers plugin as well */\n  html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n    background-color: hsla(220, 100%, 80%, 0.04);\n  }\n\n  /* Line Numbers and Command Line plugins overrides */\n  /* Line separating gutter from coding area */\n  html.theme-dark .line-numbers.line-numbers .line-numbers-rows,\n  html.theme-dark .command-line .command-line-prompt {\n    border-right-color: hsla(220, 14%, 71%, 0.15);\n  }\n\n  /* Stuff in the gutter */\n  html.theme-dark .line-numbers .line-numbers-rows \u003e span:before,\n  html.theme-dark .command-line .command-line-prompt \u003e span:before {\n    color: hsl(220, 14%, 45%);\n  }\n\n  /* Match Braces plugin overrides */\n  /* Note: Outline colour is inherited from the braces */\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 {\n    color: hsl(355, 65%, 65%);\n  }\n\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 {\n    color: hsl(207, 82%, 66%);\n  }\n\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 {\n    color: hsl(286, 60%, 67%);\n  }\n\n  /* Diff Highlight plugin overrides */\n  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n    background-color: hsla(353, 100%, 66%, 0.15);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n    background-color: hsla(137, 100%, 55%, 0.15);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n\n  /* Previewers plugin overrides */\n  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-dark-ui */\n  /* Border around popup */\n  html.theme-dark .prism-previewer.prism-previewer:before,\n  html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div {\n    border-color: hsl(224, 13%, 17%);\n  }\n\n  /* Angle and time should remain as circles and are hence not included */\n  html.theme-dark .prism-previewer-color.prism-previewer-color:before,\n  html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div,\n  html.theme-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  }\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  "])</script><script>self.__next_f.push([1,"2d:T46e0,"])</script><script>self.__next_f.push([1,"\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 \u003e code .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n    background-color: hsla(137, 100%, 55%, 0.15);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n  \n  /* Previewers plugin overrides */\n  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n  /* Border around popup */\n  html.theme-light .prism-previewer.prism-previewer:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n    border-color: hsl(0, 0, 95%);\n  }\n  \n  /* Angle and time should remain as circles and are hence not included */\n  html.theme-light .prism-previewer-color.prism-previewer-color:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n    border-radius: 0.3em;\n  }\n  \n  /* Triangles pointing to the code */\n  html.theme-light .prism-previewer.prism-previewer:after {\n    border-top-color: hsl(0, 0, 95%);\n  }\n  \n  html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n    border-bottom-color: hsl(0, 0, 95%);\n  }\n  \n  /* Background colour within the popup */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n  html.theme-light .prism-previewer-time.prism-previewer-time:before,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing {\n    background: hsl(0, 0%, 100%);\n  }\n  \n  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n  /* For time, this is the alternate colour */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n  html.theme-light .prism-previewer-time.prism-previewer-time circle {\n    stroke: hsl(230, 8%, 24%);\n    stroke-opacity: 1;\n  }\n  \n  /* Stroke colours of the handle, direction point, and vector itself */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n    stroke: hsl(230, 8%, 24%);\n  }\n  \n  /* Fill colour of the handle */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n    fill: transparent;\n  }\n  \n  "])</script><script>self.__next_f.push([1,"26:[\"$\",\"$L29\",null,{\"settings\":\"$23:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$2a\",\"light\":\"$2b\",\"dark\":\"$2c\",\"legacy\":\"$2d\",\"children\":[\"$L2e\",null]}]\n27:[\"$\",\"$8\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L2f\",null,{}],[\"$\",\"$L30\",null,{}],[\"$\",\"$L31\",null,{}]]}]\n28:[\"$\",\"$L32\",null,{\"sampleRate\":0.3}]\n"])</script><script>self.__next_f.push([1,"33:I[613744,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\",\"/_next/static/chunks/1b70408e1ee0ede3.js\",\"/_next/static/chunks/80af9595adb5aa3b.js\",\"/_next/static/chunks/8d3945c9ea1274d1.js\"],\"ErrorBoundary\"]\n35:I[238581,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\"],\"SuperNavbar\"]\n36:I[381533,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\",\"/_next/static/chunks/398f78cbac628ac1.js\"],\"default\"]\n37:I[7549,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\"],\"FooterLogo\"]\n38:I[537826,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\",\"/_next/static/chunks/1b70408e1ee0ede3.js\",\"/_next/static/chunks/80af9595adb5aa3b.js\",\"/_next/static/chunks/8d3945c9ea1274d1.js\"],\"Link\"]\n39:I[652157,[\"/_next/static/chunks/f051bbd12aec0cc1.js\",\"/_next/static/chunks/08db0d88ed3339f3.js\",\"/_next/static/chunks/97070d7eee6f227e.js\",\"/_next/static/chunks/d0383f817159b1cf.js\",\"/_next/static/chunks/839489c13195e1c0.js\",\"/_next/static/chunks/7f22801e85c972ca.js\",\"/_next/static/chunks/1b70408e1ee0ede3.js\",\"/_next/static/chunks/80af9595adb5aa3b.js\",\"/_next/static/chunks/8d3945c9ea1274d1.js\"],\"PreloadChunks\"]\n34:[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-NGXSF3GV\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"},\"children\":null}]\n"])</script><script>self.__next_f.push([1,"2e:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[[\"$\",\"$L33\",null,{\"children\":[null,[[\"$\",\"$1\",\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::c1562b01-1aca-404e-bd5e-3e4113a16dea\",{\"children\":[\"\\n\",[\"$\",\"noscript\",\"2\",{\"children\":\"$34\"}],\"\\n\"]}]]]}],[\"$\",\"$8\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L35\",null,{\"siteId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89\",\"userId\":\"9ebbcacf-e00c-4874-a0ab-ae295643f3b3\",\"domainName\":\"sergiocaredda.eu\",\"name\":\"Sergio Caredda\",\"active\":true,\"free\":false,\"tier\":\"pro\",\"favicon\":\"https://assets.super.so/0badc302-6e34-4371-b0bf-b75afbc0bd89/uploads/favicon/51e085bf-0f02-41b6-8056-e8887f64b1a6.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":\"$23:props:children:0:props:settings:languages\",\"notionPage\":\"435fe527ef3a425fa484175667b82db4\",\"indexPageId\":\"0badc302-6e34-4371-b0bf-b75afbc0bd89:::38944366-76b7-4f98-8426-544d3068069a\",\"pageProperties\":true,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"siteSearch\":true,\"advancedSearch\":true,\"themeToggle\":true,\"mondayFirst\":true,\"loadLimits\":true,\"hidePersonInfo\":false,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"cacheTTL\":0,\"manualSync\":true,\"syncStatus\":\"complete\",\"publishedAt\":\"2026-03-24T16:41:13.655Z\",\"custom404Enabled\":false,\"navbar\":\"$23:props:children:0:props:settings:navbar\",\"footer\":\"$23:props:children:0:props:settings:footer\",\"sidebar\":\"$23:props:children:0:props:settings:sidebar\",\"theme\":\"$23:props:children:0:props:settings:theme\",\"code\":\"$23:props:children:0:props:settings:code\",\"files\":\"$23:props:children:0:props:settings:files\"}],[\"$\",\"div\",null,{\"className\":\"super-content-wrapper\",\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$36\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/398f78cbac628ac1.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],[\"$\",\"footer\",null,{\"className\":\"super-footer corners\",\"children\":[\"$\",\"div\",null,{\"className\":\"super-footer__content\",\"children\":[[\"$\",\"$L37\",null,{\"logo\":\"$23:props:children:0:props:settings:footer:logo\"}],[\"$\",\"div\",null,{\"className\":\"super-footer__links\",\"children\":[[\"$\",\"$L38\",\"59cc777b-d3c4-4825-a09e-6640c58c20e7,/\",{\"uri\":\"/\",\"className\":\"super-footer__link\",\"serverHref\":\"/\",\"children\":[\"$\",\"p\",null,{\"children\":\"Home\"}]}],[\"$\",\"$L38\",\"5bf7bc8f-1f61-4fe0-a5f2-fda84d88510f,/start-here\",{\"uri\":\"/start-here\",\"className\":\"super-footer__link\",\"serverHref\":\"/start-here\",\"children\":[\"$\",\"p\",null,{\"children\":\"Start Here\"}]}],[\"$\",\"$L38\",\"d6b77e75-8729-41bc-9768-5c7947063298,/privacy-policy\",{\"uri\":\"/privacy-policy\",\"className\":\"super-footer__link\",\"serverHref\":\"/privacy-policy\",\"children\":[\"$\",\"p\",null,{\"children\":\"Privacy Policy\"}]}],[\"$\",\"$L38\",\"6beeaea8-268f-4133-8b46-efa830103377,/about/contacts\",{\"uri\":\"/about/contacts\",\"className\":\"super-footer__link\",\"serverHref\":\"/about/contacts\",\"children\":[\"$\",\"p\",null,{\"children\":\"Contacts\"}]}]]}],null,[\"$\",\"p\",null,{\"className\":\"super-footer__footnote\",\"children\":\"Copyright © 2010 - 2025 Sergio Caredda | Content from Notion - Powered by Super\"}],[\"$\",\"div\",null,{\"className\":\"super-footer__icons\",\"children\":[[\"$\",\"$L38\",\"https://www.linkedin.com/in/sergiocaredda/\",{\"uri\":\"https://www.linkedin.com/in/sergiocaredda/\",\"children\":[\"$\",\"$1\",\"linkedin\",{\"children\":[[\"$\",\"$L39\",null,{\"moduleIds\":[301034]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"LinkedIn\"}],[\"$\",\"path\",null,{\"d\":\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"}]]}]]}]}],[\"$\",\"$L38\",\"https://medium.com/@sergiocaredda\",{\"uri\":\"https://medium.com/@sergiocaredda\",\"children\":[\"$\",\"$1\",\"medium\",{\"children\":[[\"$\",\"$L39\",null,{\"moduleIds\":[681762]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"Medium\"}],[\"$\",\"path\",null,{\"d\":\"M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zM20.96 12c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42 3.38 2.88 3.38 6.42M24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z\"}]]}]]}]}],\"$L3a\",\"$L3b\",\"$L3c\"]}]]}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"3a:[\"$\",\"$L38\",\"https://www.youtube.com/@sergio_caredda\",{\"uri\":\"https://www.youtube.com/@sergio_caredda\",\"children\":[\"$\",\"$1\",\"youtube\",{\"children\":[[\"$\",\"$L39\",null,{\"moduleIds\":[260977]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"YouTube\"}],[\"$\",\"path\",null,{\"d\":\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"}]]}]]}]}]\n3d:T69f,"])</script><script>self.__next_f.push([1,"M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"])</script><script>self.__next_f.push([1,"3b:[\"$\",\"$L38\",\"https://www.instagram.com/sergio_caredda/\",{\"uri\":\"https://www.instagram.com/sergio_caredda/\",\"children\":[\"$\",\"$1\",\"instagram\",{\"children\":[[\"$\",\"$L39\",null,{\"moduleIds\":[39511]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"Instagram\"}],[\"$\",\"path\",null,{\"d\":\"$3d\"}]]}]]}]}]\n3c:[\"$\",\"$L38\",\"https://www.facebook.com/sergiocaredda.eu\",{\"uri\":\"https://www.facebook.com/sergiocaredda.eu\",\"children\":[\"$\",\"$1\",\"facebook\",{\"children\":[[\"$\",\"$L39\",null,{\"moduleIds\":[744565]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"Facebook\"}],[\"$\",\"path\",null,{\"d\":\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"6:E{\"digest\":\"NEXT_HTTP_ERROR_FALLBACK;404\"}\n"])</script><script>self.__next_f.push([1,"9:null\nd:[]\n"])</script></body></html>