:root {
  --color-text-default: rgb(55, 53, 47) !important;
  --color-text-default-light: rgba(55, 53, 47, 0.6) !important;
  --color-text-gray: rgb(155, 154, 151) !important;
  --color-text-brown: rgb(100, 71, 58) !important;
  --color-text-orange: rgb(217, 115, 13) !important;
  --color-text-yellow: rgb(223, 171, 1) !important;
  --color-text-green: rgb(15, 123, 108) !important;
  --color-text-blue: rgb(11, 110, 153) !important;
  --color-text-purple: rgb(105, 64, 165) !important;
  --color-text-pink: rgb(173, 26, 114) !important;
  --color-text-red: rgb(224, 62, 62) !important;
  --color-bg-default: rgb(255, 255, 255) !important;
  --color-bg-gray: rgb(235, 236, 237) !important;
  --color-bg-brown: rgb(233, 229, 227) !important;
  --color-bg-orange: rgb(250, 235, 221) !important;
  --color-bg-yellow: rgb(251, 243, 219) !important;
  --color-bg-green: rgb(221, 237, 234) !important;
  --color-bg-blue: rgb(221, 235, 241) !important;
  --color-bg-purple: rgb(234, 228, 242) !important;
  --color-bg-pink: rgb(244, 223, 235) !important;
  --color-bg-red: rgb(251, 228, 228) !important;
  --color-bg-gray-light: rgba(235, 236, 237, 0.3) !important;
  --color-bg-brown-light: rgba(233, 229, 227, 0.3) !important;
  --color-bg-orange-light: rgba(250, 235, 221, 0.3) !important;
  --color-bg-yellow-light: rgba(251, 243, 219, 0.3) !important;
  --color-bg-green-light: rgba(221, 237, 234, 0.3) !important;
  --color-bg-blue-light: rgba(221, 235, 241, 0.3) !important;
  --color-bg-purple-light: rgba(234, 228, 242, 0.3) !important;
  --color-bg-pink-light: rgba(244, 223, 235, 0.3) !important;
  --color-bg-red-light: rgba(251, 228, 228, 0.3) !important;
  --color-ui-hover-bg: rgba(55, 53, 47, 0.08) !important;
  --color-ui-hover-bg-light: rgba(55, 53, 47, 0.03) !important;
  --color-card-bg: rgb(255, 255, 255) !important;
  --color-accent-bg: rgb(46, 170, 220) !important;
  --color-border-default: rgba(235, 236, 237, 0.8) !important;
  --color-border-dark: rgba(55, 53, 47, 0.16) !important;
  --color-nav-bg: rgb(255, 255, 255) !important;
	--color-border-callout: rgba(235, 236, 237, 0.8) !important;
	--img-opacity: 1 !important;
	--color-body-bg: #FBFBFD !important;
	--color-callout-bg: rgb(255, 255, 255) !important;
}

html {
  scroll-behavior: smooth !important;
}

body {
  background: var(--color-body-bg) !important;
  animation: fadeInDown 1.3s !important;
}

img {
  opacity: var(--img-opacity) !important;
}

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

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

.notion-navbar {
  display: none !important;
}

.super-content.max-width {
  max-width: 1000px !important;
  margin: auto !important;
}

.notion-header__title {
  font-weight: 700 !important;
  padding: 2px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-size: 1.5rem !important;
  line-height: 2.5rem !important;
  min-height: 48px !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  text-align: center !important;
}

.notion-header__title {
  margin-top: -21px !important;
}

.notion-header__content>div {
  display: flex !important;
  justify-content: center !important;
}

.notion-header {
  margin-bottom: -15px !important;
}

h1.notion-heading {
  font-size: 1rem !important;
  border: solid 1px var(--color-border-callout) !important;
  text-align: center !important;
  border-radius: 20px !important;
  padding: 10px !important;
}

h1.notion-heading .notion-semantic-string .link {
  border-bottom: none !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  color: inherit !important;
  padding: 10px 10px !important;
  transition: all 100ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
}

h1.notion-heading .notion-semantic-string .link:hover {
  font-weight: 700 !important;
  transition: all 100ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
}

h2.notion-heading {
  margin-top: 0.75rem !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  text-align: center !important;
}

h3.notion-heading {
  margin-bottom: .75rem !important;
}

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

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

.notion-callout.bg-orange-light {
  background: var(--color-bg-orange-light) !important;
}

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

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

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

.notion-callout.bg-purple-light {
  background: var(--color-bg-purple-light) !important;
}

.notion-callout.bg-pink-light {
  background: var(--color-bg-pink-light) !important;
}

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

.notion-callout {
  display: block !important;
  box-shadow: rgb(0 0 0 / 10%) 0 7px 25px 0 !important;
  -webkit-transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
  transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
  padding: 16px 16px 16px 16px !important;
  background: var(--color-callout-bg) !important;
  border-radius: 8px !important;
}

.notion-callout__content {
  -webkit-margin-start: 0px !important;
  margin-inline-start: 0px !important;
}

.notion-callout:hover {
  box-shadow: rgba(50,50,93,.25) 0 30px 60px -12px !important;
  transform: translateY(-5px) !important;
  -webkit-transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
  transition: all 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
}

.notion-callout.border {
  border: none !important;
}

.notion-caption {
  text-align: center !important;
}

.notion-collection-list {
  overflow: auto !important;
}

/*
.notion-collection {
  overflow: auto !important;
  max-height: 399px !important;
}
*/

.notion-collection-gallery {
  padding: 16px 1px 4px 1px !important;
}

.notion-quote {
  font-size: 1em !important;
}

.notion-toggle.bg-brown {
  display: none !important;
}

.notion-toggle.bg-orange .notion-text__content {
  color: #7a7a7a !important;
  font-weight: 300 !important;
  background: none !important;
  font-size: 0.75em !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-family: inherit !important;
  padding: 0px !important;
  border-bottom: none !important;
}

.notion-toggle.bg-orange a {
  border-bottom: none !important;
}

.notion-toggle.bg-orange .notion-toggle__summary {
  color: #7a7a7a !important;
  font-weight: 300 !important;
  background: none !important;
  font-size: 0.75em !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-family: inherit !important;
  padding: 0px !important;
}

.notion-toggle.bg-orange .notion-toggle__trigger {
  margin-top: -4px !important;
  background: none !important;
}

.notion-toggle.bg-orange .notion-toggle__content {
  -webkit-padding-start: calc(1.2em + 4px) !important;
  padding-inline-start: calc(1.2em + 4px) !important;
  margin-top: 15px !important;
  max-height: 333px !important;
  overflow: auto !important;
}

.notion-page__properties {
  margin-top: 30px !important;
}

.notion-collection-list {
  overflow: auto !important;
  border-top: none !important;
}

.notion-collection-list__item {
  width: 100% !important;
  padding: 10px 10px !important;
  margin: 5px 0 !important;
  border-radius: 10px !important;
  border: 1px solid var(--color-border-default) !important;
  cursor: pointer !important;
  color: inherit !important;
  text-decoration: none !important;
  position: relative !important;
}

.notion-collection-list__item-content {
  padding: 5px 0px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
}

.notion-collection-list__item-property .notion-property__select {
  display: inline-block !important;
}

.notion-collection-list__item-property .notion-semantic-string {
  white-space: normal !important;
}

.notion-collection-list__item .notion-property__title .notion-semantic-string {
  display: flex !important;
  align-items: center !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-decoration: none !important;
  margin-inline-end: 32px !important;
  margin-inline-start: 4px !important;
}

.notion-collection-list__item .notion-property__title .notion-semantic-string > span {
  border-bottom: none !important;
}

@media screen and (max-width: 768px) {
  .notion-toggle.bg-orange {
    background: var(--color-nav-bg) !important;
    max-width: 190px !important;
    padding: 10px !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 16px !important;
    position: fixed !important;
    z-index: 9999 !important;
    display: inline-block !important;
    border: none !important;
    border-radius: 8px !important;
    margin: 20px 20px !important;
    right: 0 !important;
    bottom: 40px !important;
    box-shadow: rgb(0 0 0 / 10%) 0 7px 25px 0 !important;
  }
}

@media screen and (min-width: 769px) {
  .notion-toggle.bg-orange {
    background: var(--color-nav-bg) !important;
    max-width: 190px !important;
    padding: 10px !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 16px !important;
    position: fixed !important;
    z-index: 9999 !important;
    display: inline-block !important;
    border: none !important;
    border-radius: 8px !important;
    margin: 20px 20px !important;
    right: 0 !important;
    top: 0 !important;
    box-shadow: rgb(0 0 0 / 10%) 0 7px 25px 0 !important;
  }
}