/* Hide database selector and view counter */
.notion-dropdown__menu-header {
  display: none!important
}

.notion-dropdown {
  display: none!important
}

/* Adjust table category */
.notion-collection-table__head-cell-content {
  display: block!important;
}

/* Custom CTA callout on landing page */
#block-1361fb0312cb8188a2b6ccd2162a5f9c.notion-callout.bg-brown-light {
    font-family: "Hanken Grotesk",sans-serif;
    font-style: normal;
    border: 1px solid #51555e!important;
    background: #114e48!important;
    color: var(--color-text-light)!important;
    padding: 25px!important
}

/* Custom font size of CTA callout on landing page */
#block-1361fb0312cb8188a2b6ccd2162a5f9c .notion-semantic-string strong {
    font-size: 22px!important
}

/* Navbar - Hide site title in breadcrumbs, but keep icon. Hide breadcrumbs on mobile */
.notion-navbar__title, .notion-breadcrumb__title {
    font-size: 1rem !important;
    font-weight: 100 !important;
    letter-spacing: .05em
}
.notion-breadcrumb > :first-child .notion-navbar__title.notion-breadcrumb__title {
    display: none !important
}
super-navbar__breadcrumbs {
    position: fixed!important;
}

/* Hide breadcrumb icons, except the first Home icon */
.notion-link.notion-breadcrumb__item.has-icon > *:first-child {
  display: none;
}

.notion-breadcrumb__item.has-icon:first-of-type > *:first-child {
  display: inline-block;
}

/* Code block and inline-code */
.notion-code code {
    color: #14B89F!important;
    font-size: 0.9em!important;
    border-radius: 4px!important;
    padding: 0.0em 0.0em!important;
    white-space: pre!important
}

.callout code {
    color: inherit!important;
    background-color: #262626!important;
    font-size: 0.8em!important;
    border: solid #404040 1px;
    border-radius: 4px!important;
    padding: 0.03em 0.3em!important;
    text-shadow: none!important;
    font-family: "Roboto Mono",monospace!important;
    white-space: pre-wrap!important
}

.notion-code pre {
    border: solid #404040 1px
}

.notion-semantic-string .code::after,.notion-semantic-string .code::before {
    content: "`"!important
}

.notion-semantic-string .code {
    color: #14B89F!important;
    background-color: #262626!important;
    font-size: 0.8em!important;
    border: solid #404040 1px!important;
    border-radius: 4px!important;
    padding: 0.07em 0.4em!important;
    vertical-align: top!important;
    white-space: pre-wrap!important 
}

/* Show only top 5 items in right hand column, which is sorted by created time */
#block-1361fb0312cb816b87a8d7298bcb45f4, #block-1361fb0312cb818f8a72e007f1d29724 {
    transform: translateY(-20px)
}
.notion-collection-list {
    padding: 8px;
    --collection-header-border: none !important;
    transform: translateY(-5px)
}
.notion-collection-list__item {
    padding-top: 5px
}
.notion-collection-list .notion-collection-list__item {
    display: none
}
.notion-collection-list .notion-collection-list__item:hover {
    background: #191D23;
    color: #14B89F !important
}
.notion-collection-list .notion-collection-list__item:nth-child(-n+5) {
    display: block
}
.notion-property__title__icon-wrapper {
    display: none !important
}
  
#block-1361fb0312cb818f8a72e007f1d29724 {
    border: 1px solid #373737;
    font-size: 1rem;
    border-radius: 8px
}

.notion-collection-list__toggle-wrapper {
display: none !important;
}

/* Sidebar - ctrl+k text in search field */
.super-badge, .super-search-input {
    position: relative
}

.super-badge::after, .super-search-input::after {
    content: "ctrl+k";
    font-size: 0.80rem;
    color: #cacaca;
    border: 1px solid #373737;
    padding: 2px;
    border-radius: 3px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%)
}

/* Super sidebar custom shadowed divider and green color text on active page */
.super-sidebar {
    background-image: linear-gradient(270deg, #111619, transparent 100px);
    border-right: 0px solid var(--sidebar-border-color)
}
  
.super-sidebar__heading {
    background-image: linear-gradient(270deg, #111619, transparent 100px);
    border-right: 0px solid var(--sidebar-border-color)
}
  
.super-navigation-menu__cta {
    background-image: linear-gradient(270deg, #111619, transparent 100px);
    border-right: 0px solid var(--sidebar-border-color)
}
.super-navigation-menu__item.active {
    color: #14B89F !important
}

/* Show small gallery cards as two column grid on mobile */
@media only screen and (max-width: 768px) {
    .notion-root {
        padding: 12px
    }
    
    .notion-collection-gallery {
        grid-template-columns: 1fr 1fr!important
    }

    .notion-breadcrumb {
        display: none
    }
}

.notion-breadcrumb__title,.notion-navbar__title {
    font-size: 1rem!important;
    letter-spacing: .05em
}

.notion-breadcrumb>:first-child .notion-navbar__title.notion-breadcrumb__title {
    display: none!important
}

.notion-collection-list {
    padding: 8px
}

.notion-collection-list__item {
    padding-top: 5px
}

.notion-collection-list .notion-collection-list__item {
    display: none
}

.notion-collection-list .notion-collection-list__item:hover {
    background: #191d23
}

.notion-collection-list .notion-collection-list__item:nth-child(-n+5) {
    display: block
}

.notion-collection-table__cell.title .notion-icon,.notion-property__title__icon-wrapper {
    display: none!important
}

.super-navigation-menu__cta,.super-sidebar,.super-sidebar__heading {
    background-color: inherit!important;
    background-image: linear-gradient(270deg,#111619,transparent 100px);
    border-right: 0 solid var(--sidebar-border-color)
}

.super-navigation-menu__item.active {
    color: #14b89f!important
}

.notion-collection-table {
    font-size: 1rem;
    letter-spacing: .05rem
}

.notion-collection-table__sub-item-row {
    --table-sub-item-padding: 15px!important
}

.notion-bulleted-list {
    list-style: disc!important;
    font-size: 1rem
}

.notion-numbered-list {
    font-size: 1rem
}

.notion-collection-card {
    border-color: rgba(81,85,94,.6);
    background-color: #191d23!important
}

.notion-collection-card:hover {
    transform: scale(1.02)!important;
    transition: border .3s cubic-bezier(.4,0,.2,1);
    border-color: #51555e
}

/* Simple table */
.notion-table {
  font-size: 0.95rem
}

.notion-table td {
  border: 1px solid gray!important;
}

.notion-table.col-header tr:first-child, .notion-table.row-header td:first-child {
    background-color: #222222!important;
}

/* Red number icons */
.highlighted-color.color-brown {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    vertical-align: middle;
    margin-right: 1px
}

.notion-heading {
    font-family: "Geologica",sans-serif;
    font-style: normal
}

.notion-text,.super-sidebar {
    font-family: "Hanken Grotesk",sans-serif;
    font-style: normal
}

.notion-text {
    font-weight: 300;
    font-size: 16px
}

.super-sidebar {
    letter-spacing: .08rem;
    font-weight: 400
}

.super-navigation-menu__item,.super-navigation-menu__list-header {
    font-size: 0.95rem
}

.notion-table-of-contents {
    font-family: "Geologica",sans-serif;
    font-weight: 400!important
}

.notion-toggle {
  font-size: 14px!important
}

.notion-embed__container>iframe,.notion-image img {
    box-shadow: 0 5px 20px 5px #111212;
    border: 1px solid transparent;
    background: linear-gradient(45deg,#86888a,#86888a) border-box;
    -webkit-mask: linear-gradient(# 0 0) padding-box, linear-gradient(# 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude!important;
    border-radius: 10px!important;
    margin-top: 10px;
    margin-bottom: 10px
}

.notion-embed__container>iframe {
    width: 100%;
    height: 100%
}

.super-navbar__logo:hover {
    color: #e1e1e1!important
}

.notion-link.link {
    font-weight: 600!important
}

.notion-caption {
    display: none!important
}

::-moz-selection {
    color: #2dd4b8;
    background: #103834
}

::selection {
    color: #2dd4b8;
    background: #103834
}

article a[href^="https://"]::after,article a[href^=http]::after {
    content: "";
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 480 480"><path fill="%2314b89f" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block
}

.super-footer__footnote {
    color: rgb(160 164 175);
    font-family: "Hanken Grotesk";
    font-size: 1rem;
    font-weight: 300
}

.super-footer__logo,article a[href*=ultra]::after {
    display: none!important
}

#topBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    font-size: 20px;
    border: 1px solid gray;
    border-radius: 15px;
    outline: 0;
    background-color: #191919;
    color: gray;
    cursor: pointer;
    padding: 10px 15px 11px
}

#topBtn:hover {
    background-color: #191d23
}

.callout {
    border-inline-start: 3px solid #bbb;
    background-color: #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 12px 12px 12px 32px;
    display: block;
    position: relative;
    overflow: auto;
    border-radius: 8px;
    font-size: 1rem
}

.callout:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMTUzODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTVoLTJ2LTZoMnY2em0wLThoLTJWN2gydjJ6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    content: "";
    width: 1.2em;
    height: 1.2em;
    left: 7px;
    top: 50%;
    margin-top: -9px;
    display: inline-block;
    position: absolute;
    line-height: 1;
    opacity: .8
}

.callout.success {
    border-left-color: #0f7d15;
    background-color: #031904;
    color: #129419
}

.callout.success:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMzNzZjMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bS0yIDE1bC01LTUgMS40MS0xLjQxTDEwIDE0LjE3bDcuNTktNy41OUwxOSA4bC05IDl6Ii8+PC9zdmc+")
}

.callout.danger {
    border-left-color: #ab0f0e;
    background-color: #1e0302;
    color: #c31110
}

.callout.danger:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNiOTE4MTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0xNS43MyAzSDguMjdMMyA4LjI3djcuNDZMOC4yNyAyMWg3LjQ2TDIxIDE1LjczVjguMjdMMTUuNzMgM3pNMTIgMTcuM2MtLjcyIDAtMS4zLS41OC0xLjMtMS4zIDAtLjcyLjU4LTEuMyAxLjMtMS4zLjcyIDAgMS4zLjU4IDEuMyAxLjMgMCAuNzItLjU4IDEuMy0xLjMgMS4zem0xLTQuM2gtMlY3aDJ2NnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")
}

.callout.info {
    border-left-color: #0288d1;
    color: #09a7fd;
    background-color: #001520
}

.callout.warning {
    border-left-color: #cf4d03;
    background-color: #1a0a00;
    color: #cf4d03
}

.callout.warning:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNiNjUzMWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEgMjFoMjJMMTIgMiAxIDIxem0xMi0zaC0ydi0yaDJ2MnptMC00aC0ydi00aDJ2NHoiLz48L3N2Zz4=")
}

.callout a,a {
    color: inherit;
    text-decoration: underline
}

#topBtn,.notion-search__result-item-icon {
    display: none
}

.notion-search__result-item:hover {
    background-color: #181c20
}

a {
    text-decoration: inherit
}

.font-hanken-grotesk {
    font-family: "Hanken Grotesk",sans-serif
}

.items-center {
    align-items: center
}

@media (min-width:768px) {
    .md\:ml-auto {
        margin-left: auto
    }

    .md\:flex {
        display: flex
    }

    .md\:w-auto {
        width: auto
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:gap-x-2 {
        -moz-column-gap: .6rem;
        column-gap: .6rem
    }
}

.focus-base {
    outline: 2px solid transparent;
    outline-offset: 2px;
    position: relative
}

.inline-flex {
    display: inline-flex
}

.h-10 {
    height: 3.2rem
}

.min-w-20 {
    min-width: 5rem
}

.shrink-0 {
    flex-shrink: 0
}

.justify-center {
    justify-content: center
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .375rem
}

.bg-clip-padding {
    background-clip: padding-box
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.text-sm {
    font-size: 1rem;
    line-height: 2
}

.font-medium {
    font-weight: 500
}

.leading-none {
    line-height: 1
}

.tracking-wider {
    letter-spacing: .05em
}

.text-neutral-txt {
    --tw-text-opacity: 1;
    color: #d4d6df;
    color: rgba(212,214,223,var(--tw-text-opacity))
}

.focus-base:after,.transition {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition {
    transition-property: background-color,border-color,color,fill,stroke,opacity,transform,filter,backdrop-filter,z-index;
    transition-property: background-color,border-color,color,fill,stroke,opacity,transform,filter,backdrop-filter,z-index,-webkit-backdrop-filter
}

.focus-base:after {
    border-width: 1px;
    bottom: -3px;
    left: -3px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -3px;
    top: -3px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color),0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
    content: var(--tw-content);
    transition-property: all
}

.\!focus-primary:after,.focus-primary:after {
    --tw-border-opacity: 1;
    border-color: #14b89f;
    border-color: rgba(20,184,159,var(--tw-border-opacity));
    content: var(--tw-content);
    --tw-ring-color: rgba(20,184,159,.22)
}

.focus-rounded:after {
    border-radius: calc(.375rem + 2px);
    content: var(--tw-content)
}

.selection\:bg-primary-subtle-bgr:selection {
    --tw-bg-opacity: 1;
    background-color: #103834;
    background-color: rgba(16,56,52,var(--tw-bg-opacity))
}

.selection\:text-primary-subtle-txt:selection {
    --tw-text-opacity: 1;
    color: #2dd4b8;
    color: rgba(45,212,184,var(--tw-text-opacity))
}

.hover\:bg-primary-subtle-bgr_hov:hover {
    --tw-bg-opacity: 1;
    background-color: #134e48;
    background-color: rgba(19,78,72,var(--tw-bg-opacity))
}

.hover\:text-primary-subtle-txt_hov:hover {
    --tw-text-opacity: 1;
    color: #5eead0;
    color: rgba(94,234,208,var(--tw-text-opacity))
}

.hover\:\[--tw-bg-opacity\:0\.6\]:hover {
    --tw-bg-opacity: 0.6
}

.opacity-100 {
    opacity: 1
}

svg {
    display: block;
    vertical-align: middle
}

.h-4 {
    height: 1.35rem
}

.w-4 {
    width: 1.35rem
}

.notion-navbar,.super-navbar {
    border-bottom: 1px solid var(--color-border-default)!important;
    display: flex!important
}

.notion-page__title .notion-semantic-string span,h1.notion-heading {
    line-height: 1!important
}

.notion-page>div,.notion-root>.notion-quote,.notion-table-of-contents,.notion-table-of-contents__item a div,.notion-text__content,.super-content {
    padding: 0!important
}

#block-96fa75b6271e4aba86beebae5e90fe1c,#block-c1ee57b5f77f4892b0fbff033d1b8fe4,#block-f21fe517487f4018ab70eff023edff28,.notion-callout a:hover {
    cursor: pointer!important
}

:root {
    --color-gray: #717171!important;
    --color-brown: #cbba9e!important;
    --color-orange: #eb7a34!important;
    --color-yellow: #ffca1d!important;
    --color-green: #2fbaa1!important;
    --color-blue: #3399ff!important;
    --color-purple: #7d47cf!important;
    --color-pink: #ff99cc!important;
    --color-red: #e33c4d!important;
    --color-primary: var(--color-green)!important;
    --color-text-light: white!important;
    --color-accent-bg: var(--color-primary);
    --column-spacing: 15px!important;
    --collection-card-cover-size-small: 180px!important;
    --collection-card-cover-size-medium: 260px!important;
    --collection-card-cover-size-large: 320px!important;
    --color-text-gray: var(--color-gray)!important;
    --color-text-brown: var(--color-brown)!important;
    --color-text-orange: var(--color-orange)!important;
    --color-text-yellow: var(--color-yellow)!important;
    --color-text-green: var(--color-green)!important;
    --color-text-blue: var(--color-blue)!important;
    --color-text-purple: var(--color-purple)!important;
    --color-text-pink: var(--color-pink)!important;
    --color-text-red: var(--color-red)!important;
    --color-bg-gray: var(--color-gray)!important;
    --color-bg-brown: var(--color-brown)!important;
    --color-bg-orange: var(--color-orange)!important;
    --color-bg-yellow: var(--color-yellow)!important;
    --color-bg-green: var(--color-green)!important;
    --color-bg-blue: var(--color-blue)!important;
    --color-bg-purple: var(--color-purple)!important;
    --color-bg-pink: var(--color-pink)!important;
    --color-bg-red: var(--color-red)!important;
    --scrollbar-background-color: var(--color-bg-default)!important;
    --scrollbar-thumb-color: var(--color-border-default)!important;
    --scrollbar-border-color: var(--color-border-default)!important
}

body {
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
    text-rendering: optimizeLegibility!important;
    font-size: 16px!important
}

.notion-navbar .notion-navbar__search {
    right: 15px!important
}

.super-navbar__cta {
    border-radius: 7px!important;
    font-weight: 600!important
}

.notion-navbar {
    box-shadow: none!important;
    z-index: 50!important
}

.notion-navbar__title {
    font-family: "Hanken Grotesk"!important;
    font-size: 16px!important;
    transition: var(--transition);
    z-index: 52!important;
    font-weight: 300!important
}

.gallery .notion-property__title .notion-property__title__icon-wrapper,.notion-callout__icon,.notion-collection__header,.notion-header,.notion-page__icon,.notion-root>h1,.notion-search__clear svg,.notion-toggle.bg-brown {
    display: none!important
}

.notion-root {
    padding-left: 0!important;
    padding-right: 0!important
}

.notion-root>.notion-quote {
    position: fixed!important;
    right: 0!important;
    top: 0!important;
    margin: 0 40px 0 0!important;
    z-index: 60!important;
    background: 0 0!important;
    border: 0!important;
    font-size: 16px!important;
    height: 70px!important;
    display: flex!important;
    align-items: center!important
}

.notion-root>.notion-quote a {
    margin-right: 25px
}

.notion-list-item a:hover,.notion-root>.notion-quote a:hover,a:hover {
    color: var(--color-primary)!important
}

.notion-root>.notion-quote>span>span:last-child>a {
    margin-right: 0!important
}

.notion-icon__search:hover path:nth-child(2) {
    fill: var(--color-primary)!important
}

.notion-search__box,.notion-search__input {
    background: var(--color-bg-default)!important
}

.notion-search__wrapper {
    background: rgba(0,0,0,.5)!important
}

.copy-to-clipboard-button,.notion-breadcrumb__item:hover,.notion-callout,.notion-page:hover,.notion-page>div:hover,.notion-table-of-contents__item:hover,.token {
    background: 0 0!important
}

.notion-embed {
    margin: 35px 0!important
}

.notion-page {
    padding: 1px 0 3px 1px!important;
    margin: 0!important
}

.notion-page>div {
    margin: 5px 0!important;
    padding-inline-end: 0!important
}

.notion-page__title {
    font-size: 15px!important;
    line-height: 1.5!important
}

.notion-page__title .notion-semantic-string {
    border: 0!important;
    font-weight: 400!important;
    white-space: pre-wrap!important;
    line-height: 1!important
}

.notion-table-of-contents {
    margin: 0!important
}

.notion-table-of-contents__item {
    margin: 10px 0!important;
    font-size: 15px!important
}

.notion-collection-table th,.notion-table-of-contents__item .notion-semantic-string,a {
    border: 0!important
}

.notion-text__content {
    margin: 10px 0!important
}

.notion-semantic-string .link {
    opacity: 1!important
}

ul>.notion-list-item:before {
    opacity: .3!important;
    display: inline-block!important;
    margin-left: 0!important;
    font-size: 16px!important
}

.notion-heading {
    margin: 2.4rem 0 2rem!important;
    font-weight: 600!important
}

h1.notion-heading {
    font-size: 3rem!important;
    font-weight: 700!important;
    margin-top: .75rem!important;
    margin-bottom: 10px!important
}

h1.notion-heading .notion-semantic-string {
    line-height: 1.2!important
}

h2.notion-heading {
    font-size: 2rem!important;
    line-height: 1.5!important;
    margin-bottom: 0!important
}

h3.notion-heading {
    font-size: 1.5rem!important;
    text-transform: none!important;
    letter-spacing: 0!important;
    margin-bottom: 10px!important
}

h4.notion-heading {
    font-size: 1.2rem!important
}

.notion-root>h1 {
    margin-top: 0!important;
    margin-bottom: 60px!important;
    height: 15vh!important;
    max-width: 64vw!important;
    -webkit-animation: 1s fadeInDown;
    -moz-animation: 1s fadeInDown;
    -ms-animation: fadeInDown 1s;
    -o-animation: 1s fadeInDown;
    animation: 1s fadeInDown
}

.notion-text p .notion-link {
    border-bottom: 1px solid #7f7d7c!important
}

.notion-list-item a,p>span>span>a {
    border: 0!important;
    opacity: 1!important
}

.notion-bookmark__content {
    padding: 22px
}

.notion-bookmark__cover {
    height: 125px!important
}

pre {
    padding: 20px!important;
    margin: 10px 0 20px!important
}

code {
    font-size: 14px!important;
    text-shadow: none!important;
    font-family: "Roboto Mono",monospace!important
}

.notion-quote {
    border: 1px solid var(--color-border-default)!important;
    border-radius: 3px!important;
    padding: 1.2rem!important;
    margin: 1.5rem 0!important
}

.notion-callout.border> {
    display: block!important
}

p.notion-callout__content>span>span strong {
    font-size: 24px!important
}

.notion-callout a {
    height: auto!important;
    color: red!important;
    width: auto!important;
    display: inline-block!important;
    position: relative!important;
    margin: 15px 0 0!important;
    padding: 10px 15px!important;
    bottom: 0!important;
    right: 0!important;
    left: 0!important;
    top: 0!important;
    font-size: inherit!important;
    text-decoration: none!important;
    border-bottom: 0!important;
    border-radius: 7px!important;
    font-weight: 600!important;
    background: var(--color-primary)!important
}

.notion-callout__content .notion-link {
    color: #fff!important
}

.notion-callout a:hover {
    box-shadow: inset 0 0 0 99999px rgba(0,0,0,.15)!important
}

.notion-callout.bg-purple-light {
    border: 1px solid var(--color-purple)!important;
    background: var(--color-purple)!important;
    color: #fff!important;
    padding: 25px!important
}

.notion-callout.bg-blue-light a,.notion-callout.bg-brown-light a,.notion-callout.bg-gray-light a,.notion-callout.bg-green-light a,.notion-callout.bg-orange-light a,.notion-callout.bg-pink-light a,.notion-callout.bg-purple-light a,.notion-callout.bg-red-light a,.notion-callout.bg-yellow-light a {
    background: rgba(35,35,35,.2)!important;
    color: var(--color-text-light)!important
}

.notion-callout.bg-yellow-light {
    border: 1px solid var(--color-yellow)!important;
    background: var(--color-yellow)!important
}

.notion-callout.bg-blue-light,.notion-callout.bg-green-light,.notion-callout.bg-yellow-light {
    color: var(--color-text-light)!important;
    padding: 25px!important
}

.notion-callout.bg-green-light {
    border: 1px solid var(--color-green)!important;
    background: var(--color-green)!important
}

.notion-callout.bg-blue-light {
    border: 1px solid var(--color-blue)!important;
    background: var(--color-blue)!important
}

.notion-callout.bg-orange-light {
    border: 1px solid var(--color-orange)!important;
    background: var(--color-orange)!important;
    color: var(--color-text-light)!important;
    padding: 25px!important
}

.notion-callout.bg-pink-light {
    border: 1px solid var(--color-pink)!important;
    background: var(--color-pink)!important;
    color: var(--color-text-light)!important;
    padding: 25px!important
}

.notion-callout.bg-brown-light {
    border: 1px solid var(--color-brown)!important;
    background: var(--color-brown)!important
}

.notion-callout.bg-brown-light,.notion-callout.bg-gray-light,.notion-callout.bg-red-light {
    color: var(--color-text-light)!important;
    padding: 25px!important
}

.notion-callout.bg-red-light {
    border: 1px solid var(--color-red)!important;
    background: var(--color-red)!important
}

.notion-callout.bg-gray-light {
    border: 1px solid var(--color-gray)!important;
    background: var(--color-gray)!important
}

.notion-callout {
    padding: 0!important;
    width: 100%!important;
    border: 0!important;
    align-self: flex-start;
    border-radius: 7px!important;
    overflow: unset!important
}

.notion-callout__content {
    margin: 0!important;
    display: inline-block!important
}

.notion-text.bg-blue,.notion-text.bg-gray,.notion-text.bg-green,.notion-text.bg-orange,.notion-text.bg-purple,.notion-text.bg-red {
    color: var(--color-text-light)!important;
    font-weight: 500!important;
    padding: 10px!important
}

.notion-text.bg-brown>p,.notion-text.bg-pink>p,.notion-text.bg-yellow>p {
    font-weight: 500!important;
    padding-left: 10px!important
}

.notion-text.bg-blue,.notion-text.bg-brown,.notion-text.bg-gray,.notion-text.bg-green,.notion-text.bg-orange,.notion-text.bg-pink,.notion-text.bg-purple,.notion-text.bg-red,.notion-text.bg-yellow {
    border-radius: 5px!important;
    margin-top: 10px!important
}

.highlighted-background.bg-blue,.highlighted-background.bg-brown,.highlighted-background.bg-gray,.highlighted-background.bg-green,.highlighted-background.bg-purple,.highlighted-background.bg-red {
    color: var(--color-text-light)!important
}

.notion-column-list {
    width: 100%!important;
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: nowrap!important
}

.notion-root>.notion-column-list>.notion-column:first-child {
    padding-bottom: 100px!important;
    height: 100%!important;
    width: 100%!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
    max-width: 900px!important;
    min-width: 500px!important;
    margin: 0 auto!important
}

.notion-root>.notion-column-list>.notion-column:nth-child(2) {
    padding: 20px 30px 20px 20px!important;
    margin-left: 0!important;
    min-width: 130px!important;
    height: calc(100vh - var(--navbar-height))!important;
    flex-shrink: 0!important;
    position: sticky!important;
    position: -webkit-sticky!important;
    top: 70px!important;
    overflow: auto!important
}

.notion-root>.notion-column-list>.notion-column:nth-child(2) strong {
    text-transform: uppercase!important;
    font-size: 12px!important;
    letter-spacing: 1px!important
}

.notion-root>.notion-column-list>.notion-column:nth-child(2) p {
    margin-bottom: 5px!important
}

.notion-root>.notion-column-list>.notion-column:nth-child(2) .notion-text:first-child p {
    margin-bottom: 0!important;
    margin-top: 0!important
}

@media all and (max-width:1000px) {
    .notion-root>.notion-column-list>.notion-column:nth-child(2) {
        display: none!important
    }
}

.notion-collection-gallery {
    border-top: 0!important;
    padding-top: 0!important
}

.notion-collection-card {
    box-shadow: none!important;
    border: 1px solid var(--color-border-default);
    border-radius: 10px!important
}

.notion-collection-card:hover {
    background: #191d23!important
}

.gallery.notion-collection-card .notion-property__title {
    align-items: center!important;
    justify-content: center!important;
    padding-bottom: 0!important;
    font-size: 16px!important;
    font-weight: 700!important;
    text-align: center;
    margin-top: 10px!important
}

.gallery .notion-collection-card__content {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size: 14px!important;
    opacity: .9!important;
    flex-direction: column!important
}

.notion-collection-card__content {
    padding-bottom: 0!important
}

.notion-collection-table__head-cell.title {
    text-align: left!important
}

.notion-collection-table td,.notion-collection-table th,.notion-collection-table__cell {
    padding: 8px!important
}

th {
    text-align: center!important
}

.notion-collection-table {
  border-top: none!important
}

.notion-collection-table td {
    border-left: 0!important;
    border-right: 0!important;
    text-align: center!important;
    border: none!important
}

.copy-to-clipboard-button {
    z-index: 9999!important;
    border: 0!important;
    box-shadow: none!important;
    background: var(--color-primary)!important;
    border: 1px solid var(--color-border-default);
    color: var(--color-text-light)!important;
    padding: 6px!important;
    margin-right: 8px!important;
    margin-top: 5px!important;
    border-radius: 5px!important;
    font-size: 14px!important;
    font-family: Inter!important;
    font-weight: 400!important;
    position: relative!important
}

.copy-to-clipboard-button:hover {
    cursor: pointer!important;
    box-shadow: inset 0 0 0 99999px rgba(0,0,0,.04)!important
}

.notion-search.open .notion-search__wrapper {
    z-index: 100!important
}

.notion-collection-gallery.small {
    grid-template-columns: repeat(auto-fill,minmax(var(--collection-card-cover-size-small),1fr));
    grid-gap: 18px!important
}

.notion-collection-gallery.small .notion-collection-card {
    text-align: center!important;
    padding: 20px!important
}

.notion-collection-card.gallery .notion-property__title .notion-semantic-string {
    white-space: pre-wrap!important;
    text-align: center!important;
    font-weight: 600!important
}

.notion-collection-gallery.small .notion-collection-card__cover.small {
    background: #191d23!important;
    border-radius: 10%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    padding: 10px!important
}

.notion-collection-gallery.small .notion-collection-card__cover.small div {
    background: var(--color-primary)!important;
    border-radius: 50%!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important
}

.notion-collection-gallery.small .notion-collection-card__cover.small img {
    width: 32px!important;
    height: 32px!important;
    min-width: 32px!important;
    min-height: 32px!important
}

.notion-collection-card.gallery {
    padding-bottom: 20px!important
}

@media all and (max-width:764px) {
    .notion-navbar,.super-navbar {
        height: 60px!important
    }

    .notion-navbar {
        justify-content: space-between!important
    }

    #nav-toggle {
        display: block!important;
        height: 30px!important
    }

    .notion-root>.notion-quote {
        padding: 10px 20px 10px 25px!important;
        margin: 60px 0 0!important;
        height: auto!important;
        position: fixed!important;
        border-bottom: 1px solid var(--color-border-default)!important;
        display: flex!important;
        flex-wrap: nowrap!important;
        overflow-x: auto!important;
        -webkit-overflow-scrolling: touch!important;
        background: var(--color-bg-default)!important;
        width: 100%!important
    }

    .notion-root>.notion-quote::-webkit-scrollbar {
        display: none!important
    }

    .notion-root>.notion-quote>span:first-child {
        flex: 0 0 auto!important
    }

    .notion-root>.notion-quote a {
        margin-right: 15px!important
    }

    .notion-root>.notion-column-list>.notion-column:first-child {
        width: 100!important;
        min-width: 100%!important;
        max-width: 100%!important;
        padding: 0 20px!important;
        margin-top: 30px!important;
        margin-bottom: 40px!important
    }

    .notion-column-list {
        flex-direction: column!important
    }

    .notion-navbar__search {
        margin-right: 40px!important;
        right: 10px!important
    }

    h1.notion-heading {
        font-size: 2.4rem!important;
        font-weight: 700!important;
        line-height: 1!important;
        margin-top: .75rem!important;
        margin-bottom: 10px!important
    }

    h1.notion-heading .notion-semantic-string {
        line-height: 1.1!important
    }

    h2.notion-heading {
        font-size: 1.8rem!important;
        line-height: 1.2!important;
        margin-bottom: 0!important
    }

    h3.notion-heading {
        font-size: 1.4rem!important;
        text-transform: none!important;
        letter-spacing: 0!important;
        margin-bottom: 10px!important
    }
}

.notion-search__clear:before {
    content: "clear"!important;
    text-transform: uppercase!important;
    font-size: 12px!important;
    font-weight: 500!important;
    padding: 5px!important;
    color: #878683!important
}

.notion-collection-card__cover.small.contain span {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important
}

.super-navbar__content {
    font-family: "Hanken Grotesk",sans-serif;
    font-size: 13px!important;
    font-weight: 500!important
}