/* super.so theme variables as served in April 2023 (settings.theme) */
:root{--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:900px;--column-spacing:46px;--page-display:unset;--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-cover-height:30vh;--header-title-align:left;--header-icon-align:-112px auto auto auto;--header-display:block;--collection-header-border:var(--border-layout);--collection-table-cell-padding:calc(var(--padding-layout) - 0.3rem)
          calc(var(--padding-layout) - 0.1rem);--collection-list-item-padding:calc(var(--padding-layout) - 0.5rem);--collection-list-item-border-radii:calc(
          var(--border-radii-layout) - 1px
        );--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-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-border-radii:calc(var(--border-radii-layout) - 2px);--equation-border-radii:calc(var(--border-radii-layout) - 2px);--divider-border:var(--border-layout);--quote-border:calc(var(--border-thickness-layout) + 2px) solid
          currentcolor;--code-padding:calc(var(--padding-layout) + 1.4rem);--code-border-radii:var(--border-radii-layout);--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-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-border-radii:calc(var(--border-radii-layout) - 5px);--image-border-radii:calc(var(--border-radii-layout) - 5px);--title-size:3.04rem;--quote-size:1.2rem;--quote-size-large:undefinedrem;--heading-size:2.2rem;--primary-font:Manrope, Manrope-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:Merriweather, Merriweather-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);--scrollbar-width:15px;--navbar-height:56px;--navbar-shadow:none;--navbar-button-border-radii:50px;--navbar-list-width-single-column:360px;--navbar-list-width:660px}html{font-size:16px;scroll-padding-top:62px}body{font-family:var(--secondary-font)}

/* dark colour mode */
html.theme-dark{--gray-h:0;--gray-s:0%;--gray-l:61%;--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),
            14.5%
          );--color-bg-gray-light:hsl(
            var(--gray-h),
            var(--gray-s),
            14.5%
          );--color-pill-gray:hsl(
            var(--gray-h),
            var(--gray-s),
            35%
          );--color-pill-text-gray:hsl(
            var(--gray-h),
            var(--gray-s),
            calc(var(--gray-l) + 26%)
          );--brown-h:18;--brown-s:35%;--brown-l:58%;--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%),
            22%
          );--color-bg-brown-light:hsl(
            calc(var(--brown-h) - 2),
            calc(var(--brown-s) - 22%),
            16%
          );--color-pill-brown:hsl(
            var(--brown-h),
            calc(var(--brown-s) + 2%),
            27%
          );--color-pill-text-brown:hsl(
            var(--brown-h),
            calc(var(--brown-s) - 21%),
            calc(var(--brown-l) + 33%)
          );--orange-h:25;--orange-s:54%;--orange-l:53%;--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%),
            25%
          );--color-bg-orange-light:hsl(
            var(--orange-h),
            calc(var(--orange-s) - 30%),
            17%
          );--color-pill-orange:hsl(
            var(--orange-h),
            calc(var(--orange-s) + 9%),
            32%
          );--color-pill-text-orange:hsl(
            var(--orange-h),
            calc(var(--orange-s) - 23%),
            calc(var(--orange-l) + 33%)
          );--yellow-h:38;--yellow-s:54%;--yellow-l:54%;--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%),
            25%
          );--color-bg-yellow-light:hsl(
            var(--yellow-h),
            calc(var(--yellow-s) - 24%),
            17%
          );--color-pill-yellow:hsl(
            calc(var(--yellow-h) - 1),
            calc(var(--yellow-s) + 2%),
            35%
          );--color-pill-text-yellow:hsl(
            var(--yellow-h),
            calc(var(--yellow-s) - 28%),
            calc(var(--yellow-l) + 33%)
          );--green-h:146;--green-s:32%;--green-l:47%;--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%),
            19%
          );--color-bg-green-light:hsl(
            var(--green-h),
            calc(var(--green-s) - 20%),
            15%
          );--color-pill-green:hsl(
            calc(var(--green-h) + 1),
            calc(var(--green-s) + 3%),
            26%
          );--color-pill-text-green:hsl(
            var(--green-h),
            calc(var(--green-s) - 20%),
            calc(var(--green-l) + 38%)
          );--blue-h:173;--blue-s:25%;--blue-l:33%;--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%),
            -6%
          );--color-bg-blue-light:hsl(
            calc(var(--blue-h) + 16),
            calc(var(--blue-s) - 27%),
            -10%
          );--color-pill-blue:hsl(
            calc(var(--blue-h) - 3),
            calc(var(--blue-s) - 6%),
            4%
          );--color-pill-text-blue:hsl(
            calc(var(--blue-h) - 5),
            calc(var(--blue-s) - 32%),
            calc(var(--blue-l) + 28%)
          );--purple-h:270;--purple-s:55%;--purple-l:62%;--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%),
            23%
          );--color-bg-purple-light:hsl(
            calc(var(--purple-h) + 5),
            calc(var(--purple-s) - 40%),
            17%
          );--color-pill-purple:hsl(
            var(--purple-h),
            calc(var(--purple-s) - 19%),
            29%
          );--color-pill-text-purple:hsl(
            calc(var(--purple-h) - 3),
            calc(var(--purple-s) - 40%),
            calc(var(--purple-l) + 24%)
          );--pink-h:329;--pink-s:57%;--pink-l:58%;--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%),
            24%
          );--color-bg-pink-light:hsl(
            calc(var(--pink-h) + 5),
            calc(var(--pink-s) - 40%),
            16%
          );--color-pill-pink:hsl(
            calc(var(--pink-h) - 2),
            calc(var(--pink-s) - 21%),
            30%
          );--color-pill-text-pink:hsl(
            calc(var(--pink-h) + 4),
            calc(var(--pink-s) - 41%),
            calc(var(--pink-l) + 28%)
          );--red-h:1;--red-s:69%;--red-l:60%;--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%),
            24%
          );--color-bg-red-light:hsl(
            calc(var(--red-h) + 5),
            calc(var(--red-s) - 56%),
            17%
          );--color-pill-red:hsl(
            calc(var(--red-h) + 5),
            calc(var(--red-s) - 30%),
            31%
          );--color-pill-text-red:hsl(
            calc(var(--red-h) + 7),
            calc(var(--red-s) - 50%),
            calc(var(--red-l) + 24%)
          );--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-text-default:#e1e1e1;--color-text-default-light:#9b9b9b;--color-bg-default:#191919;--color-border-default:#373737;--color-border-dark:var(--color-border-default);--color-ui-hover-bg:#262626;--color-card-bg:#2f2f2f;--color-card-bg-hover:#2f2f2f;--color-calendar-weekend-bg:#202020;--color-checkbox-bg:#3f6964;--color-code-bg:#474c50;--scrollbar-background-color:#FAFAFA;--scrollbar-thumb-color:#C1C1C1;--scrollbar-border-color:#E8E8E8;--navbar-text-color:#e1e1e1;--navbar-list-item-hover:rgba(255,255,255,.2);--navbar-background-color:#191919;--navbar-background-color-dark:#a0a0a;--navbar-button-text-color:#191919;--navbar-button-background-color:#e1e1e1;--navbar-menu-background-color:var(--navbar-background-color);--footer-text-color:#e1e1e1;--footer-background-color:#191919;.notion-collection-calendar__row{-webkit-box-shadow:var(--color-border-default)-1px 0px 0px;-moz-box-shadow:var(--color-border-default)-1px 0px 0px;box-shadow:var(--color-border-default)-1px 0px 0px}.notion-collection-calendar__week-days{-webkit-box-shadow:var(--color-border-default)0px 1px 0px;-moz-box-shadow:var(--color-border-default)0px 1px 0px;box-shadow:var(--color-border-default)0px 1px 0px}.notion-collection-calendar__date{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default)}}