.theme-dark,
:root {
	--cta-text-hover-color: #ffffff !important;
	--navbar-button-text-color: var(--color-text-default) !important
}

.notion-collection-page,
.super-root {
	margin: 0 auto !important
}

:root {
	--header-dots: #E1E1E1;
	--layout-border: 1px;
	--collection-card-content-padding: 16px !important;
	--collection-card-border-radii: 12px !important;
	--collection-card-gap: 16px !important;
	--collection-card-cover-height-large: 380px !important;
	--collection-card-icon-display: none !important;
	--collection-card-title-size: 1.1rem !important;
	--callout-border-radii: 8px !important;
	--image-border-radii: 8px !important;
	--color-text-gray: #767572 !important;
	--primary-color: #F46E6F !important;
	--secondary-bg: #F8F8F8 !important;
	--color-text-default: #65635C;
	--body-text-default: var(--color-text-default) !important;
	--heading-text-default: #3D3C35;
	--color-text-default-light: #55534B !important;
	--color-bg-default: #FFFFFF !important;
	--color-border-default: #EFEFEF;
	--color-ui-hover-bg: #efefef;
	--color-card-bg: #ffffff;
	--color-card-bg-hover: #FCFCFC;
	--color-calendar-weekend-bg: #f7f6f3 !important;
	--color-checkbox-bg: #2EAADC !important;
	--color-code-bg: var(--secondary-bg) !important;
	--color-checkbox-bg: #000 !important;
	--link-text-color: #000 !important;
	--cta-border-radii: 40px !important;
	--cta-bg-color: #F8F8F8 !important;
	--cta-bg-hover-color: #111 !important;
	--cta-text-color: #262329 !important;
	--color-bg-gray-light: #F8F8F8 !important;
	--scrollbar-background-color: #FFFFFF !important;
	--scrollbar-thumb-color: #EEEEEE !important;
	--scrollbar-border-color: #FFFFFF !important;
	--container-width: 600px !important;
	--layout-max-width: 600px !important;
	--cover-max-height: 290px !important;
	--cover-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%) !important;
	--navbar-width: 240px !important
}

.theme-dark .notion-code code {
	color: var(--color-text-default) !important
}

.theme-dark {
	--heading-text-default: #C6C8CF;
	--border-color-default: #353535 !important;
	--card-border-color: #373737 !important;
	--color-bg-gray-light: #2D2D2D !important;
	--cta-bg-color: #2D2D2D !important;
	--cta-bg-hover-color: #353535 !important;
	--cta-text-color: white !important;
	--color-text-yellow: #FFB71D !important;
	--color-text-gray: #9a9a9a !important;
	--cover-gradient: linear-gradient(to bottom, rgba(22, 22, 22, 0), #161616 90%) !important;
	--header-dots: #373737 !important;
	--secondary-bg: #2A2A2A !important;
	--color-bg-default: #161616 !important;
	--color-border-default: #282828 !important;
	--color-text-default: #AFB1B6 !important;
	--scrollbar-background-color: var(--color-bg-default) !important;
	--scrollbar-thumb-color: var(--color-border-default) !important;
	--scrollbar-border-color: var(--color-bg-default) !important
}

.notion-dropdown__button svg:first-of-type,
.notion-dropdown__menu-header,
.notion-toggle.bg-brown,
.notion-toggle__trigger,
.super-navbar.hidden {
	display: none !important
}

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

body :not(strong) {
	font-weight: 100 !important
}

.notion-root {
	padding-top: 4vh !important;
	padding-bottom: 12vh !important
}

.notion-collection-page {
	max-width: var(--layout-max-width) !important
}

@media all and (min-width:968px) {

	.notion-navbar,
	.super-footer,
	.super-navbar {
		height: 100vh !important;
		position: sticky !important
	}

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

	.super-root {
		flex-direction: row !important;
		justify-content: flex-start !important
	}

	.super-content-wrapper {
		flex-grow: 1 !important
	}

	.notion-header {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important
	}

	.super-footer {
		max-width: 24vw !important;
		min-width: 12vw !important;
		text-align: left !important;
		display: flex !important;
		top: 0 !important;
		justify-content: flex-end !important;
		flex-direction: column !important;
		box-shadow: none !important;
		background: 0 0 !important;
		border-left: var(--layout-border) solid var(--color-border-default) !important;
		padding: 24px !important
	}

	.super-navbar__item.active,
	.super-navbar__theme-toggle {
		border: 1px solid var(--color-border-default) !important;
		background: var(--secondary-bg) !important
	}

	.notion-navbar,
	.super-navbar {
		align-items: flex-start !important;
		width: var(--navbar-width) !important;
		max-width: var(--navbar-width) !important;
		min-width: 100px !important;
		padding: 16px 16px 16px 20px !important;
		flex: 0 0 auto !important;
		border-right: 1px solid var(--color-border-default) !important
	}

	.super-navbar__item,
	.super-navbar__item.active {
		min-width: 120px !important;
		width: 100% !important
	}

	.super-navbar__content {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 8px !important;
		padding: 24px !important;
		justify-content: start !important;
		margin-top: 66px !important
	}

	.super-navbar__logo {
		padding: 8px 12px !important;
		max-height: 50px !important;
		flex-grow: 0 !important
	}

	.super-navbar__actions,
	.super-navbar__item-list {
		flex-direction: column !important;
		height: auto !important
	}

	.super-navbar__item-list li {
		width: 100% !important
	}

	.super-navbar__item.active {
		padding: 8px 12px !important
	}

	.super-navbar__theme-toggle {
		border-radius: 50px !important;
		margin: 12px 12px 40px !important;
		position: absolute !important;
		bottom: 0 !important;
		height: auto !important
	}

	.super-navbar__item-list {
		align-items: flex-start !important;
		gap: 4px !important;
		overflow: unset !important
	}

	.super-navbar__item {
		text-align: left !important;
		justify-content: start !important;
		border-radius: 5px !important;
		height: auto !important;
		padding: 8px 12px !important;
		border: 1px solid transparent !important;
		background: 0 0 !important;
		max-width: calc(var(--navbar-width) - 40px);
		overflow: hidden !important;
		white-space: pre-wrap !important
	}

	.super-navbar__actions {
		display: flex !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		padding: 0 !important;
		width: 100% !important;
		gap: 40px !important
	}

	.super-navbar__content {
		height: 90vh !important
	}

	.super-footer__links {
		flex-direction: column !important
	}

	.super-footer__icons {
		display: flex !important;
		flex-wrap: wrap !important
	}

	.super-footer.corners .super-footer__icons,
	.super-footer.floating .super-footer__icons {
		justify-content: flex-start !important
	}

	.super-navbar__cta {
		margin-top: 8px !important
	}

	.notion-header__content {
		padding: 0 !important
	}
}

@media all and (max-width:861px) {
	.super-footer {
		border-top: var(--layout-border) solid var(--color-border-default) !important
	}

	.super-navbar {
		background: var(--color-bg-default) !important
	}
}

.super-navbar__cta {
	padding: 10px 18px !important;
	border-radius: var(--cta-border-radii) !important;
	width: 100% !important;
	border: 1px solid var(--color-border-default) !important;
	background: var(--cta-bg-color) !important;
	transition: .2s ease-in-out !important
}

.super-navbar__cta:hover {
	background: var(--cta-bg-hover-color) !important;
	color: var(--cta-text-hover-color) !important;
	border: 1px solid var(--cta-bg-hover-color) !important;
	opacity: 1 !important
}

.super-footer__links,
.super-navbar__item {
	font-size: 16px !important;
	font-weight: 300 !important
}

.super-footer__footnote {
	opacity: .4 !important
}

.super-footer__icons svg {
	opacity: .4;
	transition: opacity .17s ease-in-out !important
}

.super-footer__icons svg:hover {
	opacity: 1
}

.notion-header__icon {
	width: 52px !important;
	height: 52px !important
}

.notion-header__icon-wrapper.has-icon-image img {
	width: 42px !important;
	height: 42px !important
}

.notion-header__icon-wrapper div {
	font-size: 52px !important
}

.notion-header__icon-wrapper.has-icon-image {
	top: -100px !important;
	width: 62px !important;
	height: 62px !important
}

.notion-header__icon-wrapper.has-icon {
	top: -100px !important;
	width: 80px !important;
	height: 80px !important
}

.notion-header {
	border-bottom: var(--layout-border) solid var(--color-border-default) !important;
	position: relative !important;
	margin-bottom: 0 !important
}

.notion-header__content .notion-header__title-wrapper {
	margin-bottom: 32px !important
}

.notion-header__content {
	position: absolute !important;
	bottom: 0 !important;
	max-width: var(--layout-max-width) !important;
	margin: 0 auto !important;
	width: var(--layout-max-width) !important
}

.notion-header__cover.has-cover {
	opacity: .5 !important
}

.notion-header__cover:after {
	content: "";
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	background-image: var(--cover-gradient) !important;
	width: 100%;
	height: 100% !important
}

.notion-toggle.open:before,
.notion-toggle:before {
	position: absolute !important;
	font-size: 24px !important;
	line-height: 1 !important;
	opacity: .4 !important;
	left: 18px !important;
	font-weight: 100 !important
}

.notion-header__cover,
.notion-header__cover.no-cover {
	height: var(--cover-max-height) !important;
	max-height: var(--cover-max-height) !important
}

.notion-header__cover.no-cover {
	background-image: radial-gradient(var(--header-dots) .8px, transparent 0) !important;
	background-size: 26px 26px !important;
	background-position: -19px -19px !important
}

.notion-header__title {
	font-weight: 100 !important
}

.notion-collection-gallery,
.notion-collection-list {
	border-top: none !important
}

.notion-collection-list {
	margin-top: 0 !important;
	padding: 0 !important;
	gap: 8px !important
}

.notion-collection-gallery {
	padding: 0 !important;
	margin-bottom: 24px !important
}

.notion-collection-gallery.large {
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important
}

.notion-collection-gallery.medium {
	gap: 24px !important
}

.notion-collection__header-wrapper {
	flex-direction: column !important;
	align-items: flex-start !important
}

.notion-collection-card {
	box-shadow: none !important;
	border: 1px solid var(--color-border-default) !important;
	transition: box-shadow .2s ease-out, border .2s ease-in-out !important
}

.notion-collection-card__cover,
.notion-collection-card__cover img,
.notion-collection-card__cover>span {
	transition: transform .26s ease-out !important
}

.notion-collection-card:hover .notion-collection-card__cover img {
	transform: scale(1.03) !important
}

.notion-pill {
	border-radius: 50px !important;
	border: 1px solid rgba(0, 0, 0, .04) !important;
	text-transform: uppercase !important;
	font-size: 10px !important;
	letter-spacing: 1px !important
}

.notion-pill.pill-default {
	background: var(--cta-bg-color) !important;
	border: 1px solid var(--color-border-default) !important
}

.notion-collection-list__item:hover,
.notion-toggle.open,
.notion-toggle:hover {
	background: var(--secondary-bg) !important
}

.notion-collection-list__item {
	border: 1px solid var(--color-border-default) !important;
	padding: 12px !important;
	min-height: 38px !important;
	border-radius: 8px !important;
	transition: background-color .15s !important
}

.notion-collection-list__item .notion-property__title .notion-semantic-string>span {
	border-bottom: 0 !important;
	white-space: pre-wrap !important
}

.notion-page__property-name>span {
	font-size: 16px !important
}

.notion-page__properties .notion-divider {
	margin: 32px 0 !important
}

.notion-collection-card__property-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important
}

.notion-property__date {
	font-size: 1rem !important;
	opacity: .6
}

h1 {
	letter-spacing: -.8px !important
}

h1.notion-heading,
h2.notion-heading,
h3.notion-heading {
	margin: 0 !important;
	color: var(--heading-text-default) !important
}

h1,
h2,
h3 {
	color: var(--heading-text-default) !important
}

.notion-text p,
h3,
h3.notion-heading {
	margin-bottom: 12px !important
}

.notion-toggle {
	border: 1px solid var(--color-border-default) !important;
	border-radius: 8px !important;
	margin-bottom: 16px !important;
	position: relative !important;
	text-align: left !important;
	transition: background .2s ease-in-out !important
}

.notion-toggle__summary {
	margin: 0 0 0 32px !important;
	padding: 12px !important
}

.notion-heading.toggle {
	padding: 0 !important
}

.notion-toggle.open {
	padding-bottom: 16px !important
}

.notion-toggle__content {
	padding-inline-start: 18px !important;
	padding-inline-end: 18px !important
}

.notion-toggle__content .notion-text__content {
	margin-bottom: 0 !important
}

.notion-toggle:before {
	content: "+" !important;
	top: 14px !important
}

.notion-toggle.open:before {
	content: "-" !important;
	top: 15px !important
}

.notion-checkbox,
.notion-checkbox svg {
	border-radius: 2px !important
}

.notion-to-do__title.checked del {
	text-decoration: none !important
}

.notion-code pre,
.notion-table td {
	border: 1px solid var(--color-border-default) !important
}

.token.selector {
	color: #2a2a2a !important
}

.token.property {
	color: #909090 !important
}

.token.important {
	color: var(--primary-color) !important
}

.notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link strong,
.notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link {
	padding: 10px 14px !important;
	border-radius: var(--cta-border-radii) !important;
	opacity: 1 !important;
	font-weight: 100 !important;
	display: inline-flex !important;
	justify-content: center !important;
	transition: .2s ease-in-out !important;
	background: var(--cta-bg-color) !important;
	color: var(--cta-text-color) !important;
	margin: 8px -2px -2px !important;
	border: 1px solid var(--color-border-default) !important;
	text-decoration: none !important
}

.notion-root .notion-text .notion-link strong:hover,
.notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link strong:hover,
.notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link:hover,
.notion-root .notion-text strong .notion-link:hover {
	background: var(--cta-bg-hover-color) !important;
	border: 1px solid var(--cta-bg-hover-color) !important;
	color: var(--cta-text-hover-color) !important;
	opacity: 1 !important
}

.notion-root .notion-text .notion-link strong,
.notion-root .notion-text strong .notion-link {
	padding: 10px 14px !important;
	border-radius: var(--cta-border-radii) !important;
	opacity: 1 !important;
	font-weight: 100 !important;
	display: inline-flex !important;
	justify-content: center !important;
	transition: .2s ease-in-out !important;
	background: var(--cta-bg-color) !important;
	color: var(--cta-text-color) !important;
	margin: 8px -2px -2px !important;
	border: 1px solid var(--color-border-default) !important
}

@-webkit-keyframes dropdown-animation-in {
	0% {
		opacity: 0;
		transform: translateY(-5%) scale(.95)
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

@keyframes dropdown-animation-in {
	0% {
		opacity: 0;
		transform: translateY(-5%) scale(.95)
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

@-webkit-keyframes dropdown-animation-out {
	0% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}

	to {
		z-index: -1;
		opacity: 0;
		transform: translateY(-5%) scale(.95)
	}
}

@keyframes dropdown-animation-out {
	0% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}

	to {
		z-index: -1;
		opacity: 0;
		transform: translateY(-5%) scale(.95)
	}
}

.notion-dropdown {
	width: 100% !important
}

.notion-dropdown__button {
	justify-content: space-between !important;
	width: 100% !important;
	border: 1px solid var(--color-border-default) !important;
	padding: 10px !important;
	border-radius: 8px !important
}

.notion-dropdown__menu-wrapper {
	margin-bottom: 8px !important
}

.notion-dropdown__menu {
	width: 100% !important;
	border-radius: 8px !important;
	transform: none !important;
	left: auto !important;
	top: auto !important;
	box-shadow: 0 10px 20px -10px rgb(0 0 0 / 12%) !important;
	background: var(--color-bg-default) !important;
	border: 1px solid var(--color-border-default) !important;
	margin-top: 5px !important
}

.notion-dropdown__option-list {
	padding: 0 !important;
	flex-wrap: wrap !important
}

.notion-dropdown__option {
	padding: 5px 16px !important;
	height: 50px !important
}

.notion-dropdown__button-title,
.notion-dropdown__option p {
	font-size: 16px !important
}

.notion-dropdown__button:hover {
	background: 0 0 !important
}

.notion-dropdown__option-icon {
	display: none !important
}

@media all and (min-width:624px) {

	.notion-dropdown__button,
	.notion-dropdown__menu-header {
		display: none !important
	}

	.notion-dropdown__menu.initial-state {
		z-index: 1 !important;
		opacity: 1 !important;
		transform: none !important
	}

	.notion-dropdown__menu.animate-in,
	.notion-dropdown__menu.animate-in.animate-out,
	.notion-dropdown__menu.animate-out {
		animation: none !important
	}

	.notion-dropdown__menu {
		background: 0 0 !important;
		box-shadow: unset !important;
		transform: none !important;
		left: auto !important;
		top: auto !important;
		position: relative !important;
		border: none !important
	}

	.notion-dropdown__menu-wrapper {
		margin-bottom: 12px !important;
		position: relative !important
	}

	.notion-dropdown__option:hover {
		background: var(--cta-bg-hover-color) !important;
		border: 1px solid var(--cta-bg-hover-color) !important
	}

	.notion-dropdown__option:hover p,
	.notion-dropdown__option:hover svg {
		color: var(--cta-text-hover-color) !important
	}

	.notion-dropdown__option p,
	.notion-dropdown__option.active p {
		color: var(--cta-text-color) !important
	}

	.notion-dropdown__option {
		border: 1px solid var(--color-border-default) !important;
		border-radius: var(--cta-border-radii) !important;
		transition: .2s ease-out !important;
		height: auto !important;
		padding: 8px 12px !important
	}

	.notion-dropdown__option p {
		transition: color .2s ease-in-out !important;
		font-size: 10px !important;
		text-transform: uppercase !important;
		letter-spacing: .8px !important
	}

	.notion-dropdown__option-list {
		display: flex !important;
		padding: 0 !important;
		height: auto !important;
		gap: 8px !important
	}

	.notion-dropdown__option.active {
		background: var(--cta-bg-color) !important;
		border: 1px solid var(--cta-bg-color) !important
	}
}

.super-navbar__content>div:has(.super-navbar__item-list) {
	height: auto !important
}