main.css

#page,
#page1,
#secret-invite-wrapper #secret-invite,
.level1,
.rm-level1,
.rm-level2,
.rm-pm-editor h1,
.rm-pm-editor h2,
div,
h1.level2,
html,
textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

@supports (font-variation-settings:normal) {
	html {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
	}
}

.CodeMirror,
.CodeMirror .CodeMirror-code pre {
	font-family: "SF Mono", Menlo, monospace
}

:root {
	--black: #000;
	--white: #fff;
	--gray-50: #f9fafb;
	--gray-100: #f3f4f6;
	--gray-200: #e5e7eb;
	--gray-300: #d1d5db;
	--gray-400: #9ca3af;
	--gray-500: #6b7280;
	--gray-600: #4b5563;
	--gray-700: #374151;
	--gray-800: #1f2937;
	--gray-900: #111827;
	--red-50: #fef2f2;
	--red-100: #fee2e2;
	--red-200: #fecaca;
	--red-300: #fca5a5;
	--red-400: #f87171;
	--red-500: #ef4444;
	--red-600: #dc2626;
	--red-700: #b91c1c;
	--red-800: #991b1b;
	--red-900: #7f1d1d;
	--yellow-50: #fffbeb;
	--yellow-100: #fef3c7;
	--yellow-200: #fde68a;
	--yellow-300: #fcd34d;
	--yellow-400: #fbbf24;
	--yellow-500: #f59e0b;
	--yellow-600: #d97706;
	--yellow-700: #b45309;
	--yellow-800: #92400e;
	--yellow-900: #78350f;
	--green-50: #ecfdf5;
	--green-100: #d1fae5;
	--green-200: #a7f3d0;
	--green-300: #6ee7b7;
	--green-400: #34d399;
	--green-500: #10b981;
	--green-600: #059669;
	--green-700: #047857;
	--green-800: #065f46;
	--green-900: #064e3b;
	--blue-50: #eff6ff;
	--blue-100: #dbeafe;
	--blue-200: #bfdbfe;
	--blue-300: #93c5fd;
	--blue-400: #60a5fa;
	--blue-500: #3b82f6;
	--blue-600: #2563eb;
	--blue-700: #1d4ed8;
	--blue-800: #1e40af;
	--blue-900: #1e3a8a;
	--indigo-50: #eef2ff;
	--indigo-100: #e0e7ff;
	--indigo-200: #c7d2fe;
	--indigo-300: #a5b4fc;
	--indigo-400: #818cf8;
	--indigo-500: #6366f1;
	--indigo-600: #4f46e5;
	--indigo-700: #4338ca;
	--indigo-800: #3730a3;
	--indigo-900: #312e81;
	--purple-50: #f5f3ff;
	--purple-100: #ede9fe;
	--purple-200: #ddd6fe;
	--purple-300: #c4b5fd;
	--purple-400: #a78bfa;
	--purple-500: #8b5cf6;
	--purple-600: #7c3aed;
	--purple-700: #6d28d9;
	--purple-800: #5b21b6;
	--purple-900: #4c1d95;
	--pink-50: #fdf2f8;
	--pink-100: #fce7f3;
	--pink-200: #fbcfe8;
	--pink-300: #f9a8d4;
	--pink-400: #f472b6;
	--pink-500: #ec4899;
	--pink-600: #db2777;
	--pink-700: #be185d;
	--pink-800: #9d174d;
	--pink-900: #831843
}

.spinner-square {
	background-color: var(--gray-500)
}

.spinner-square .spinner-square-front {
	background-color: var(--white)
}

.spinner-square .spinner-square-rotate {
	background-color: var(--black)
}

#scroll-1::-webkit-scrollbar,
#scroll-1::-webkit-scrollbar-track {
	background-color: var(--gray-100)
}

#scroll-1::-webkit-scrollbar-thumb {
	background-color: var(--gray-400)
}

#home {
	color: var(--gray-900)
}

#home2 .dark {
	color: var(--white);
	background-color: var(--gray-700)
}

#home2 #header .nav .bp3-button {
	color: var(--white)
}

#page1 {
	color: var(--gray-500)
}

#page1 h1,
#page1 h2 {
	color: var(--gray-600)
}

#secret-invite-wrapper {
	background-color: var(--black)
}

#secret-invite-wrapper #secret-invite {
	color: var(--gray-400)
}

#secret-invite-wrapper #secret-invite h1,
#secret-invite-wrapper #secret-invite h2 {
	color: var(--gray-300)
}

#landing-page #header ul {
	background-color: var(--gray-800);
	color: var(--gray-100)
}

#landing-page #cover,
#landing-page #header ul li:hover {
	background-color: var(--gray-900)
}

#landing-page #cover {
	color: var(--gray-300)
}

#landing-page #cover .a {
	background-color: var(--gray-300);
	color: var(--gray-900)
}

#landing-page #cover .a:hover {
	color: var(--gray-900)
}

#landing-page #cover #callouts button {
	background-color: var(--gray-300)
}

#landing-page #cover #image-collection {
	background-color: var(--bg-gray-300);
	color: var(--gray-800)
}

#landing-page #cover #image-collection #images {
	color: var(--gray-900)
}

#landing-page #features {
	background-color: var(--gray-800);
	color: var(--gray-300)
}

#landing-page #features .feature .feature-image {
	background-color: var(--gray-500)
}

.level1 {
	color: var(--gray-600)
}

.rm-pm-editor h3 {
	color: var(--gray-600)
}

.rm-pm-sub-editor-wrapper {
	background-color: #d1d5d81a
}

.rm-section {
	background-color: var(--yellow-300)
}

.rm-section-selected {
	background-color: var(--blue-200)
}

.rm-emoji-tooltip {
	color: var(--white)
}

.kanban-board {
	background-color: var(--gray-300)
}

.kanban-column {
	background-color: var(--gray-200)
}

.kanban-card {
	background-color: var(--gray-50)
}

.rm-embed-container {
	background-color: var(--gray-200)
}

.rm-embed-container .rm-embed-container {
	background-color: var(--gray-300)
}

.rm-embed-container .rm-embed-container .simple-bullet-outer.roam-bullet-closed {
	background-color: var(--white)
}

.rm-embed-container .rm-embed-container .rm-embed-container {
	background-color: var(--gray-200)
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
	background-color: var(--gray-100)
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
	background-color: var(--gray-300)
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
	background-color: var(--gray-200)
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
	background-color: var(--grey-300)
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
	background-color: var(--grey-200)
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
	background-color: var(--grey-100)
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
	background-color: var(--grey-300)
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
	background-color: var(--grey-200)
}

.rm-embed-margin-action-edit,
.rm-embed-margin-action-edit:hover,
.rm-embed-show-bullet>.rm-embed-margin-action-edit,
.rm-embed-show-bullet>.rm-embed-margin-action-edit:hover {
	background-color: var(--gray-100)
}

.rm-embed-margin-action-edit:hover,
.rm-embed-show-bullet>.rm-embed-margin-action-edit:hover {
	border-right: 2px solid var(--blue-600);
	border-left: 2px solid var(--blue-600)
}

.rm-embed-margin-action {
	border-left: 1px solid var(--gray-800);
	background-color: var(--gray-500)
}

.rm-embed-margin-action .rm-active {
	background-color: var(--gray-900)
}

.rm-embed-show-bullets-button-x.rm-high-level {
	background-color: var(--blue-400)
}

.rm-embed-show-bullets-button-x:hover {
	background-color: var(--gray-900);
	color: var(--blue-400)
}

.rm-embed-show-bullet .rm-embed-show-bullets-button-x.rm-active {
	color: var(--green-400)
}

.rm-calc-val {
	color: var(--gray-900)
}

.rm-calc-preview .rm-block-ref {
	background-color: var(--gray-100)
}

.roam-sidebar-container .rm-db-title-container .rm-db-title {
	color: var(--gray-300)
}

.roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .rm-dnd-separator .rm-dnd-drop-bar {
	background-color: var(--gray-500)
}

#right-sidebar {
	background-color: #6b72800c
}

#right-sidebar.closed:hover {
	background-color: var(--gray-300)
}

#right-sidebar .roam-bullet-closed {
	background-color: var(--gray-400)
}

#right-sidebar .rm-sidebar-card .rm-sidebar-card-controls {
	border-top: 1px var(--grey-500);
	border-left: 1px solid var(--grey-500);
	border-bottom: 1px solid var(--grey-500);
	border-color: var(--white);
	background-color: var(--white)
}

.sidebar-content .rm-dnd-separator .rm-dnd-drop-bar {
	background-color: var(--gray-500)
}

.pinned:before {
	color: var(--blue-700) !important
}

.rm-zoom.zoom-path-view .rm-zoom-mask {
	background-color: transparent
}

.rm-zoom .rm-zoom-item {
	color: var(--gray-500)
}

.rm-zoom-path .rm-zoom-item {
	color: var(--gray-500)
}

.rm-zoom-path .rm-zoom-item .rm-zoom-item-content.rm-zoom-collapsed-item {
	background-color: var(--gray-300);
	color: var(--gray-900)
}

.rm-inline-references {
	background-color: var(--gray-100);
	border-left: 2px solid var(--gray-400)
}

.rm-inline-references .block-ref-count-button.rm-active {
	color: var(--gray-100);
	background-color: var(--gray-500)
}

html[data-roam-color-theme="Roam-Classic"] {
	--primary-color: var(--blue-700)
}

html[data-roam-color-theme="Alexandretta"] {
	--primary-color: var(--blue-500);
	--background-color: var(--gray-700)
}

:root {
	--primary-color: var(--blue-700);
	--s1: 8px;
	--background-color: var(--gray-200)
}

.rm-line {
	background-color: var(--gray-300)
}

.roam-body .roam-app h1 {
	color: var(--gray-800)
}

.roam-body .roam-app .roam-sidebar-container {
	background-color: var(--gray-900)
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
	box-shadow: 0 0 4px var(--gray-300)
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a {
	color: var(--gray-800)
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .menu-title {
	color: var(--gray-400)
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting {
	background-color: var(--gray-100)
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting:hover {
	background-color: var(--gray-300)
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
	background-color: var(--gray-900)
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .rm-db-title .expand-icon {
	color: var(--gray-500)
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .rm-db-title .icon {
	border: 1px solid var(--gray-100)
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
	color: var(--gray-500)
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover {
	color: var(--gray-100);
	background-color: var(--gray-900)
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper {
	color: var(--gray-500)
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
	color: var(--gray-500)
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover {
	color: var(--gray-100);
	background-color: var(--gray-900)
}

.roam-topbar {
	background-color: var(--white)
}

.bblack {
	border: 1px solid var(--black);
	background-color: var(--gray-300)
}

.rm-input::-webkit-input-placeholder {
	color: var(--gray-300)
}

.rm-input:-moz-placeholder {
	color: var(--gray-300)
}

.rm-input::-moz-placeholder {
	color: var(--gray-300)
}

.rm-input:-ms-input-placeholder {
	color: var(--gray-300)
}

.rm-input::placeholder {
	color: var(--gray-300)
}

.rm-title-textarea::-webkit-input-placeholder {
	color: var(--gray-300)
}

.rm-title-textarea:-moz-placeholder {
	color: var(--gray-300)
}

.rm-title-textarea::-moz-placeholder {
	color: var(--gray-300)
}

.rm-title-textarea:-ms-input-placeholder {
	color: var(--gray-300)
}

.rm-title-textarea::placeholder {
	color: var(--gray-300)
}

.rm-title-untitled {
	color: var(--gray-300)
}

.roam-log-container .roam-log-page {
	border-top: 1px solid var(--gray-400)
}

.roam-log-container .roam-log-page:first-child {
	border: 0 solid var(--blue-600)
}

.roam-log-container .roam-log-preview {
	color: var(--gray-400)
}

.roam-log-container .roam-log-preview h1 {
	color: var(--gray-400)
}

.roam-log-container .roam-log-preview:hover {
	background-color: var(--gray-500)
}

#buffer .help-title {
	color: var(--gray-100)
}

#buffer .help-sub-title {
	color: var(--gray-200)
}

#buffer .help-item-text {
	color: var(--gray-200)
}

#buffer .help-item-label {
	color: var(--gray-200)
}

.roam-table td,
.roam-table th,
.roam-table tr {
	border: 1px solid var(--gray-500)
}

.import-table td,
.import-table th,
.import-table tr {
	border: 1px solid var(--gray-500)
}

#info table,
#info td,
#info th {
	border: 1px solid var(--gray-500)
}

.block-mention {
	background-color: var(--gray-300)
}

.block-mention:hover {
	background-color: var(--gray-400)
}

.rm-page-ref--tag {
	color: var(--gray-500)
}

.rm-page-ref-brackets {
	color: var(--gray-400)
}

.rm-page-ref--link {
	color: var(--red-500)
}

.rm-page-ref-namespace-color {
	color: var(--green-500)
}

.rm-block-ref {
	border-bottom: .5px solid var(--gray-300)
}

.rm-block-ref:hover {
	background-color: var(--gray-100)
}

.checkmark {
	border: 1px solid var(--gray-400)
}

.check-container input:checked~.checkmark {
	background-color: var(--gray-300)
}

.check-container .checkmark:after {
	border: solid var(--white);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(40deg) scale(.8)
}

#roam-sidebar-logo:hover {
	background-color: var(--gray-900)
}

.rm-find-or-create-wrapper .rm-menu-item .rm-search-title .rm-new-page {
	color: var(--green-700)
}

.rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item-title {
	color: var(--gray-400)
}

.rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item {
	word-break: break-word;
	color: var(--gray-400)
}

.rm-all-pages .table .rm-pages-row {
	border-bottom: 1px solid var(--gray-200);
	color: var(--gray-400)
}

.rm-all-pages .table .rm-pages-row.rm-pages-row-header {
	background-color: var(--gray-200);
	color: var(--gray-300)
}

.rm-all-pages .table .rm-pages-row .rm-pages-title-col {
	color: var(--gray-300)
}

.sorted-header-text {
	color: var(--gray-500)
}

.sorting-button-group .sort-button.focused {
	color: var(--gray-500)
}

.rm-clickable-pill {
	color: var(--white);
	background-color: var(--blue-600)
}

.rm-clickable-pill.empty-pill {
	color: var(--blue-500)
}

.rm-clickable-pill.level1-pill {
	opacity: .6;
	background-color: var(--blue-600)
}

.rm-clickable-pill.level2-pill {
	opacity: .7;
	background-color: var(--blue-600)
}

.rm-clickable-pill.level3-pill {
	opacity: .8;
	background-color: var(--blue-600)
}

.rm-pages-toolbar .toolbar-search-group .filter-button .filter-icon.filtered {
	color: var(--red-700)
}

.rm-pages-toolbar .toolbar-search-group .search-icon {
	color: var(--gray-300)
}

.rm-pages-toolbar .toolbar-search-group .search-icon.focused {
	color: var(--gray-400)
}

.rm-pages-toolbar .toolbar-search-group .search-input {
	margin-right: 4px;
	box-shadow: none;
	background-color: var(--gray-100)
}

.rm-pages-toolbar .toolbar-search-group .search-input.focused {
	border: 1px solid var(--gray-400)
}

.delete-all-dialog-list {
	border-color: var(--red-600)
}

.delete-all-dialog-items {
	border-bottom-color: var(--gray-200)
}

.delete-all-dialog-secondary-text {
	color: var(--gray-300)
}

.confirmation-content-dialog .confirmation-content {
	background-color: var(--gray-100)
}

.confirmation-content-dialog .confirmation-content-buttons .cancel-button {
	border-color: var(--gray-300);
	color: var(--gray-300)
}

.rm-pages-row-highlight {
	background-color: var(--gray-100)
}

.rm-pages-title-text.title-children-text {
	color: var(--gray-300)
}

.rm-reference-item {
	background-color: var(--gray-100)
}

.rm-level3 {
	color: var(--gray-500)
}

.rm-histogram-table td .flex-v-box {
	border-right: .2px solid var(--blue-500)
}

.rm-histogram-table td .flex-v-box .table-edited-by-view,
.slider .flex-v-box .table-edited-by-view {
	border: 1px solid var(--gray-400)
}

.roam-intense {
	background-color: var(--yellow-300)
}

.rm-highlight {
	background-color: var(--yellow-200)
}

.rm-line {
	border-top: 1px solid var(--gray-800)
}

.rm-hr {
	border: 1px solid var(--gray-400)
}

.rm-bq {
	background-color: var(--gray-100);
	border-left: 5px solid var(--gray-500)
}

.rm-encrypted-block {
	color: var(--gray-400);
	background-color: var(--gray-100)
}

.roam-bullet-closed {
	background-color: var(--gray-300)
}

.rm-query {
	border: .5px solid var(--gray-300)
}

.rm-query .rm-query-title {
	color: var(--primary-color);
	background-color: var(--background-color)
}

.rm-icon {
	color: var(--gray-300)
}

#mobile-capture #quick-capture-history {
	border-top: 1px solid var(--gray-500)
}

#mobile-capture .rm-block-text {
	background-color: var(--gray-100)
}

#mobile-capture li {
	background-color: var(--gray-100)
}

#mobile-capture .rm-qc-mobile-bar {
	color: var(--white);
	background-color: var(--gray-300)
}

.rm-quick-capture-sync-modal {
	background-color: var(--gray-200)
}

.rm-pomodoro {
	border: 1px solid var(--gray-300)
}

.rm-pomodoro.running {
	background: var(--red-100) !important;
	color: var(--red-600) !important;
	border: 1px solid var(--red-600)
}

.rm-pomodoro.break {
	background: var(--green-100) !important;
	border: 1px solid var(--green-700);
	color: var(--green-700) !important
}

.rm-saving-icon .rm-saving-local {
	background-color: var(--red-800)
}

.rm-saving-icon .rm-saving-remote {
	background-color: var(--yellow-600)
}

.rm-saving-icon .rm-synced {
	background-color: var(--green-500)
}

.rm-graph-icons {
	color: var(--gray-400)
}

.rm-shared-graph-view h4 {
	color: var(--gray-500)
}

.rm-shared-graph-view .rm-db-card .rm-db-card-editors {
	color: var(--gray-400)
}

.my-graphs h3 {
	color: var(--gray-400)
}

.rm-all-graphs-container .rm-local-graphs {
	background-color: var(--gray-500)
}

.rm-plan-expired-banner {
	background-color: var(--yellow-600);
	color: var(--white)
}

.rm-payment-plans {
	background-color: var(--gray-200)
}

.rm-payment-plans .rm-plan {
	background-color: var(--white);
	border: 2px solid var(--gray-300)
}

.rm-payment-plans .rm-plan .rm-price-tiny {
	color: var(--gray-400)
}

.rm-payment-plans .rm-plan .rm-pricing-container .rm-pricing-box {
	border: 1px solid var(--gray-300)
}

.rm-payment-plans .rm-plan .rm-pricing-container .rm-pricing-box.active {
	background-color: var(--blue-400);
	border-color: var(--blue-600);
	color: var(--white)
}

.rm-payment-plans .rm-plan .rm-pricing-container .rm-pricing-box.active .rm-price-tiny {
	color: var(--white)
}

.rm-payment-plans .rm-plan .rm-offering-diff {
	color: var(--gray-400)
}

.rm-payment-plans .rm-plan .rm-pricing-button {
	background-color: var(--gray-500);
	color: var(--white)
}

.rm-payment-plans .rm-plan .rm-pricing-button.active {
	background-color: var(--blue-400)
}

.rm-payment-plans .rm-plan .rm-coupon-input {
	border: 1px solid var(--gray-300)
}

.rm-payment-plans .rm-plan .rm-plan-offering strong.rm-standard {
	color: var(--white)
}

.rm-payment-plans .rm-plan .rm-plan-offering .offering-list div {
	color: var(--gray-500)
}

.rm-paywall {
	color: var(--gray-50);
	background-color: var(--gray-400)
}

.rm-billing {
	background-color: var(--gray-50)
}

.rm-scholars-code-form .rm-scholars-code-input {
	border-bottom: 1px solid var(--gray-500)
}

.rm-new-item {
	color: var(--green-500)
}

.new-graph-modal {
	background-color: var(--white)
}

db-permissions-modal .sharing-grid .rm-database-privacy-setting-description {
	font-size: .9em;
	color: var(--gray-500)
}

.sidebar-content .rm-bullet.rm-bullet--closed .rm-bullet__inner {
	border: 4px solid var(--gray-300)
}

.rm-bullet.rm-bullet--closed .rm-bullet__inner {
	box-sizing: content-box;
	border: 4px solid var(--gray-300)
}

.rm-bullet .rm-bullet__inner {
	background-color: var(--gray-700)
}

.edited-by-view {
	border: 1px solid var(--gray-400)
}

.block-highlight-grey {
	background-color: var(--gray-300)
}

.block-highlight-blue {
	background-color: var(--blue-300)
}

.rm-block__controls .bk-light-grey,
var(--yellow-200) .controls .bk-light-grey {
	background-color: var(--gray-300)
}

.controls .simple-bullet-outer .simple-bullet-inner,
.rm-block__controls .simple-bullet-outer .simple-bullet-inner {
	border-radius: 50%;
	width: 5px;
	height: 5px;
	background-color: var(--gray-700)
}

.version-bullet {
	background-color: var(--gray-400)
}

.dnd-separator .dnd-drop-bar {
	background-color: var(--gray-500)
}

.rm-database {
	background-color: var(--gray-800);
	color: var(--gray-300)
}

.rm-mentions-search-items .rm-mentions-search-item {
	background-color: var(--gray-50);
	border: 1px solid var(--gray-300)
}

.rm-mentions-search-items .rm-mentions-search-item:hover {
	background-color: var(--gray-400)
}

.block-ref-count-button.rm-active {
	color: var(--gray-400);
	background-color: var(--gray-50)
}

.rm-grey-text {
	color: var(--gray-400)
}

.rm-red-text {
	color: var(--red-500)
}

.tags-output-item {
	background-color: var(--gray-300)
}

@media (prefers-color-scheme:dark) {
	:root {
		--white: #000;
		--black: #fff;
		--gray-900: #f9fafb;
		--gray-800: #f3f4f6;
		--gray-700: #e5e7eb;
		--gray-600: #d1d5db;
		--gray-500: #9ca3af;
		--gray-400: #6b7280;
		--gray-300: #4b5563;
		--gray-200: #374151;
		--gray-100: #1f2937;
		--gray-50: #111827;
		--red-900: #fef2f2;
		--red-800: #fee2e2;
		--red-700: #fecaca;
		--red-600: #fca5a5;
		--red-500: #f87171;
		--red-400: #ef4444;
		--red-300: #dc2626;
		--red-200: #b91c1c;
		--red-100: #991b1b;
		--red-50: #7f1d1d;
		--yellow-900: #fffbeb;
		--yellow-800: #fef3c7;
		--yellow-700: #fde68a;
		--yellow-600: #fcd34d;
		--yellow-500: #fbbf24;
		--yellow-400: #f59e0b;
		--yellow-300: #d97706;
		--yellow-200: #b45309;
		--yellow-100: #92400e;
		--yellow-50: #78350f;
		--green-900: #ecfdf5;
		--green-800: #d1fae5;
		--green-700: #a7f3d0;
		--green-600: #6ee7b7;
		--green-500: #34d399;
		--green-400: #10b981;
		--green-300: #059669;
		--green-200: #047857;
		--green-100: #065f46;
		--green-50: #064e3b;
		--blue-900: #eff6ff;
		--blue-800: #dbeafe;
		--blue-700: #bfdbfe;
		--blue-600: #93c5fd;
		--blue-500: #60a5fa;
		--blue-400: #3b82f6;
		--blue-300: #2563eb;
		--blue-200: #1d4ed8;
		--blue-100: #1e40af;
		--blue-50: #1e3a8a;
		--indigo-900: #eef2ff;
		--indigo-800: #e0e7ff;
		--indigo-700: #c7d2fe;
		--indigo-600: #a5b4fc;
		--indigo-500: #818cf8;
		--indigo-400: #6366f1;
		--indigo-300: #4f46e5;
		--indigo-200: #4338ca;
		--indigo-100: #3730a3;
		--indigo-50: #312e81;
		--purple-900: #f5f3ff;
		--purple-800: #ede9fe;
		--purple-700: #ddd6fe;
		--purple-600: #c4b5fd;
		--purple-500: #a78bfa;
		--purple-400: #8b5cf6;
		--purple-300: #7c3aed;
		--purple-200: #6d28d9;
		--purple-100: #5b21b6;
		--purple-50: #4c1d95;
		--pink-900: #fdf2f8;
		--pink-800: #fce7f3;
		--pink-700: #fbcfe8;
		--pink-600: #f9a8d4;
		--pink-500: #f472b6;
		--pink-400: #ec4899;
		--pink-300: #db2777;
		--pink-200: #be185d;
		--pink-100: #9d174d;
		--pink-50: #831843
	}
}

body {
	background-color: var(--white);
	color: var(--gray-900)
}

.bp3-text-overflow-ellipsis {
	color: var(--gray-900)
}

.roam-body .roam-app {
	color: var(--gray-800)
}

.bp3-button[class*="bp3-icon-"]::before,
.bp3-icon-star::before,
span.bp3-icon:empty::before {
	color: var(--gray-500)
}

.rm-bullet .rm-bullet__inner {
	background-color: var(--gray-300)
}

.roam-body .roam-app .roam-sidebar-container {
	background-color: var(--gray-100)
}

a {
	color: var(--red-500)
}

a:hover {
	color: var(--red-500)
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button,
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper,
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page,
.roam-sidebar-container .rm-db-title-container .rm-db-title {
	color: var(--gray-600)
}

.bp3-button:not([class*="bp3-intent-"]) {
	color: var(--gray-700)
}

#app>div>div.roam-app>div.flex-h-box>div.roam-main>div.roam-body-main>div:nth-child(1)>div>div:nth-child(2)>div>div>div.rm-reference-container>div>div:nth-child(3)>strong,
#app>div>div.roam-app>div.flex-h-box>div.roam-main>div.roam-body-main>div:nth-child(1)>div>div:nth-child(2)>div>div>div>div>strong {
	color: var(--gray-500) !important
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover,
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover,
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
	background-color: inherit;
	color: var(--gray-700)
}

@media (prefers-color-scheme:dark) {
	body {
		background-color: var(--gray-50);
		color: var(--gray-900)
	}
	.roam-topbar {
		background-color: var(--gray-50)
	}
	.rm-find-or-create-wrapper .rm-menu-item .rm-search-title .rm-new-page {
		color: var(--green-300)
	}
	.bp3-menu-item:hover,
	.bp3-submenu .bp3-popover-target.bp3-popover-open>.bp3-menu-item {
		background-color: #d5dadf
	}
	.flatpickr-current-month .numInputWrapper {
		font-size: 18px
	}
	.flatpickr-months .flatpickr-next-month,
	.flatpickr-months .flatpickr-prev-month {
		color: var(--gray-400);
		fill: var(--gray-400)
	}
	.flatpickr-day.inRange,
	.flatpickr-day.nextMonthDay.inRange,
	.flatpickr-day.nextMonthDay.today.inRange,
	.flatpickr-day.nextMonthDay:focus,
	.flatpickr-day.nextMonthDay:hover,
	.flatpickr-day.prevMonthDay.inRange,
	.flatpickr-day.prevMonthDay.today.inRange,
	.flatpickr-day.prevMonthDay:focus,
	.flatpickr-day.prevMonthDay:hover,
	.flatpickr-day.today.inRange,
	.flatpickr-day:focus,
	.flatpickr-day:hover {
		color: var(--gray-400)
	}
	span.flatpickr-day,
	span.flatpickr-day.nextMonthDay,
	span.flatpickr-day.prevMonthDay {
		border: 1px solid var(--gray-300);
		border-right-color: transparent
	}
	.flatpickr-current-month>*,
	.flatpickr-monthDropdown-months>* {
		background-color: var(--gray-100) !important;
		color: var(--gray-400) !important;
		font-size: 16px
	}
	.flatpickr-current-month input.cur-year,
	.flatpickr-day.flatpickr-disabled,
	.flatpickr-day.flatpickr-disabled:hover,
	.flatpickr-day.nextMonthDay,
	.flatpickr-day.notAllowed,
	.flatpickr-day.notAllowed.nextMonthDay,
	.flatpickr-day.notAllowed.prevMonthDay,
	.flatpickr-day.prevMonthDay {
		color: var(--gray-400)
	}
	.flatpickr-day,
	.flatpickr-weekwrapper span.flatpickr-day,
	.flatpickr-weekwrapper span.flatpickr-day:hover,
	span.flatpickr-weekday {
		color: var(--gray-600)
	}
	.bp3-elevation-3 {
		background-color: var(--gray-100) !important
	}
	.bp3-datepicker,
	.bp3-html-select select,
	.bp3-menu,
	.bp3-popover .bp3-popover-content,
	.bp3-select select,
	.flatpickr-calendar,
	.jsPanel .jsPanel-content,
	input {
		background-color: var(--gray-100);
		color: var(--gray-400);
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.bp3-popover .bp3-popover-arrow-fill {
		fill: var(--gray-100)
	}
	.bp3-text-overflow-ellipsis {
		color: var(--gray-400)
	}
	.rm-pages-title-text {
		color: var(--red-500)
	}
	.rm-autocomplete-result {
		color: var(--gray-400)
	}
	.rm-pages-title-text a:hover {
		text-decoration: none
	}
	#right-sidebar {
		background-color: var(--gray-100)
	}
	.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a {
		color: var(--gray-900)
	}
	.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .menu-item:hover,
	.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a:hover {
		background-color: var(--gray-300);
		color: var(--black)
	}
	.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting:hover {
		color: var(--black) !important
	}
	.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting {
		background-color: var(--gray-400)
	}
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: inherit
}

.rm-zoom.zoom-mentions-view {
	font-size: inherit
}

.rm-level1,
.rm-level2,
.rm-level3,
h1.level2 {
	font-size: 1em;
	font-weight: 500;
	color: var(--gray-800)
}

.h1,
h1,
h1.level2 {
	font-size: 20px
}

.rm-level1 .roam-block,
.rm-level1 textarea,
.rm-level2 .roam-block,
.rm-level2 textarea,
.rm-level3 .roam-block,
.rm-level3 textarea {
	line-height: inherit
}

#app>div>div.roam-app>div.flex-h-box>div.roam-main>div.roam-body-main>div:nth-child(1)>div>div:nth-child(2)>div>div>div.rm-reference-container>div>div:nth-child(3)>strong,
#app>div>div.roam-app>div.flex-h-box>div.roam-main>div.roam-body-main>div:nth-child(1)>div>div:nth-child(2)>div>div>div>div>strong {
	font-weight: 500
}

.rm-mentions .rm-ref-page-view .rm-ref-page-view-title {
	font-size: inherit
}

.rm-mentions .rm-ref-page-view .rm-ref-page-view-title a:hover,
.rm-page-ref:hover,
a:hover span {
	text-decoration: none !important
}

.controls,
.rm-block__controls {
	padding-top: 3px
}

.rm-caret {
	color: var(--gray-400)
}

.rm-query-content .controls,
.rm-query-content .rm-block__controls {
	padding-top: 7px
}

.rm-query-content .rm-caret.rm-caret-showing {
	padding-bottom: 4px
}

.checkmark {
	height: 16px;
	width: 16px;
	top: -2px
}

.check-container {
	padding-right: 6px
}

.check-container .checkmark:after {
	left: 5px;
	top: 1px;
	width: 7px;
	height: 12px
}

.bp3-input,
.bp3-input.bp3-round,
.bp3-input[type="search"] {
	border-radius: 5px;
	background-color: var(--gray-100);
	color: var(--gray-900)
}

.bp3-input::placeholder,
input#find-or-create-input::placeholder {
	color: var(--gray-500)
}

.rm-pages-toolbar .toolbar-search-group .search-input.focused {
	border: none
}

.bp3-input,
.bp3-input.bp3-active,
.bp3-input:focus,
.rm-pages-toolbar .toolbar-search-group .search-input:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

:focus {
	border: none
}

.block-border-left {
	border-radius: 0;
	margin-left: 7px;
	border-left: 1px solid var(--gray-300)
}

a:hover {
	text-decoration: none
}

#app>div>div.roam-app>div.roam-sidebar-container.noselect>div>div.flex-v-box.starred-pages-wrapper>div:nth-child(1) {
	display: none
}

#app>div>div>div.roam-sidebar-container.noselect>div>div.flex-v-box.starred-pages-wrapper>div.flex-h-box {
	display: none
}

#roam-sidebar-logo {
	display: none
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
	padding: 4px 0 4px 4px
}

.rm-query .rm-query-title {
	display: none
}

#buffer {
	background-color: var(--gray-200) !important
}

.bp3-button .bp3-icon,
.bp3-button .bp3-icon-large,
.bp3-button .bp3-icon-standard {
	color: var(--gray-500) !important
}

.blzvQB.launcher-button {
	background-color: var(--green-800) !important
}

#buffer .help-item-label,
#buffer .help-item-text,
#buffer .help-sub-title,
#buffer .help-title {
	color: var(--gray-700)
}

.rm-all-pages .table .rm-pages-row .rm-pages-col,
.rm-all-pages .table .rm-pages-row .rm-pages-title-col {
	color: var(--gray-700)
}

.kanban-title {
	max-height: 100px
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button,
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper,
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
	text-transform: lowercase
}

@media (prefers-color-scheme:dark) {
	.CodeMirror {
		background: var(--gray-100)
	}
	.cm-s-default .cm-number {
		color: var(--green-700)
	}
	.cm-s-default .cm-type,
	.cm-s-default .cm-variable-3 {
		color: var(--green-400)
	}
	.CodeMirror-cursor {
		border-left: 1px solid var(--black)
	}
	.cm-s-default .cm-builtin {
		color: var(--pink-500)
	}
	#block-input-PojNYB6FsASFCHzoHn5zUfaDUh42-body-outline-gih0iTeEc-e0H3H_rPw>span>div>div:nth-child(1)>span>span>div>button>span.bp3-button-text {
		color: var(--black)
	}
	.CodeMirror pre.CodeMirror-line,
	.CodeMirror pre.CodeMirror-line-like,
	.cm-property {
		color: var(--black)
	}
	.cm-s-default .cm-tag {
		color: var(--green-500)
	}
	.cm-s-default .cm-qualifier {
		color: var(--gray-500)
	}
	.cm-s-default .cm-variable-2 {
		color: var(--blue-500)
	}
	.cm-s-default .cm-keyword {
		color: var(--purple-500)
	}
	.cm-s-default .cm-atom,
	.cm-s-default .cm-def {
		color: var(--blue-300)
	}
	.CodeMirror-gutters {
		background-color: var(--gray-100);
		border: none
	}
}

.rm-mentions .rm-ref-page-view .rm-title-arrow-wrapper {
	padding-top: 10px
}

.flatpickr-calendar.arrowTop:after {
	display: none
}

.flatpickr-calendar.arrowTop:before {
	display: none
}

.tribute-container ul {
	background-color: var(--gray-100);
	color: var(--gray-400)
}

.tribute-container li.highlight {
	background-color: #d5dadf
}

.bp3-button:not([class*="bp3-intent-"]) {
	color: var(--gray-700);
	background-color: var(--gray-300);
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.bp3-button:not([class*="bp3-intent-"]):hover {
	background-color: var(--gray-700);
	color: var(--gray-300);
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.bp3-button.bp3-minimal.bp3-small {
	background-color: transparent
}

.tt-menu {
	background-color: var(--gray-100)
}

.typeahead {
	background-color: var(--gray-100)
}