Roam iA Writer Quattro theme

README.md

All credit goes to Alexander Rink—https://twitter.com/rcvd_io/status/1363964106928234499

Source: https://roamresearch.com/#/app/brnpblc/page/ng-L26_Gt

I have only extracted the CSS from the Roam page to this Gist.

How to use:

• Open the page [[roam/css]]
• Add a CSS block and paste the following line

@import url('https://gistcdn.githack.com/kewah/a81d1824486d0f3abab55bb6362e5249/raw/a99c24a5e87e3efc6fc15a42b1e15a1a1034710b/style.css');

style.css

@import url('https://fonts.rcvd.io/iA Writer/stylesheet.css');
:root {
  /* Black and white */
  --cl-white:			#FFFFFF;
  --cl-black:			#000000;
  
	/* Gray */
    --cl-gray-50:		#f4f5f5;
    --cl-gray-100:		#e5e6e6;
    --cl-gray-200: 		#dcdcdc;
    --cl-gray-300: 		#bdbdbd;
    --cl-gray-400: 		#99999d;
    --cl-gray-500: 		#797a79;
    --cl-gray-600: 		#646464;
    --cl-gray-700: 		#454545;
    --cl-gray-800: 		#272727;
    --cl-gray-900:		#1a1a1a;

	/* Red */
	--cl-red-50:		#FEF2F2;
	--cl-red-100:		#FEE2E2;
	--cl-red-200:		#FECACA;
	--cl-red-300:		#FCA5A5;
	--cl-red-400:		#F87171;
	--cl-red-500:		#EF4444;
	--cl-red-600:		#DC2626;
	--cl-red-700:		#B91C1C;
	--cl-red-800:		#991B1B;
	--cl-red-900:		#7F1D1D;

	/* Yellow */
	--cl-yellow-50:		#FFFBEB;
	--cl-yellow-100:	#FEF3C7;
	--cl-yellow-200:	#FDE68A;
	--cl-yellow-300:	#FCD34D;
	--cl-yellow-400:	rgb(251,191,36);
	--cl-yellow-500:	#F59E0B;
	--cl-yellow-600:	#D97706;
	--cl-yellow-700:	#B45309;
	--cl-yellow-800:	#92400E;
	--cl-yellow-900:	#78350F;

	/* Green */
	--cl-green-50:		#ECFDF5;
	--cl-green-100:		#D1FAE5;
	--cl-green-200:		#A7F3D0;
	--cl-green-300:		#6EE7B7;
	--cl-green-400:		#34D399;
	--cl-green-500:		#10B981;
	--cl-green-600:		#059669;
	--cl-green-700:		#047857;
	--cl-green-800:		#065F46;
	--cl-green-900:		#064E3B;
	
	/* Blue */
	--cl-blue-50:		#EFF6FF;
	--cl-blue-100:		#DBEAFE;
	--cl-blue-200:		#BFDBFE;
	--cl-blue-300:		#93C5FD;
	--cl-blue-400:		#60A5FA;
	--cl-blue-500:		#3B82F6;
	--cl-blue-600:		#2563EB;
	--cl-blue-700:		#1D4ED8;
	--cl-blue-800:		#1E40AF;
	--cl-blue-900:		#1E3A8A;
	
	/* Indigo */
	--cl-indigo-50:		#EEF2FF;
	--cl-indigo-100:	#E0E7FF;
	--cl-indigo-200:	#C7D2FE;
	--cl-indigo-300:	#A5B4FC;
	--cl-indigo-400:	#818CF8;
	--cl-indigo-500:	#6366F1;
	--cl-indigo-600:	#4F46E5;
	--cl-indigo-700:	#4338CA;
	--cl-indigo-800:	#3730A3;
	--cl-indigo-900:	#312E81;
	
	/* Purple */
	--cl-purple-50:		#F5F3FF;
	--cl-purple-100:	#EDE9FE;
	--cl-purple-200:	#DDD6FE;
	--cl-purple-300:	#C4B5FD;
	--cl-purple-400:	#A78BFA;
	--cl-purple-500:	#8B5CF6;
	--cl-purple-600:	#7C3AED;
	--cl-purple-700:	#6D28D9;
	--cl-purple-800:	#5B21B6;
	--cl-purple-900:	#4C1D95;
	
	/* Pink */
	--cl-pink-50:		#FDF2F8;
	--cl-pink-100:		#FCE7F3;
	--cl-pink-200:		#FBCFE8;
	--cl-pink-300:		#F9A8D4;
	--cl-pink-400:		#F472B6;
	--cl-pink-500:		#EC4899;
	--cl-pink-600:		#DB2777;
	--cl-pink-700:		#BE185D;
	--cl-pink-800:		#9D174D;
	--cl-pink-900:		#831843;
}
:root {
  --a-bc-ui__elevation: 		var(--cl-white);
  --a-bt-ui__elevation: 		1px solid var(--cl-gray-100);
  --a-br-ui__elevation: 		1px solid var(--cl-gray-100);
  --a-bb-ui__elevation: 		1px solid var(--cl-gray-100);
  --a-bl-ui__elevation: 		1px solid var(--cl-gray-100);
  --a-bd-ui__elevation: 		3px;
  --a-co-ui__elevation: 		var(--cl-gray-900);
  --a-bc-ui__elevation-hover: 	var(--cl-blue-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ui__elevation: 		var(--cl-gray-900);
    --a-bt-ui__elevation: 		1px solid var(--cl-gray-800);
    --a-br-ui__elevation: 		1px solid var(--cl-gray-800);
    --a-bb-ui__elevation: 		1px solid var(--cl-gray-800);
    --a-bl-ui__elevation: 		1px solid var(--cl-gray-800);
    --a-co-ui__elevation: 		var(--cl-gray-500);
    --a-bc-ui__elevation-hover: var(--cl-blue-900);
    --a-co-ui__elevation-hover: var(--cl-white);
  }
}
:root {
  --a-co-ui__elevationkeyprompt: 	var(--cl-gray-700);
  --a-ff-ui__elevationkeyprompt: 	'iA Writer Mono S';
  --a-fs-ui__elevationkeyprompt: 	12px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ui__elevationkeyprompt: 	var(--cl-gray-600);
  }
}
:root {
  --a-co-ui__elevationicon: 	var(--cl-gray-700);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ui__elevationicon: 	var(--cl-gray-500);     
  }
}
:root {
  --a-bc-ui__popover: 		white;
  --a-bt-ui__popover: 		1px solid var(--cl-gray-100);
  --a-br-ui__popover: 		1px solid var(--cl-gray-100);
  --a-bb-ui__popover: 		1px solid var(--cl-gray-100);
  --a-bl-ui__popover: 		1px solid var(--cl-gray-100);
  --a-bd-ui__popover: 		3px;
  --a-co-ui__popoverarrow:	var(--cl-gray-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ui__popover: 	black;
    --a-bt-ui__popover: 	1px solid var(--cl-gray-800);
    --a-br-ui__popover: 	1px solid var(--cl-gray-800);
    --a-bb-ui__popover: 	1px solid var(--cl-gray-800);
    --a-bl-ui__popover: 	1px solid var(--cl-gray-800);
    --a-co-ui__popoverarrow:	var(--cl-gray-800);
  }
}
:root {
  --a-co-ui__popover: var(--cl-gray-900);
  --a-ff-ui__popover: 'iA Writer Quattro S';
  --a-bc-ui__popover-hover: var(--cl-blue-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ui__popover: var(--cl-gray-100);
    --a-bc-ui__popover-hover: var(--cl-blue-900);
    --a-co-ui__popover-hover: var(--cl-white);
  }
}
:root {
  --a-bc-ui__popoverbutton: 		transparent;
  --a-bt-ui__popoverbutton: 		1px solid var(--cl-gray-300);
  --a-br-ui__popoverbutton: 		1px solid var(--cl-gray-300);
  --a-bb-ui__popoverbutton: 		1px solid var(--cl-gray-300);
  --a-bl-ui__popoverbutton: 		1px solid var(--cl-gray-300);
  --a-bd-ui__popoverbutton: 		0px;
  --a-co-ui__popoverbutton: 		var(--cl-gray-500);
  --a-bc-ui__popoverbutton-hover: 	var(--cl-blue-100);
  --a-co-ui__popoverbutton-hover: 	inherit;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ui__popoverbutton: 		var(--cl-gray-700);
    --a-bt-ui__popoverbutton: 		1px solid var(--cl-gray-700);
    --a-br-ui__popoverbutton: 		1px solid var(--cl-gray-700);
    --a-bb-ui__popoverbutton: 		1px solid var(--cl-gray-700);
    --a-bl-ui__popoverbutton: 		1px solid var(--cl-gray-700);
    --a-co-ui__popoverbutton: 		var(--cl-gray-200);
    --a-bc-ui__popoverbutton-hover: var(--cl-blue-500);
    --a-co-ui__popoverbutton-hover: var(--cl-white); 
  }
}
:root {
  --a-bc-ui__popoversearch: var(--cl-gray-50);
  --a-bt-ui__popoversearch: 1px solid var(--cl-gray-100);
  --a-br-ui__popoversearch: 1px solid var(--cl-gray-100);
  --a-bb-ui__popoversearch: 1px solid var(--cl-gray-100);
  --a-bl-ui__popoversearch: 1px solid var(--cl-gray-100);
  --a-bd-ui__popoversearch: ;
  --a-co-ui__popoversearch: ;
  --a-ff-ui__popoversearch: 'iA Writer Quattro S';
  --a-fs-ui__popoversearch: inherit;
  --a-ft-ui__popoversearch: normal;
  --a-fw-ui__popoversearch: 400;
  --a-td-ui__popoversearch: ;
  --a-tt-ui__popoversearch: ;
  --a-bc-ui__popoversearch-focus: var(--cl-blue-50);
  --a-bt-ui__popoversearch-focus: 1px solid var(--cl-blue-100);
  --a-br-ui__popoversearch-focus: 1px solid var(--cl-blue-100);
  --a-bb-ui__popoversearch-focus: 1px solid var(--cl-blue-100);
  --a-bl-ui__popoversearch-focus: 1px solid var(--cl-blue-100);
  --a-bd-ui__popoversearch-focus: ;
  --a-co-ui__popoversearch-focus: ;
  --a-co-ui__popoversearchplaceholder: var(--cl-gray-500);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ui__popoversearch: var(--cl-gray-900);
    --a-bt-ui__popoversearch: 1px solid var(--cl-gray-700);
    --a-br-ui__popoversearch: 1px solid var(--cl-gray-700);
    --a-bb-ui__popoversearch: 1px solid var(--cl-gray-700);
    --a-bl-ui__popoversearch: 1px solid var(--cl-gray-700);
    --a-bc-ui__popoversearch-focus: var(--cl-gray-900);
    --a-bt-ui__popoversearch-focus: 1px solid var(--cl-blue-600);
    --a-br-ui__popoversearch-focus: 1px solid var(--cl-blue-600);
    --a-bb-ui__popoversearch-focus: 1px solid var(--cl-blue-600);
    --a-bl-ui__popoversearch-focus: 1px solid var(--cl-blue-600);  
  }
}
:root {
  --a-br-ui__popoverhr: var(--cl-gray-200);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-br-ui__popoverhr: var(--cl-gray-800);   
  }
}
:root {
  --a-co-ui__popoverhelp: var(--cl-gray-500);
}
:root {
  --a-bc-ui__tooltip: 		var(--cl-white);
  --a-bt-ui__tooltip: 		1px solid var(--cl-gray-100);
  --a-br-ui__tooltip: 		1px solid var(--cl-gray-100);
  --a-bb-ui__tooltip: 		1px solid var(--cl-gray-100);
  --a-bl-ui__tooltip: 		1px solid var(--cl-gray-100);  
  --a-bd-ui__tooltip:		3px;
  --a-co-ui__tooltip: 		var(--cl-gray-700);
  --a-ff-ui__tooltip: 		'iA Writer Quattro S';
  --a-bc-ui__tooltiparrow: 	var(--cl-gray-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ui__tooltip: 		var(--cl-black);
    --a-bt-ui__tooltip: 		1px solid var(--cl-black);
    --a-br-ui__tooltip: 		1px solid var(--cl-black);
    --a-bb-ui__tooltip: 		1px solid var(--cl-black);
    --a-bl-ui__tooltip: 		1px solid var(--cl-black);  
    --a-co-ui__tooltip: 		var(--cl-gray-300);
    --a-bc-ui__tooltiparrow: 	var(--cl-black);     
  }
}
:root {
  --a-bc-ui__card: 		var(--cl-white);
  --a-bt-ui__card: 		1px solid var(--cl-gray-100);
  --a-br-ui__card: 		1px solid var(--cl-gray-100);
  --a-bb-ui__card: 		1px solid var(--cl-gray-100);
  --a-bl-ui__card: 		1px solid var(--cl-gray-100);
  --a-bd-ui__card: 		3px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ui__card: 	var(--cl-black);
    --a-bt-ui__card: 	1px solid var(--cl-gray-800);
    --a-br-ui__card: 	1px solid var(--cl-gray-800);
    --a-bb-ui__card: 	1px solid var(--cl-gray-800);
    --a-bl-ui__card: 	1px solid var(--cl-gray-800);
    --a-bd-ui__card: 	3px; 
  }
}
:root {
  --a-bc-ui__controlindicator:			var(--cl-gray-500);
  --a-bc-ui__controlindicator-hover:	var(--cl-gray-700);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ui__controlindicator-hover:	var(--cl-gray-300);    
  }
}
:root{
  --a-bc-ui__button: var(--cl-gray-200);
  --a-co-ui__button: var(--cl-gray-500);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ui__button: var(--cl-gray-800);
    --a-co-ui__button: var(--cl-gray-500);     
  }
}
:root {
  --a-bc-ls:	var(--cl-gray-50);
  --a-br-ls:	1px solid var(--cl-gray-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ls:	var(--cl-gray-800);
    --a-br-ls:	1px solid var(--cl-gray-700);     
  }
}
:root {
  --a-co-ls__graphmenu: 			var(--cl-gray-700);
  --a-ff-ls__graphmenu: 			'iA Writer Quattro S';
  --a-fw-ls__graphmenu: 			400;
  --a-bc-ls__graphmenu-hover:		transparent;
  --a-co-ls__graphmenu-hover:		var(--cl-gray-700);
  --a-co-ls__graphmenuicon:			var(--cl-gray-500);
  --a-co-ls__graphmenuicon-hover:	var(--cl-red-500);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ls__graphmenu: 			var(--cl-gray-300);
    --a-co-ls__graphmenu-hover:		var(--cl-gray-300);
    --a-co-ls__graphmenuicon:		var(--cl-gray-500);
    --a-co-ls__graphmenuicon-hover:	var(--cl-red-500);
  }
}
:root {
  --a-co-ls__graphdropdown: 		var(--cl-gray-700);
  --a-ff-ls__graphdropdown: 		'iA Writer Quattro S';
  --a-bc-ls__graphdropdown-hover:	var(--cl-blue-100);
  --a-co-ls__graphdropdown-hover:	var(--cl-gray-700);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ls__graphdropdown: 		var(--cl-gray-300);
    --a-bc-ls__graphdropdown-hover:	var(--cl-blue-900);
    --a-co-ls__graphdropdown-hover:	var(--cl-gray-300);     
  }
}
:root {
  --a-co-ls__graphdropdowntitle: var(--cl-gray-400);
  --a-ff-ls__graphdropdowntitle: 'iA Writer Quattro S';
  --a-fs-ls__graphdropdowntitle: 12px;
  --a-fw-ls__graphdropdowntitle: 400;
  --a-tt-ls__graphdropdowntitle: uppercase;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ls__graphdropdowntitle: var(--cl-gray-600);
    --a-ff-ls__graphdropdowntitle: 'iA Writer Quattro S';
    --a-fs-ls__graphdropdowntitle: 12px;
    --a-fw-ls__graphdropdowntitle: 400;
    --a-tt-ls__graphdropdowntitle: uppercase;
  }
}
:root {
  --a-bc-ls__graphdropdownsetting: 			var(--cl-gray-100);
  --a-co-ls__graphdropdownsetting: 			var(--cl-gray-700);
  --a-ff-ls__graphdropdownsetting: 			'iA Writer Quattro S';
  --a-fs-ls__graphdropdownsetting: 			12px;	
  --a-fw-ls__graphdropdownsetting: 			400;
  --a-bc-ls__graphdropdownsetting-hover: 	var(--cl-blue-100);
  --a-co-ls__graphdropdownsetting-hover: 	var(--cl-gray-700);  
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ls__graphdropdownsetting: 		var(--cl-gray-900);
    --a-co-ls__graphdropdownsetting: 		var(--cl-gray-300);
    --a-bc-ls__graphdropdownsetting-hover: 	var(--cl-blue-900);
    --a-co-ls__graphdropdownsetting-hover: 	var(--cl-gray-300);       
  }
}
:root {
  --a-co-ls__graphdropdownsignout: var(--cl-gray-500);
  --a-ff-ls__graphdropdownsignout: 'iA Writer Quattro S';
  --a-fs-ls__graphdropdownsignout: 12px;
  --a-ft-ls__graphdropdownsignout: normal;
  --a-fw-ls__graphdropdownsignout: 400;
}
:root {
  --a-bc-ls__collapse:			transparent;
  --a-co-ls__collapse:			var(--cl-gray-500);
  --a-bc-ls__collapse-hover:	transparent;
  --a-co-ls__collapse-hover:	var(--cl-red-500);
}
:root {
  --a-co-ls__logbutton: 		var(--cl-gray-700);
  --a-ff-ls__logbutton: 		'iA Writer Quattro S';
  --a-fw-ls__logbutton: 		normal;
  --a-tt-ls__logbutton: 		lowercase;
  --a-bc-ls__logbutton-hover:	var(--cl-blue-100);
  --a-co-ls__logbutton-hover:	var(--cl-gray-700);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ls__logbutton: 		var(--cl-gray-300);
    --a-bc-ls__logbutton-hover:	var(--cl-blue-900);
    --a-co-ls__logbutton-hover:	var(--cl-gray-300);     
  }
}
:root {
  --a-bc-ls__hr: var(--cl-gray-100);
}

@media (prefers-color-scheme: dark) {
  :root {
     --a-bc-ls__hr: var(--cl-gray-700);
  }
}
:root {
  --a-co-ls__shortcutstitle: var(--cl-gray-300);
  --a-ff-ls__shortcutstitle: 'iA Writer Quattro S';
  --a-fs-ls__shortcutstitle: 14px;
  --a-tt-ls__shortcutstitle: uppercase;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ls__shortcutstitle: var(--cl-gray-700); 
  }
}
:root {
  --a-co-ls__shortcuts: 		var(--cl-gray-700);
  --a-ff-ls__shortcuts: 		'iA Writer Quattro S';
  --a-tt-ls__shortcuts: 		lowercase;
  --a-bc-ls__shortcuts-hover: 	var(--cl-blue-100);
  --a-co-ls__shortcuts-hover: 	var(--cl-gray-700);
  --a-bc-ls__shortcutsdropbar: 	var(--cl-red-700);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ls__shortcuts: 			var(--cl-gray-300);
    --a-ff-ls__shortcuts: 			'iA Writer Quattro S';
    --a-tt-ls__shortcuts: 			lowercase;
    --a-bc-ls__shortcuts-hover: 	var(--cl-blue-900);
    --a-co-ls__shortcuts-hover: 	var(--cl-gray-300);
    --a-bc-ls__shortcutsdropbar: 	var(--cl-red-300);
  }
}
:root {
  --a-co-ls__roamicon: 			var(--cl-gray-300);
  --a-bc-ls__roamicon-hover: 	var(--cl-blue-100);
  --a-fl-ls__roamicon:			0.2;
}

@media (prefers-color-scheme: dark) {
  :root {
      --a-co-ls__roamicon: 			var(--cl-gray-700);
      --a-bc-ls__roamicon-hover: 	var(--cl-blue-900);
      --a-fl-ls__roamicon:			0.7;     
  }
}
:root {
  --a-bc-tb:	var(--cl-white);
}

@media (prefers-color-scheme: dark) {
  :root {
     --a-bc-tb:	var(--cl-grey-900);
  }
}
:root {
  --a-bc-tb__sync-synced: 	var(--cl-green-500);
  --a-bc-tb__sync-local:	var(--cl-red-500);
  --a-bc-tb__sync-remote:	var(--cl-orange-500);		
}
:root {
  --a-bd-tb__searchcontainer: 3px;
}

@media (prefers-color-scheme: dark) {
  :root {
     --a-bc-tb__searchcontainer:	var(--cl-gray-800);
     --a-bt-tb__searchcontainer:	1px solid var(--cl-gray-700);
     --a-br-tb__searchcontainer:	1px solid var(--cl-gray-700);
     --a-bb-tb__searchcontainer:	1px solid var(--cl-gray-700);
     --a-bl-tb__searchcontainer:	1px solid var(--cl-gray-700);
  }
}
:root {
  --a-bc-tb__search: 				var(--cl-gray-50);
  --a-bt-tb__search: 				1px solid var(--cl-gray-100);
  --a-br-tb__search: 				1px solid var(--cl-gray-100);
  --a-bb-tb__search: 				1px solid var(--cl-gray-100);
  --a-bl-tb__search: 				1px solid var(--cl-gray-100);
  --a-bd-tb__search: 				3px;
  --a-co-tb__search: 				var(--cl-gray-900);
  --a-ff-tb__search: 				'iA Writer Quattro S';
  --a-co-tb__searchplaceholder:		var(--cl-gray-400);
  --a-bc-tb__search-focus:			var(--cl-blue-50);
  --a-bt-tb__search-focus: 			1px solid var(--cl-blue-100);
  --a-br-tb__search-focus: 			1px solid var(--cl-blue-100);
  --a-bb-tb__search-focus: 			1px solid var(--cl-blue-100);
  --a-bl-tb__search-focus: 			1px solid var(--cl-blue-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-tb__search: 				var(--cl-gray-800);
    --a-bt-tb__search: 				1px solid var(--cl-gray-700);
    --a-br-tb__search: 				1px solid var(--cl-gray-700);
    --a-bb-tb__search: 				1px solid var(--cl-gray-700);
    --a-bl-tb__search: 				1px solid var(--cl-gray-700);
    --a-bd-tb__search: 				3px;
    --a-co-tb__search: 				var(--cl-gray-100);
    --a-co-tb__searchplaceholder:	var(--cl-gray-400);
    --a-bc-tb__search-focus:		var(--cl-gray-800);
    --a-bt-tb__search-focus: 		1px solid var(--cl-blue-500);
    --a-br-tb__search-focus: 		1px solid var(--cl-blue-500);
    --a-bb-tb__search-focus: 		1px solid var(--cl-blue-500);
    --a-bl-tb__search-focus: 		1px solid var(--cl-blue-500);     
  }
}
:root {
  --a-co-tb__searchicon:		var(--cl-gray-500);
}
:root {
  --a-co-tb__findmenu: 			var(--cl-gray-900);
  --a-ff-tb__findmenu: 			'iA Writer Quattro S';
  --a-bc-tb__findmenu-hover:	var(--cl-blue-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-tb__findmenu: 		var(--cl-gray-500);
    --a-co-tb__findmenu-hover: 	var(--cl-white);
    --a-bc-tb__findmenu-hover:	var(--cl-blue-900);
    --a-bc-tb__findmenu:		var(--cl-black);
  }
}
:root {
  --a-co-tb__findmenulist: 		var(--cl-gray-700);
  --a-ff-tb__findmenulist: 		'iA Writer Quattro S';
  --a-bc-tb__findmenu-hl:		var(--cl-yellow-200);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-tb__findmenulist: 	var(--cl-gray-500);
    --a-bc-tb__findmenu-hl:		var(--cl-yellow-800);     
  }
}
:root {
  --a-co-tb__findmenulisttitle: var(--cl-gray-500);
}

@media (prefers-color-scheme: dark) {
  :root {
     --a-co-tb__findmenulisttitle: var(--cl-gray-400);
  }
}
:root {
  --a-co-tb__findmenunewpage: var(--cl-green-700);
  --a-ff-tb__findmenunewpage: 'iA Writer Quattro S';
  --a-fw-tb__findmenunewpage: bold;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-tb__findmenunewpage: var(--cl-green-700);
  }
}
:root {
  --a-bc-tb__icons:			transparent;
  --a-co-tb__icons:			var(--cl-gray-500);
  --a-bc-tb__icons-hover:	transparent;
  --a-co-tb__icons-hover:	var(--cl-red-500);
}
:root {
  --a-co-tb__helptitle: var(--cl-gray-700);
  --a-ff-tb__helptitle: 'iA Writer Quattro S';
  --a-fs-tb__helptitle: 16px;
  --a-fw-tb__helptitle: bold;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-tb__helptitle: var(--cl-gray-300);     
  }
}
:root {
  --a-bc-tb__helpsearch:			var(--cl-gray-50);
  --a-co-tb__helpsearch:			var(--cl-gray-700);
  --a-co-tb__helpsearchplaceholder:	var(--cl-gray-400);
  --a-co-tb__helpsearchicon:		var(--cl-gray-500);
  --a-bt-tb__helpsearch:			1px solid var(--cl-gray-100);
  --a-br-tb__helpsearch:			1px solid var(--cl-gray-100);
  --a-bb-tb__helpsearch:			1px solid var(--cl-gray-100);
  --a-bl-tb__helpsearch:			none;
  --a-bt-tb__helpsearchicon:		1px solid var(--cl-gray-100);
  --a-br-tb__helpsearchicon:		1px solid var(--cl-gray-100);
  --a-bb-tb__helpsearchicon:		1px solid var(--cl-gray-100);
  --a-bl-tb__helpsearchicon:		1px solid var(--cl-gray-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-tb__helpsearch:				var(--cl-gray-900);
    --a-co-tb__helpsearch:				var(--cl-gray-300);
    --a-co-tb__helpsearchplaceholder:	var(--cl-gray-600);
    --a-co-tb__helpsearchicon:			var(--cl-gray-500);
    --a-bt-tb__helpsearch:				1px solid var(--cl-gray-800);
    --a-br-tb__helpsearch:				1px solid var(--cl-gray-800);
    --a-bb-tb__helpsearch:				1px solid var(--cl-gray-800);
    --a-bl-tb__helpsearch:				none;
    --a-bt-tb__helpsearchicon:			1px solid var(--cl-gray-800);
    --a-br-tb__helpsearchicon:			1px solid var(--cl-gray-800);
    --a-bb-tb__helpsearchicon:			1px solid var(--cl-gray-800);
    --a-bl-tb__helpsearchicon:			1px solid var(--cl-gray-800);     
  }
}
:root {
  --a-co-tb__helpmenuitem: 			var(--cl-gray-700);
  --a-ff-tb__helpmenuitem: 			'iA Writer Quattro S';
  --a-bc-tb__helpmenuitem-hover:	var(--cl-blue-50);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-tb__helpmenuitem: 		var(--cl-gray-400);
    --a-bc-tb__helpmenuitem-hover:	var(--cl-blue-900);     
  }
}
:root {
  --a-co-tb__helpcategory: var(--cl-gray-400);
  --a-ff-tb__helpcategory: 'iA Writer Quattro S';
  --a-fw-tb__helpcategory: 400;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-tb__helpcategory: var(--cl-gray-600);     
  }
}
:root {
  --a-co-tb__helpresourcetitle: var(--cl-gray-700);
  --a-ff-tb__helpresourcetitle: 'iA Writer Quattro S';
  --a-tt-tb__helpresourcetitle: none;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-tb__helpresourcetitle: var(--cl-gray-300);
  }
}
:root {
  --a-co-tb__helpresourcedescription: var(--cl-gray-500);
  --a-ff-tb__helpresourcedescription: 'iA Writer Quattro S';
}
:root {
  --a-bc-tb__helpresourceicon: var(--cl-gray-100);
  --a-co-tb__helpresourceicon: var(--cl-gray-500);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-tb__helpresourceicon: var(--cl-gray-900);   
  }
}
:root {
  --a-bc-tb__helpresource: var(--cl-blue-50);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-tb__helpresource: var(--cl-blue-900);     
  }
}
:root {
  --a-co-tb__helpfunction: var(--cl-gray-700);
  --a-ff-tb__helpfunction: 'iA Writer Quattro S';
}

:root {
  --a-co-tb__helpcomponenttitle: var(--cl-gray-700);
  --a-ff-tb__helpcomponenttitle: 'iA Writer Quattro S';
  --a-fw-tb__helpcomponenttitle: bold;
}
:root {
  --a-co-tb__helpcomponentdesc: var(--cl-gray-700);
  --a-ff-tb__helpcomponentdesc: 'iA Writer Quattro S';
}
:root {
  --a-bc-tb__helpcomponent: var(--cl-gray-50);
  --a-co-tb__helpcomponent: var(--cl-gray-700);
  --a-ff-tb__helpcomponent: 'iA Writer Mono S';
}
:root {
  --a-co-tb__helpversion: var(--cl-gray-300);
  --a-ff-tb__helpversion: 'iA Writer Quattro S';
  --a-fw-tb__helpversion: normal;
}
:root {
  --a-bc-rs: 			var(--cl-blue-50);
  --a-bl-rs: 			1px solid var(--cl-blue-100);
  --a-bb-rs__window: 	1px solid var(--cl-gray-200);
}

@media (prefers-color-scheme: dark) {
  :root {
  	--a-bc-rs: 			var(--cl-gray-800);
  	--a-bl-rs: 			1px solid var(--cl-gray-700);
  	--a-bb-rs__window: 	1px solid var(--cl-gray-800);     
  }
}
:root {
  --a-bc-rs__icons:			transparent;
  --a-co-rs__icons:			var(--cl-gray-500);
  --a-bc-rs__icons-hover:	transparent;
  --a-co-rs__icons-hover:	var(--cl-red-500);
}
:root {
  --a-co-co__brackets:	var(--cl-gray-300);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-co__brackets:	var(--cl-gray-700);
  }
}
:root {
  --a-bc-co__blockhl-grey: 		var(--cl-gray-100); 
  --a-bc-co__blockhl-blue: 		var(--cl-blue-100);
  --a-bc-co__blockhl-yellow: 	var(--cl-yellow-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__blockhl-grey: 	var(--cl-gray-900); 
    --a-bc-co__blockhl-blue: 	var(--cl-blue-900);
    --a-bc-co__blockhl-yellow: 	var(--cl-yellow-900);     
  }
}
:root {
  --a-bc-co__blockref: 				transparent;
  --a-bb-co__blockref: 				1px solid var(--cl-gray-100);
  --a-bc-co__blockref-hover: 		var(--cl-blue-50);
  --a-co-co__blockrefcount:			var(--cl-black);
  --a-bc-co__blockrefcount-hover:	var(--cl-blue-100);
  --a-bc-co__blockrefcount-active:	var(--cl-blue-50);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bb-co__blockref: 				1px solid var(--cl-gray-700);
    --a-bc-co__blockref-hover: 			var(--cl-blue-900);
    --a-co-co__blockrefcount:			var(--cl-white);
    --a-bc-co__blockrefcount-hover:		var(--cl-blue-900);
    --a-bc-co__blockrefcount-active:	var(--cl-blue-900); 
  }
}
:root {
  --a-co-co__zoom: 		var(--cl-gray-500);
  --a-bc-co__zoommask: 	var(--cl-white);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__zoommask: 	var(--cl-black);     
  }
}
:root {
  --a-co-co__bulletinner: 				var(--cl-gray-200);
  --a-br-co__bulletclosed: 				4px solid var(--cl-gray-200);
  --a-co-co__bulletinner-focused:		var(--cl-red-500);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-co__bulletinner: 			var(--cl-gray-700);
    --a-br-co__bulletclosed: 			4px solid var(--cl-gray-700);
    --a-co-co__bulletinner-focused:		var(--cl-red-500);     
  }
}
:root {
  --a-co-co__caret: 	var(--cl-gray-700);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-co__caret: 	var(--cl-gray-300);     
  }
}
:root {
  --a-co-co__aliasexternal: 		var(--cl-gray-500);
  --a-ff-co__aliasexternal: 		'iA Writer Quattro S';
  --a-co-co__aliasexternal-hover:	var(--cl-gray-500);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-co__aliasexternal: 		var(--cl-gray-400);
    --a-co-co__aliasexternal-hover:	var(--cl-gray-400);   
  }
}
:root {
  --a-co-co__heading1: var(--cl-gray-700);
  --a-ff-co__heading1: 'iA Writer Quattro S';
  --a-fs-co__heading1: 14px;
  --a-fw-co__heading1: 600;
  --a-co-co__heading2: var(--cl-gray-700);
  --a-ff-co__heading2: 'iA Writer Quattro S';
  --a-fs-co__heading2: 14px;
  --a-ft-co__heading2: italic;
  --a-fw-co__heading2: 600;
  --a-co-co__heading3: var(--cl-gray-700);
  --a-ff-co__heading3: 'iA Writer Quattro S';
  --a-fs-co__heading3: 14px;
  --a-ft-co__heading3: italic;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-co__heading1: var(--cl-gray-300);
    --a-co-co__heading2: var(--cl-gray-300);
    --a-co-co__heading3: var(--cl-gray-300);
  }
}
:root {
  --a-bc-co__highlight: 	var(--cl-yellow-200);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__highlight: 	#78350F;
  }
}
:root {
  --a-br-co__hr: 	.5px solid var(--cl-gray-200);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-br-co__hr: 	.5px solid var(--cl-gray-700);
  }
}
:root {
  --a-bc-co__icons:			transparent;
  --a-co-co__icons:			var(--cl-gray-500);
  --a-bc-co__icons-hover:	transparent;
  --a-co-co__icons-hover:	var(--cl-red-500);
}
:root {
  --a-bc-co__inlinecode: var(--cl-gray-50);
  --a-bt-co__inlinecode: 1px solid var(--cl-gray-100);
  --a-br-co__inlinecode: 1px solid var(--cl-gray-100);
  --a-bb-co__inlinecode: 1px solid var(--cl-gray-100);
  --a-bl-co__inlinecode: 1px solid var(--cl-gray-100);
  --a-bd-co__inlinecode: 5px;
  --a-co-co__inlinecode: var(--cl-gray-700);
  --a-ff-co__inlinecode: 'iA Writer Mono S';
  --a-fs-co__inlinecode: 13px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__inlinecode: var(--cl-gray-800);
    --a-bt-co__inlinecode: 1px solid var(--cl-gray-700);
    --a-br-co__inlinecode: 1px solid var(--cl-gray-700);
    --a-bb-co__inlinecode: 1px solid var(--cl-gray-700);
    --a-bl-co__inlinecode: 1px solid var(--cl-gray-700);
    --a-co-co__inlinecode: var(--cl-gray-300);     
  }
}
:root {
  --a-bc-co__inlineref:			var(--cl-blue-50);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__inlineref:		var(--cl-blue-900);
  }
}
:root {
  --a-co-co__internallink: var(--cl-red-500);
  --a-ff-co__internallink: 'iA Writer Quattro S';
  --a-ft-co__internallink: normal;
  --a-co-co__internallink-hover: var(--cl-red-500);
  --a-td-co__internallink-hover: none;
}
:root {
  --a-co-co__references: 	var(--cl-gray-700);
  --a-ff-co__references: 	'iA Writer Quattro S';
  --a-fs-co__references: 	14px;
  --a-ft-co__references:	italic;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-co__references: 	var(--cl-gray-300);   
  }
}
:root {
  --a-br-co__logpage:	var(--cl-gray-200);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-br-co__logpage:	var(--cl-gray-800); 
  }
}
:root {
  --a-br-co__multibar:		 	1px solid var(--cl-gray-100);
  --a-br-co__multibar-hover: 	3px solid var(--cl-red-500);
}

@media (prefers-color-scheme: dark) {
  :root {
     --a-br-co__multibar:		1px solid var(--cl-gray-700);
     --a-br-co__multibar-hover: 3px solid var(--cl-red-500);
  }
}
:root {
  --a-co-co__pagetitle: var(--cl-gray-700);
  --a-ff-co__pagetitle: 'iA Writer Quattro S';
  --a-fs-co__pagetitle: 24px;
  --a-fw-co__pagetitle: 400;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-co__pagetitle: var(--cl-gray-300); 
  }
}
:root {
  --a-bc-co__referenceitem: var(--cl-blue-50);
  --a-co-co__referenceitem: var(--cl-gray-700);
  --a-ff-co__referenceitem: 'iA Writer Quattro S';
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__referenceitem: var(--cl-gray-800);
    --a-co-co__referenceitem: var(--cl-gray-300);     
  }
}
:root {
  --a-co-co__refpagetitle: var(--cl-gray-700);
  --a-ff-co__refpagetitle: 'iA Writer Quattro S';
  --a-fs-co__refpagetitle: 14px;
  --a-td-co__refpagetitle: none;
}
@media (prefers-color-scheme: dark) {
  :root {
     --a-co-co__refpagetitle: var(--cl-gray-300);
  }
}
:root {
  --a-co-co__tag: var(--cl-gray-500);
  --a-ff-co__tag: 'iA Writer Quattro S';
  --a-fs-co__tag: ;
  --a-ft-co__tag: ;
  --a-fw-co__tag: ;
  --a-td-co__tag: ;
  --a-tt-co__tag: ;
}
:root {
  --a-co-co__block: 	var(--cl-gray-900);
  --a-ff-co__block: 	'iA Writer Quattro S';
  --a-bc-co__dropbar:	var(--cl-red-700);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__block: 	var(--cl-gray-900);
    --a-co-co__block: 	var(--cl-gray-100);
    --a-bc-co__dropbar:	var(--cl-red-300);     
  }
}
:root {
  --a-bc-ap__button:		transparent;
  --a-co-ap__button:		var(--cl-gray-500);
  --a-bc-ap__button-hover:	transparent;
  --a-co-ap__button-hover:	var(--cl-red-500);
}
:root {
  --a-bc-ap__search: 			var(--cl-gray-50);
  --a-bt-ap__search: 			1px solid var(--cl-gray-100);
  --a-br-ap__search: 			1px solid var(--cl-gray-100);
  --a-bb-ap__search: 			1px solid var(--cl-gray-100);
  --a-bl-ap__search: 			1px solid var(--cl-gray-100);
  --a-bd-ap__search: 			5px;
  --a-co-ap__search: 			var(--cl-gray-700);
  --a-ff-ap__search:			'iA Writer Quattro S';
  --a-co-ap__searchplaceholder: var(--cl-gray-400);
  --a-co-ap__searchicon: 		var(--cl-gray-500);
  --a-bc-ap__search-focus: 		var(--cl-blue-50);
  --a-bt-ap__search-focus: 		1px solid var(--cl-blue-100);
  --a-br-ap__search-focus: 		1px solid var(--cl-blue-100);
  --a-bb-ap__search-focus: 		1px solid var(--cl-blue-100);
  --a-bl-ap__search-focus: 		1px solid var(--cl-blue-100);
}

@media (prefers-color-scheme: dark) {
  :root {
  --a-bc-ap__search: 			var(--cl-gray-800);
  --a-bt-ap__search: 			1px solid var(--cl-gray-700);
  --a-br-ap__search: 			1px solid var(--cl-gray-700);
  --a-bb-ap__search: 			1px solid var(--cl-gray-700);
  --a-bl-ap__search: 			1px solid var(--cl-gray-700);
  --a-bd-ap__search: 			5px;
  --a-co-ap__search: 			var(--cl-gray-100);
  --a-ff-ap__search:			'iA Writer Quattro S';
  --a-co-ap__searchplaceholder: var(--cl-gray-400);
  --a-co-ap__searchicon: 		var(--cl-gray-500);
  --a-bc-ap__search-focus: 		var(--cl-gray-800);
  --a-bt-ap__search-focus: 		1px solid var(--cl-blue-500);
  --a-br-ap__search-focus: 		1px solid var(--cl-blue-500);
  --a-bb-ap__search-focus: 		1px solid var(--cl-blue-500);
  --a-bl-ap__search-focus: 		1px solid var(--cl-blue-500);     
  }
}
:root {
  --a-bc-ap__rowheader: var(--cl-gray-100);
  --a-bd-ap__rowheader: 0px;
  --a-co-ap__rowheader: var(--cl-gray-700);
  --a-ff-ap__rowheader: 'iA Writer Quattro S';
  --a-fs-ap__rowheader: 12px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ap__rowheader: var(--cl-gray-800);
    --a-co-ap__rowheader: var(--cl-gray-300);     
  }
}
:root {
  --a-bc-ap__title: var(--cl-blue-100);
  --a-br-ap__title: 1px solid var(--cl-blue-200);
  --a-bl-ap__title: 1px solid var(--cl-blue-200);
  --a-co-ap__title: var(--cl-gray-700);
  --a-ff-ap__title: 'iA Writer Quattro S';
  --a-fs-ap__title: 12px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ap__title: var(--cl-gray-800);
    --a-br-ap__title: 1px solid var(--cl-black);
    --a-bl-ap__title: 1px solid var(--cl-black);
    --a-co-ap__title: var(--cl-gray-300);     
  }
}
:root {
  --a-co-ap__sortedheader: var(--cl-gray-700);
  --a-ff-ap__sortedheader: 'iA Writer Quattro S';
  --a-fw-ap__sortedheader: bold;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ap__sortedheader: var(--cl-gray-300);   
  }
}
:root {
  --a-co-ap__sorticon: 			var(--cl-gray-500);
  --a-co-ap__sorticon-focused:	var(--cl-red-500);
}
:root {
  --a-bc-ap__titlecolumn: var(--cl-blue-50);
  --a-br-ap__titlecolumn: 1px solid var(--cl-blue-100);
  --a-bl-ap__titlecolumn: 1px solid var(--cl-blue-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ap__titlecolumn: var(--cl-gray-700);     
    --a-br-ap__titlecolumn: 1px solid var(--cl-black);
    --a-bl-ap__titlecolumn: 1px solid var(--cl-black);
  }
}
:root {
  --a-co-ap__titlechildren: var(--cl-gray-500);
  --a-ff-ap__titlechildren: 'iA Writer Quattro S';
  --a-fs-ap__titlechildren: 12px;
  --a-ft-ap__titlechildren: normal;
}
:root {
  --a-co-ap__pagescol: var(--cl-gray-700);
  --a-ff-ap__pagescol: 'iA Writer Quattro S';
  --a-fs-ap__pagescol: 12px;
}

:root {
  --a-co-ap__pagescol: var(--cl-gray-300);
}
:root {
  --a-bc-ap_checkbox: 				var(--cl-white);
  --a-bt-ap_checkbox: 				1px solid var(--cl-gray-100);
  --a-br-ap_checkbox: 				1px solid var(--cl-gray-100);
  --a-bb-ap_checkbox: 				1px solid var(--cl-gray-100);
  --a-bl-ap_checkbox: 				1px solid var(--cl-gray-100);
  --a-bc-ap_checkbox-hover: 		var(--cl-blue-100);
  --a-bc-ap_checkbox-checked: 		var(--cl-gray-500);
  --a-bc-ap_checkbox-checkedhover: 	var(--cl-blue-500);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-ap_checkbox: 				var(--cl-black);
    --a-bt-ap_checkbox: 				1px solid var(--cl-gray-900);
    --a-br-ap_checkbox: 				1px solid var(--cl-gray-900);
    --a-bb-ap_checkbox: 				1px solid var(--cl-gray-900);
    --a-bl-ap_checkbox: 				1px solid var(--cl-gray-900);
    --a-bc-ap_checkbox-hover: 			var(--cl-blue-900);
  }
}
:root {
  --a-bc-ap__pagesrow: var(--cl-gray-50);
  --a-bb-ap__pagesrow: 1px solid var(--cl-white);
}

@media (prefers-color-scheme: dark) {
  :root {
  	--a-bc-ap__pagesrow: var(--cl-gray-800);
  	--a-bb-ap__pagesrow: 1px solid var(--cl-black);     
  }
}
:root {
  --a-co-ap__titletext: var(--cl-gray-700);
  --a-ff-ap__titletext: 'iA Writer Quattro S';
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-ap__titletext: var(--cl-gray-300);   
  }
}
:root {
  --a-bc-ap__pill: var(--cl-blue-500);
  --a-bd-ap__pill: 20px;
  --a-co-ap__pill: white;
  --a-ff-ap__pill: 'iA Writer Quattro S';
}
:root {
  --a-co-co__calc: var(--cl-green-700);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-co-co__calc: var(--cl-green-300);     
  }
}
:root {
  --a-bc-co__codeblock:				var(--cl-blue-50);
  --a-co-co__codeblock: 			var(--cl-gray-900);
  --a-ff-co__codeblock: 			'iA Writer Mono S';
  --a-fs-co__codeblock: 			;
  --a-ft-co__codeblock: 			;
  --a-fw-co__codeblock: 			;
  --a-td-co__codeblock: 			;
  --a-tt-co__codeblock: 			;
  --a-co-co__codeblocklinenumber: 	var(--cl-gray-300);
  --a-br-co__codeblockgutters:		2px solid white;
  --a-br-co__codeblockcursor:		1px solid var(--cl-gray-700);
  --a-bc-co__codeblockactiveline:	var(--cl-gray-100);
  --a-bc-co__codeblockselected:		var(--cl-green-200);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__codeblock:			var(--cl-gray-800);
    --a-co-co__codeblock: 			var(--cl-gray-100);
    --a-co-co__codeblocklinenumber: var(--cl-gray-700);
    --a-br-co__codeblockgutters:	2px solid var(--cl-gray-900);
    --a-br-co__codeblockcursor:		1px solid var(--cl-red-500);
    --a-bc-co__codeblockactiveline:	var(--cl-gray-800);
    --a-bc-co__codeblockselected:	var(--cl-green-200);     
  }
}
:root {  
  --fg-code:					var(--cl-gray-400);
  --fg-code-header:				var(--cl-blue-500);
  --fg-code-quote:				var(--cl-green-500);
  --fg-code-negative:			var(--cl-green-500);
  --fg-code-positive:			var(--cl-green-500);
  --fg-code-keyword:			var(--cl-purple-500);
  --fg-code-atom:				var(--cl-blue-500);
  --fg-code-number:				var(--cl-green-500);
  --fg-code-def:				var(--cl-blue-500);
  --fg-code-variable-2:			var(--cl-blue-700);
  --fg-code-variable-3:			var(--cl-green-500);
  --fg-code-comment:			var(--cl-yellow-700);
  --fg-code-string:				var(--cl-green-500);
  --fg-code-string-2:			var(--cl-pink-500);
  --fg-code-meta:				var(--cl-gray-400);
  --fg-code-qualifier:			var(--cl-gray-400);
  --fg-code-builtin:			var(--cl-pink-500);
  --fg-code-bracket:			var(--cl-gray-500);
  --fg-code-tag:				var(--cl-green-500);
  --fg-code-attribute:			var(--cl-blue-500);
  --fg-code-hr:					var(--cl-gray-600);
  --fg-code-link:				var(--cl-blue-500);
  --fg-code-error:				var(--cl-green-500);
  --fg-code-invalidchar:		var(--cl-green-500);
  --fg-code-matchingbracket: 	var(--cl-green-500);
  --fg-code-nonmatchingbracket:	var(--cl-green-500);
}

@media (prefers-color-scheme: dark) {
  :root {  
    --fg-code:						var(--cl-gray-300);
    --fg-code-header:				var(--cl-blue-500);
    --fg-code-quote:				var(--cl-green-500);
    --fg-code-negative:				var(--cl-green-500);
    --fg-code-positive:				var(--cl-green-500);
    --fg-code-keyword:				var(--cl-purple-500);
    --fg-code-atom:					var(--cl-blue-500);
    --fg-code-number:				var(--cl-green-500);
    --fg-code-def:					var(--cl-blue-500);
    --fg-code-variable-2:			var(--cl-blue-300);
    --fg-code-variable-3:			var(--cl-green-500);
    --fg-code-comment:				var(--cl-yellow-700);
    --fg-code-string:				var(--cl-green-500);
    --fg-code-string-2:				var(--cl-orange-500);
    --fg-code-meta:					var(--cl-gray-400);
    --fg-code-qualifier:			var(--cl-gray-400);
    --fg-code-builtin:				var(--cl-pink-500);
    --fg-code-bracket:				var(--cl-gray-500);
    --fg-code-tag:					var(--cl-green-500);
    --fg-code-attribute:			var(--cl-blue-500);
    --fg-code-hr:					var(--cl-gray-600);
    --fg-code-link:					var(--cl-blue-500);
    --fg-code-error:				var(--cl-green-500);
    --fg-code-invalidchar:			var(--cl-green-500);
    --fg-code-matchingbracket: 		var(--cl-green-500);
    --fg-code-nonmatchingbracket:	var(--cl-green-500);
  }
}
:root {
  --a-bc-co__embed1:	var(--cl-gray-50);
  --a-bc-co__embed2:	var(--cl-blue-50);
  --a-bc-co__embed3:	var(--cl-green-50);
  --a-bc-co__embed4:	var(--cl-yellow-50);
  --a-bc-co__embed5:	var(--cl-red-50);
}
:root {
  --a-bc-co__kanbanboard: var(--cl-gray-50);
  --a-bc-co__kanbancolumn: var(--cl-gray-200);
  --a-co-co__kanbancolumn: var(--cl-gray-700);
  --a-ff-co__kanbancolumn: 'iA Writer Quattro S';
  --a-bc-co__kanbancard: var(--cl-blue-50);
  --a-bt-co__kanbancard: 1px solid var(--cl-blue-200);
  --a-br-co__kanbancard: 1px solid var(--cl-blue-200);
  --a-bb-co__kanbancard: 1px solid var(--cl-blue-200);
  --a-bl-co__kanbancard: 1px solid var(--cl-blue-200);
  --a-co-co__kanbancard: var(--cl-gray-700);
  --a-ff-co__kanbancard: 'iA Writer Quattro S';
  --a-bc-co__kanbantitle: transparent;
  --a-bb-co__kanbantitle: 1px solid var(--cl-gray-300);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__kanbanboard: 	var(--cl-gray-800);
    --a-bc-co__kanbancolumn: 	var(--cl-gray-700);
    --a-co-co__kanbancolumn: 	var(--cl-gray-300);
    --a-bc-co__kanbancard: 		var(--cl-blue-900);
    --a-bt-co__kanbancard: 		1px solid var(--cl-blue-900);
    --a-br-co__kanbancard: 		1px solid var(--cl-blue-900);
    --a-bb-co__kanbancard: 		1px solid var(--cl-blue-900);
    --a-bl-co__kanbancard: 		1px solid var(--cl-blue-900);
    --a-co-co__kanbancard: 		var(--cl-gray-300);
    --a-bc-co__kanbantitle: 	transparent;
    --a-bb-co__kanbantitle: 	1px solid var(--cl-gray-800);     
  }
}
:root {
  --a-bc-co__checkmark-checked: var(--cl-gray-500);
  --a-br-co__checkmark: 1px solid var(--cl-gray-500);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__checkmark-checked: var(--cl-gray-500);
    --a-br-co__checkmark: 1px solid var(--cl-gray-700);
  }
}
:root {
  --a-bc-sb__query: var(--cl-white);
  --a-bt-sb__query: 1px solid var(--cl-gray-100);
  --a-br-sb__query: 1px solid var(--cl-gray-100);
  --a-bb-sb__query: 1px solid var(--cl-gray-100);
  --a-bl-sb__query: 1px solid var(--cl-gray-100);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-sb__query: var(--cl-gray-900);
    --a-bt-sb__query: 1px solid var(--cl-gray-600);
    --a-br-sb__query: 1px solid var(--cl-gray-600);
    --a-bb-sb__query: 1px solid var(--cl-gray-600);
    --a-bl-sb__query: 1px solid var(--cl-gray-600);     
  }
}
:root {
  --a-bc-sb__querytitle: var(--cl-gray-50);
  --a-bb-sb__querytitle: 1px solid var(--cl-gray-100);
  --a-co-sb__querytitle: var(--cl-gray-500);
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-sb__querytitle: var(--cl-gray-800);
    --a-bb-sb__querytitle: 1px solid var(--cl-gray-600);
    --a-co-sb__querytitle: var(--cl-gray-500);     
  }
}
:root {
  --a-bc-co__quote: var(--cl-blue-50);
  --a-bt-co__quote: 1px solid var(--cl-blue-200);
  --a-br-co__quote: 1px solid var(--cl-blue-200);
  --a-bb-co__quote: 1px solid var(--cl-blue-200);
  --a-bl-co__quote: 1px solid var(--cl-blue-200);
  --a-ff-co__quote: 'iA Writer Quattro S';
  --a-fs-co__quote: 14px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --a-bc-co__quote: var(--cl-gray-800);
    --a-bt-co__quote: 1px solid var(--cl-gray-700);
    --a-br-co__quote: 1px solid var(--cl-gray-700);
    --a-bb-co__quote: 1px solid var(--cl-gray-700);
    --a-bl-co__quote: 1px solid var(--cl-gray-700);     
  }
}
:root {
  --a-bc-co__version: var(--cl-gray-500);
}
.bp3-elevation-3 {
  background-color:	var(--a-bc-ui__elevation, var(--s-bc-ui__elevation, #fff))!important; 
  border-top:		var(--a-bt-ui__elevation, var(--s-bt-ui__elevation, 1px solid #ccc));
  border-right:		var(--a-br-ui__elevation, var(--s-br-ui__elevation, 1px solid #ccc));
  border-bottom:	var(--a-bb-ui__elevation, var(--s-bb-ui__elevation, 1px solid #ccc));
  border-left:		var(--a-bl-ui__elevation, var(--s-bl-ui__elevation, 1px solid #ccc));
  border-radius:	var(--a-bd-ui__elevation, var(--s-bd-ui__elevation, 5px));
}

.bp3-elevation-3 div {
  color:			var(--a-co-ui__elevation, var(--s-co-ui__elevation, inherit));  
  font-family:		var(--a-ff-ui__elevation, var(--s-ff-ui__elevation, inherit));
  font-size: 		var(--a-fs-ui__elevation, var(--s-fs-ui__elevation, inherit));
  font-style:		var(--a-ft-ui__elevation, var(--s-ft-ui__elevation, inherit));
  font-weight:		var(--a-fw-ui__elevation, var(--s-fw-ui__elevation, inherit));
  text-decoration:	var(--a-td-ui__elevation, var(--s-td-ui__elevation, none)); 
  text-transform:	var(--a-tt-ui__elevation, var(--s-tt-ui__elevation, none));      
}

.bp3-elevation-3 div.dont-unfocus-block:hover {
  background-color:	var(--a-bc-ui__elevation-hover, var(--s-bc-ui__elevation-hover, #fff))!important; 
  color:			var(--a-co-ui__elevation-hover, var(--s-co-ui__elevation-hover, #202B33)); 
}

.bp3-elevation-3 div.dont-unfocus-block:hover div {
  color:			var(--a-co-ui__elevation-hover, var(--s-co-ui__elevation-hover, #202B33)); 
}
.rm-icon-key-prompt {
  color:			var(--a-co-ui__elevationkeyprompt, var(--s-co-ui__elevationkeyprompt, inherit));  
  font-family:		var(--a-ff-ui__elevationkeyprompt, var(--s-ff-ui__elevationkeyprompt, inherit));
  font-size: 		var(--a-fs-ui__elevationkeyprompt, var(--s-fs-ui__elevationkeyprompt, inherit))!important;
  font-style:		var(--a-ft-ui__elevationkeyprompt, var(--s-ft-ui__elevationkeyprompt, inherit));
  font-weight:		var(--a-fw-ui__elevationkeyprompt, var(--s-fw-ui__elevationkeyprompt, inherit));
  text-decoration:	var(--a-td-ui__elevationkeyprompt, var(--s-td-ui__elevationkeyprompt, none)); 
  text-transform:	var(--a-tt-ui__elevationkeyprompt, var(--s-tt-ui__elevationkeyprompt, none));      
}
.bp3-elevation-3 .bp3-icon {
  color:			var(--a-co-ui__elevationicon, var(--s-co-ui__elevationicon, inherit));  
}
/* .bp3-popover > .bp3-popover-content .bp3-menu, */
.bp3-popover > .bp3-popover-content {
  background-color:	var(--a-bc-ui__popover, var(--s-bc-ui__popover, #fff)); 
  border-top:		var(--a-bt-ui__popover, var(--s-bt-ui__popover, none));
  border-right:		var(--a-br-ui__popover, var(--s-br-ui__popover, none));
  border-bottom:	var(--a-bb-ui__popover, var(--s-bb-ui__popover, none));
  border-left:		var(--a-bl-ui__popover, var(--s-bl-ui__popover, none));
  border-radius:	var(--a-bd-ui__popover, var(--s-bd-ui__popover, none));  
}

.bp3-popover .bp3-popover-arrow .bp3-popover-arrow-fill {
  fill: 			var(--a-co-ui__popoverarrow, var(--s-co-ui__popoverarrow, #fff));  
}
.bp3-popover > .bp3-popover-content div,
.bp3-popover > .bp3-popover-content .bp3-menu .bp3-menu-item div,
.bp3-popover > .bp3-popover-content .bp3-menu-item div{
  color:			var(--a-co-ui__popover, var(--s-co-ui__popover, inherit));  
  font-family:		var(--a-ff-ui__popover, var(--s-ff-ui__popover, 'Inter Var'));
  font-size: 		var(--a-fs-ui__popover, var(--s-fs-ui__popover, 14px));
  font-style:		var(--a-ft-ui__popover, var(--s-ft-ui__popover, normal));
  font-weight:		var(--a-fw-ui__popover, var(--s-fw-ui__popover, normal));
  text-decoration:	var(--a-td-ui__popover, var(--s-td-ui__popover, none)); 
  text-transform:	var(--a-tt-ui__popover, var(--s-tt-ui__popover, none));      
}

.bp3-popover > .bp3-popover-content .bp3-menu .bp3-menu-item:hover,
.bp3-popover > .bp3-popover-content .bp3-menu-item:hover {
  background-color:	var(--a-bc-ui__popover-hover, var(--s-bc-ui__popover-hover, rgba(167,182,194,0.3))); 
}

.bp3-popover > .bp3-popover-content .bp3-menu .bp3-menu-item:hover div,
.bp3-popover > .bp3-popover-content .bp3-menu-item:hover div{
  color:			var(--a-co-ui__popover-hover, var(--s-co-ui__popover-hover, inherit));  
}
.bp3-popover-content .bp3-button:not([class*="bp3-intent-"]) {
  background-color:	var(--a-bc-ui__popoverbutton, var(--s-bc-ui__popoverbutton, inherit)); 
  border-top:		var(--a-bt-ui__popoverbutton, var(--s-bt-ui__popoverbutton, none));
  border-right:		var(--a-br-ui__popoverbutton, var(--s-br-ui__popoverbutton, none));
  border-bottom:	var(--a-bb-ui__popoverbutton, var(--s-bb-ui__popoverbutton, none))!important;
  border-left:		var(--a-bl-ui__popoverbutton, var(--s-bl-ui__popoverbutton, none));
  border-radius:	var(--a-bd-ui__popoverbutton, var(--s-bd-ui__popoverbutton, none));
  color:			var(--a-co-ui__popoverbutton, var(--s-co-ui__popoverbutton, inherit));  
  font-family:		var(--a-ff-ui__popoverbutton, var(--s-ff-ui__popoverbutton, inherit));
  font-size: 		var(--a-fs-ui__popoverbutton, var(--s-fs-ui__popoverbutton, inherit));
  font-style:		var(--a-ft-ui__popoverbutton, var(--s-ft-ui__popoverbutton, inherit));
  font-weight:		var(--a-fw-ui__popoverbutton, var(--s-fw-ui__popoverbutton, inherit));
  text-decoration:	var(--a-td-ui__popoverbutton, var(--s-td-ui__popoverbutton, none)); 
  text-transform:	var(--a-tt-ui__popoverbutton, var(--s-tt-ui__popoverbutton, none));      
}

.bp3-popover-content .bp3-button:not([class*="bp3-intent-"]):hover {
  background-color:	var(--a-bc-ui__popoverbutton-hover, var(--s-bc-ui__popoverbutton-hover, rgba(167,182,194,0.3))); 
  color:			var(--a-co-ui__popoverbutton-hover, var(--s-co-ui__popoverbutton-hover, black));  
}
.bp3-popover-content .bp3-input {
  background-color:	var(--a-bc-ui__popoversearch, var(--s-bc-ui__popoversearch, #fff)); 
  border-top:		var(--a-bt-ui__popoversearch, var(--s-bt-ui__popoversearch, 1px solid #ededee));
  border-right:		var(--a-br-ui__popoversearch, var(--s-br-ui__popoversearch, 1px solid #ededee));
  border-bottom:	var(--a-bb-ui__popoversearch, var(--s-bb-ui__popoversearch, 1px solid #ededee));
  border-left:		var(--a-bl-ui__popoversearch, var(--s-bl-ui__popoversearch, 1px solid #ededee));
  border-radius:	var(--a-bd-ui__popoversearch, var(--s-bd-ui__popoversearch, 0px));
  color:			var(--a-co-ui__popoversearch, var(--s-co-ui__popoversearch, #182026));  
  font-family:		var(--a-ff-ui__popoversearch, var(--s-ff-ui__popoversearch, 'Inter Var'));
  font-size: 		var(--a-fs-ui__popoversearch, var(--s-fs-ui__popoversearch, 14px));
  font-style:		var(--a-ft-ui__popoversearch, var(--s-ft-ui__popoversearch, normal));
  font-weight:		var(--a-fw-ui__popoversearch, var(--s-fw-ui__popoversearch, normal));
  text-decoration:	var(--a-td-ui__popoversearch, var(--s-td-ui__popoversearch, none)); 
  text-transform:	var(--a-tt-ui__popoversearch, var(--s-tt-ui__popoversearch, none));      
}

.bp3-popover-content .bp3-input:focus,
.bp3-popover-content .bp3-input:active {
  background-color:	var(--a-bc-ui__popoversearch-focus, var(--s-bc-ui__popoversearch-focus, #fff)); 
  border-top:		var(--a-bt-ui__popoversearch-focus, var(--s-bt-ui__popoversearch-focus, 1px solid #137cbd));
  border-right:		var(--a-br-ui__popoversearch-focus, var(--s-br-ui__popoversearch-focus, 1px solid #137cbd));
  border-bottom:	var(--a-bb-ui__popoversearch-focus, var(--s-bb-ui__popoversearch-focus, 1px solid #137cbd));
  border-left:		var(--a-bl-ui__popoversearch-focus, var(--s-bl-ui__popoversearch-focus, 1px solid #137cbd));
  border-radius:	var(--a-bd-ui__popoversearch-focus, var(--s-bd-ui__popoversearch-focus, 0px));
  color:			var(--a-co-ui__popoversearch-focus, var(--s-co-ui__popoversearch-focus, #182026));  
}

.bp3-popover-content .bp3-input::placeholder {
  color:			var(--a-co-ui__popoversearchplaceholder, var(--s-co-ui__popoversearchplaceholder, darkgray))!important; 
}
.bp3-popover-content .rm-line {
  border-color:	var(--a-br-ui__popoverhr, var(--s-br-ui-popoverhr), rgb(41, 55, 66))!important;
}
div.bp3-popover-content > div > div > div.flex-h-box > div:nth-child(3) > div:nth-child(1) > div,
div.bp3-popover-content > div > div > div.flex-h-box > div:nth-child(1) > div:nth-child(1) > div {
  color: var(--a-co-ui__popoverhelp, var(--a-co-ui__popoverhelp, rgb(167, 182, 194)))!important;
}
.bp3-tooltip > .bp3-popover-content {
  background-color:	var(--a-bc-ui__tooltip, var(--s-bc-ui__tooltip, #394b59)); 
  border-top:		var(--a-bt-ui__tooltip, var(--s-bt-ui__tooltip, none));
  border-right:		var(--a-br-ui__tooltip, var(--s-br-ui__tooltip, none));
  border-bottom:	var(--a-bb-ui__tooltip, var(--s-bb-ui__tooltip, none));
  border-left:		var(--a-bl-ui__tooltip, var(--s-bl-ui__tooltip, none));
  border-radius:	var(--a-bd-ui__tooltip, var(--s-bd-ui__tooltip, none));
}

.bp3-tooltip > .bp3-popover-content,
.bp3-tooltip > .bp3-popover-content div {
  color:			var(--a-co-ui__tooltip, var(--s-co-ui__tooltip, #f5f8fa))!important;  
  font-family:		var(--a-ff-ui__tooltip, var(--s-ff-ui__tooltip, 'Inter Var'));
  font-size: 		var(--a-fs-ui__tooltip, var(--s-fs-ui__tooltip, 14px));
  font-style:		var(--a-ft-ui__tooltip, var(--s-ft-ui__tooltip, normal));
  font-weight:		var(--a-fw-ui__tooltip, var(--s-fw-ui__tooltip, normal));
  text-decoration:	var(--a-td-ui__tooltip, var(--s-td-ui__tooltip, none)); 
  text-transform:	var(--a-tt-ui__tooltip, var(--s-tt-ui__tooltip, none));      
}

.bp3-tooltip .bp3-popover-arrow .bp3-popover-arrow-fill {
  fill: 			var(--a-bc-ui__tooltiparrow, var(--s-bc-ui__tooltiparrow, #394b59));  
}
.bp3-card {
  background-color:	var(--a-bc-ui__card, var(--s-bc-ui__card, #fff)); 
  border-top:		var(--a-bt-ui__card, var(--s-bt-ui__card, none));
  border-right:		var(--a-br-ui__card, var(--s-br-ui__card, none));
  border-bottom:	var(--a-bb-ui__card, var(--s-bb-ui__card, none));
  border-left:		var(--a-bl-ui__card, var(--s-bl-ui__card, none));
  border-radius:	var(--a-bd-ui__card, var(--s-bd-ui__card, none));
}
.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator {
  background-color: var(--a-bc-ui__controlindicator, var(--s-bc-ui__controlindicator, #137cbd));
}

.bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator {
  background-color: var(--a-bc-ui__controlindicator-hover, var(--s-bc-ui__controlindicator-hover, #137cbd));
}
.bp3-button:not([class*="bp3-intent-"]) {
  background-color:	var(--a-bc-ui__button, var(--s-bc-ui__button, rgba(115,134,148,0.3))); 
  color:			var(--a-co-ui__button, var(--s-co-ui__button, #182026));  
}
#rm-mobile-bar {
  background-color:	var(--a-bc-ui__button, var(--s-bc-ui__button, rgba(115,134,148,0.3)))!important; 
  color:			var(--a-co-ui__button, var(--s-co-ui__button, #182026));  
}
.roam-body .roam-app .roam-sidebar-container {
  background-color:	var(--a-bc-ls, var(--s-bc-ls, #182026));      
  border-top:		var(--a-bt-ls, var(--s-bt-ls, none));
  border-right:		var(--a-br-ls, var(--s-br-ls, none));
  border-bottom:	var(--a-bb-ls, var(--s-bb-ls, none));
  border-left:		var(--a-bl-ls, var(--s-bl-ls, none));
  border-radius:	var(--a-bd-ls, var(--s-bd-ls, none));
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row {
  background-color:	var(--a-bc-ls__graphmenu, var(--s-bc-ls__graphmenu, transparent)); 
  border-top:		var(--a-bt-ls__graphmenu, var(--s-bt-ls__graphmenu, none));
  border-right:		var(--a-br-ls__graphmenu, var(--s-br-ls__graphmenu, none));
  border-bottom:	var(--a-bb-ls__graphmenu, var(--s-bb-ls__graphmenu, none));
  border-left:		var(--a-bl-ls__graphmenu, var(--s-bl-ls__graphmenu, none));
  border-radius:	var(--a-bd-ls__graphmenu, var(--s-bd-ls__graphmenu, none));
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
  background-color:	var(--a-bc-ls__graphmenu-hover, var(--s-bc-ls__graphmenu-hover, #10161A)); 
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row div.rm-db-title {
  color:			var(--a-co-ls__graphmenu, var(--s-co-ls__graphmenu, #CED9E0));  
  font-family:		var(--a-ff-ls__graphmenu, var(--s-ff-ls__graphmenu, 'Inter Var'));
  font-size: 		var(--a-fs-ls__graphmenu, var(--s-fs-ls__graphmenu, 14px));
  font-style:		var(--a-ft-ls__graphmenu, var(--s-ft-ls__graphmenu, normal));
  font-weight:		var(--a-fw-ls__graphmenu, var(--s-fw-ls__graphmenu, 600));
  text-decoration:	var(--a-td-ls__graphmenu, var(--s-td-ls__graphmenu, none)); 
  text-transform:	var(--a-tt-ls__graphmenu, var(--s-tt-ls__graphmenu, none));      
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover div.rm-db-title {
  color:			var(--a-co-ls__graphmenu-hover, var(--s-co-ls__graphmenu-hover, #F5F8FA));  
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .rm-db-title .expand-icon {
  color:			var(--a-co-ls__graphmenuicon, var(--s-co-ls__graphmenuicon, #5c7080));  
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover .rm-db-title .expand-icon {
  color:			var(--a-co-ls__graphmenuicon-hover, var(--s-co-ls__graphmenuicon-hover, #5c7080));
}
.roam-body .roam-app .roam-sidebar-container .bp3-menu.rm-graph-dropdown .bp3-menu-item {
  color:			var(--a-co-ls__graphdropdown, var(--s-co-ls__graphdropdown, #5c7080));  
  font-family:		var(--a-ff-ls__graphdropdown, var(--s-ff-ls__graphdropdown, 'Inter Var'));
  font-size: 		var(--a-fs-ls__graphdropdown, var(--s-fs-ls__graphdropdown, 14px));
  font-style:		var(--a-ft-ls__graphdropdown, var(--s-ft-ls__graphdropdown, normal));
  font-weight:		var(--a-fw-ls__graphdropdown, var(--s-fw-ls__graphdropdown, 500));
  text-transform:	var(--a-tt-ls__graphdropdown, var(--s-tt-ls__graphdropdown, none));      
}

.roam-body .roam-app .roam-sidebar-container .bp3-menu.rm-graph-dropdown .bp3-menu-item:hover {
  background-color:	var(--a-bc-ls__graphdropdown-hover, var(--s-bc-ls__graphdropdown-hover, rgba(167,182,194,0.3))); 
  color:			var(--a-co-ls__graphdropdown-hover, var(--s-co-ls__graphdropdown-hover, #5c7080));  
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a {
  text-decoration:	var(--a-td-ls__graphdropdown, var(--s-td-ls__graphdropdown, none));
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .menu-title {
  color:			var(--a-co-ls__graphdropdowntitle, var(--s-co-ls__graphdropdowntitle, #8A9BA8));  
  font-family:		var(--a-ff-ls__graphdropdowntitle, var(--s-ff-ls__graphdropdowntitle, 'Inter Var'));
  font-size: 		var(--a-fs-ls__graphdropdowntitle, var(--s-fs-ls__graphdropdowntitle, 11px));
  font-style:		var(--a-ft-ls__graphdropdowntitle, var(--s-ft-ls__graphdropdowntitle, normal));
  font-weight:		var(--a-fw-ls__graphdropdowntitle, var(--s-fw-ls__graphdropdowntitle, 500));
  text-decoration:	var(--a-td-ls__graphdropdowntitle, var(--s-td-ls__graphdropdowntitle, none)); 
  text-transform:	var(--a-tt-ls__graphdropdowntitle, var(--s-tt-ls__graphdropdowntitle, none));      
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .bp3-menu-item.setting {
  background-color:	var(--a-bc-ls__graphdropdownsetting, var(--s-bc-ls__graphdropdownsetting, #EBF1F5)); 
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .bp3-menu-item.setting a{
  color:			var(--a-co-ls__graphdropdownsetting, var(--s-co-ls__graphdropdownsetting, #5c7080));  
  font-family:		var(--a-ff-ls__graphdropdownsetting, var(--s-ff-ls__graphdropdownsetting, 'Inter Var'));
  font-size: 		var(--a-fs-ls__graphdropdownsetting, var(--s-fs-ls__graphdropdownsetting, 14px));
  font-style:		var(--a-ft-ls__graphdropdownsetting, var(--s-ft-ls__graphdropdownsetting, normal));
  font-weight:		var(--a-fw-ls__graphdropdownsetting, var(--s-fw-ls__graphdropdownsetting, 600));
  text-decoration:	var(--a-td-ls__graphdropdownsetting, var(--s-td-ls__graphdropdownsetting, none)); 
  text-transform:	var(--a-tt-ls__graphdropdownsetting, var(--s-tt-ls__graphdropdownsetting, none));      
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .bp3-menu-item.setting:hover {
  background-color:	var(--a-bc-ls__graphdropdownsetting-hover, var(--s-bc-ls__graphdropdownsetting-hover, #CED9E0)); 
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .bp3-menu-item.setting:hover a{
  color:			var(--a-co-ls__graphdropdownsetting-hover, var(--s-co-ls__graphdropdownsetting-hover, #fff));  
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .bp3-menu-item .signout {
  color:			var(--a-co-ls__graphdropdownsignout, var(--s-co-ls__graphdropdownsignout, #5c7080));  
  font-family:		var(--a-ff-ls__graphdropdownsignout, var(--s-ff-ls__graphdropdownsignout, 'Inter Var'));
  font-size: 		var(--a-fs-ls__graphdropdownsignout, var(--s-fs-ls__graphdropdownsignout, 10px));
  font-style:		var(--a-ft-ls__graphdropdownsignout, var(--s-ft-ls__graphdropdownsignout, normal));
  font-weight:		var(--a-fw-ls__graphdropdownsignout, var(--s-fw-ls__graphdropdownsignout, 400));
  text-decoration:	var(--a-td-ls__graphdropdownsignout, var(--s-td-ls__graphdropdownsignout, none)); 
  text-transform:	var(--a-tt-ls__graphdropdownsignout, var(--s-tt-ls__graphdropdownsignout, none));      
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .bp3-menu-item:hover .signout {
  background-color:	var(--a-bc-ls__graphdropdown-hover, var(--s-bc-ls__graphdropdown-hover, inherit)); 
  color:			var(--a-co-ls__graphdropdown-hover, var(--s-co-ls__graphdropdown-hover, #5c7080));  
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-button:not([class*="bp3-intent-"]) {
  background-color:	var(--a-bc-ls__collapse, var(--s-bc-ls__collapse, transparent)); 
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-button:not([class*="bp3-intent-"])::before {
  color:			var(--a-co-ls__collapse, var(--s-co-ls__collapse, #5c7080));  
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-button:not([class*="bp3-intent-"]):hover {
  background-color: var(--a-bc-ls__collapse-hover, var(--s-bc-ls__collapse-hover, rgba(167,182,194,0.3)));
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-button:not([class*="bp3-intent-"]):hover::before {
  color:			var(--a-co-ls__collapse-hover, var(--s-co-ls__collapse-hover, #5c7080));  
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
  background-color:	var(--a-bc-ls__logbutton, var(--s-bc-ls__logbutton, transparent)); 
  border-top:		var(--a-bt-ls__logbutton, var(--s-bt-ls__logbutton, none));
  border-right:		var(--a-br-ls__logbutton, var(--s-br-ls__logbutton, none));
  border-bottom:	var(--a-bb-ls__logbutton, var(--s-bb-ls__logbutton, none));
  border-left:		var(--a-bl-ls__logbutton, var(--s-bl-ls__logbutton, none));
  border-radius:	var(--a-bd-ls__logbutton, var(--s-bd-ls__logbutton, none));
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button,
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button div{
  color:			var(--a-co-ls__logbutton, var(--s-co-ls__logbutton, #5c7080));  
  font-family:		var(--a-ff-ls__logbutton, var(--s-ff-ls__logbutton, 'Inter Var'));
  font-size: 		var(--a-fs-ls__logbutton, var(--s-fs-ls__logbutton, 14px));
  font-style:		var(--a-ft-ls__logbutton, var(--s-ft-ls__logbutton, normal));
  font-weight:		var(--a-fw-ls__logbutton, var(--s-fw-ls__logbutton, bold));
  text-decoration:	var(--a-td-ls__logbutton, var(--s-td-ls__logbutton, none)); 
  text-transform:	var(--a-tt-ls__logbutton, var(--s-tt-ls__logbutton, none));      
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover,
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover div {
  background-color:	var(--a-bc-ls__logbutton-hover, var(--s-bc-ls__logbutton-hover, #10161A)); 
  color:			var(--a-co-ls__logbutton-hover, var(--s-co-ls__logbutton-hover, #F5F8FA));  
}
#app > div > div > div.roam-sidebar-container.noselect > div > div.flex-v-box.starred-pages-wrapper > div:nth-child(1) {
  background-color: var(--a-bc-ls__hr, var(--s-bc-ls__hr, rgb(57, 75, 89)))!important;
}
#app > div > div > div.roam-sidebar-container.noselect > div > div.flex-v-box.starred-pages-wrapper > div.flex-h-box {
  background-color:	var(--a-bc-ls__shortcutstitle, var(--s-bc-ls__shortcutstitle, transparent)); 
  border-top:		var(--a-bt-ls__shortcutstitle, var(--s-bt-ls__shortcutstitle, none));
  border-right:		var(--a-br-ls__shortcutstitle, var(--s-br-ls__shortcutstitle, none));
  border-bottom:	var(--a-bb-ls__shortcutstitle, var(--s-bb-ls__shortcutstitle, none));
  border-left:		var(--a-bl-ls__shortcutstitle, var(--s-bl-ls__shortcutstitle, none));
  border-radius:	var(--a-bd-ls__shortcutstitle, var(--s-bd-ls__shortcutstitle, none));
  color:			var(--a-co-ls__shortcutstitle, var(--s-co-ls__shortcutstitle, #5c7080));  
  font-family:		var(--a-ff-ls__shortcutstitle, var(--s-ff-ls__shortcutstitle, 'Inter Var'));
  font-size: 		var(--a-fs-ls__shortcutstitle, var(--s-fs-ls__shortcutstitle, 14px));
  font-style:		var(--a-ft-ls__shortcutstitle, var(--s-ft-ls__shortcutstitle, normal));
  font-weight:		var(--a-fw-ls__shortcutstitle, var(--s-fw-ls__shortcutstitle, normal))!important;
  text-decoration:	var(--a-td-ls__shortcutstitle, var(--s-td-ls__shortcutstitle, none)); 
  text-transform:	var(--a-tt-ls__shortcutstitle, var(--s-tt-ls__shortcutstitle, none));      
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
  background-color:	var(--a-bc-ls__shortcuts, var(--s-bc-ls__shortcuts, transparent)); 
  border-top:		var(--a-bt-ls__shortcuts, var(--s-bt-ls__shortcuts, none));
  border-right:		var(--a-br-ls__shortcuts, var(--s-br-ls__shortcuts, none));
  border-bottom:	var(--a-bb-ls__shortcuts, var(--s-bb-ls__shortcuts, none));
  border-left:		var(--a-bl-ls__shortcuts, var(--s-bl-ls__shortcuts, none));
  border-radius:	var(--a-bd-ls__shortcuts, var(--s-bd-ls__shortcuts, none));
  color:			var(--a-co-ls__shortcuts, var(--s-co-ls__shortcuts, #5c7080));  
  font-family:		var(--a-ff-ls__shortcuts, var(--s-ff-ls__shortcuts, 'Inter Var'));
  font-size: 		var(--a-fs-ls__shortcuts, var(--s-fs-ls__shortcuts, 14px));
  font-style:		var(--a-ft-ls__shortcuts, var(--s-ft-ls__shortcuts, normal));
  font-weight:		var(--a-fw-ls__shortcuts, var(--s-fw-ls__shortcuts, normal));
  text-decoration:	var(--a-td-ls__shortcuts, var(--s-td-ls__shortcuts, none)); 
  text-transform:	var(--a-tt-ls__shortcuts, var(--s-tt-ls__shortcuts, none));      
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover {
  background-color:	var(--a-bc-ls__shortcuts-hover, var(--s-bc-ls__shortcuts-hover, #10161A)); 
  color:			var(--a-co-ls__shortcuts-hover, var(--s-co-ls__shortcuts-hover, #F5F8FA));  
}

.roam-sidebar-container
  .roam-sidebar-content
  .starred-pages-wrapper
  .starred-pages
  .rm-dnd-separator
  .rm-dnd-drop-bar  {
  background-color:	var(--a-bc-ls__shortcutsdropbar, var(--s-bc-ls__shortcutsdropbar, #5c7080));   
}
#roam-sidebar-logo {
  background-color:	var(--a-bc-ls__roamicon, var(--s-bc-ls__roamicon, transparent)); 
  border-top:		var(--a-bt-ls__roamicon, var(--s-bt-ls__roamicon, none));
  border-right:		var(--a-br-ls__roamicon, var(--s-br-ls__roamicon, none));
  border-bottom:	var(--a-bb-ls__roamicon, var(--s-bb-ls__roamicon, none));
  border-left:		var(--a-bl-ls__roamicon, var(--s-bl-ls__roamicon, none));
  border-radius:	var(--a-bd-ls__roamicon, var(--s-bd-ls__roamicon, none));
}

#roam-sidebar-logo:hover {
  background-color:	var(--a-bc-ls__roamicon-hover, var(--s-bc-ls__roamicon-hover, #10161A)); 
}

#roam-sidebar-logo > div > span:nth-child(3),
#roam-sidebar-logo > div > span:nth-child(4) {
  color: var(--a-co-ls__roamicon, var(--s-co-ls__roamicon, white))!important;  
}

/* Invert Roam Logo if needed */
#roam-sidebar-logo > div > img {
  filter: invert(var(--a-fl-ls__roamicon));
}
.rm-topbar {
  background-color:	var(--a-bc-tb, var(--s-bc-tb, transparent)); 
  border-top:		var(--a-bt-tb, var(--s-bt-tb, none));
  border-right:		var(--a-br-tb, var(--s-br-tb, none));
  border-bottom:	var(--a-bb-tb, var(--s-bb-tb, none));
  border-left:		var(--a-bl-tb, var(--s-bl-tb, none));
  border-radius:	var(--a-bd-tb, var(--s-bd-tb, none));
}
.rm-sync--synced {
  background-color: var(--a-bc-tb__sync-synced, var(--s-bc-tb__sync-synced, #0F9960));
}

.rm-sync--saving-local {
  background-color: var(--a-bc-tb__sync-local, var(--s-bc-tb__sync-local, #99280f));
}

.rm-sync--saving-remote {
  background-color: var(--a-bc-tb__sync-remote, var(--s-bc-tb__sync-remote,#d9822b));
}

.bp3-tooltip > .bp3-popover-content .rm-sync-tooltip__content div{
  color:			var(--a-co-ui__tooltip, var(--s-co-ui__tooltip, #f5f8fa));  
  font-family:		var(--a-ff-ui__tooltip, var(--s-ff-ui__tooltip, 'Inter Var'));
  font-size: 		var(--a-fs-ui__tooltip, var(--s-fs-ui__tooltip, 14px));
  font-style:		var(--a-ft-ui__tooltip, var(--s-ft-ui__tooltip, normal));
  font-weight:		var(--a-fw-ui__tooltip, var(--s-fw-ui__tooltip, normal));
  text-decoration:	var(--a-td-ui__tooltip, var(--s-td-ui__tooltip, none)); 
  text-transform:	var(--a-tt-ui__tooltip, var(--s-tt-ui__tooltip, none));      
}
.bp3-input[type="search"], 
.bp3-input.bp3-round {
  background-color:	var(--a-bc-tb__search, var(--s-bc-tb__search, #fff)); 
  border-top:		var(--a-bt-tb__search, var(--s-bt-tb__search, 1px solid #ededee));
  border-right:		var(--a-br-tb__search, var(--s-br-tb__search, 1px solid #ededee));
  border-bottom:	var(--a-bb-tb__search, var(--s-bb-tb__search, 1px solid #ededee));
  border-left:		var(--a-bl-tb__search, var(--s-bl-tb__search, 1px solid #ededee));
  border-radius:	var(--a-bd-tb__search, var(--s-bd-tb__search, 30px));
  color:			var(--a-co-tb__search, var(--s-co-tb__search, #182026));  
  font-family:		var(--a-ff-tb__search, var(--s-ff-tb__search, 'Inter Var'));
  font-size: 		var(--a-fs-tb__search, var(--s-fs-tb__search, inherit));
  font-style:		var(--a-ft-tb__search, var(--s-ft-tb__search, inherit));
  font-weight:		var(--a-fw-tb__search, var(--s-fw-tb__search, inherit));
  text-decoration:	var(--a-td-tb__search, var(--s-td-tb__search, none)); 
  text-transform:	var(--a-tt-tb__search, var(--s-tt-tb__search, none));      
}

.bp3-input[type="search"]::placeholder {
  color:			var(--a-co-tb__searchplaceholder, var(--s-co-tb__searchplaceholder, darkgray))!important;    
}

.bp3-input[type="search"]:active, 
.bp3-input.bp3-round:active,
.bp3-input[type="search"]:focus, 
.bp3-input.bp3-round:focus {
  background-color:	var(--a-bc-tb__search-focus, var(--s-bc-tb__search-focus, #fff)); 
  border-top:		var(--a-bt-tb__search-focus, var(--s-bt-tb__search-focus, 1px solid #ededee));
  border-right:		var(--a-br-tb__search-focus, var(--s-br-tb__search-focus, 1px solid #ededee));
  border-bottom:	var(--a-bb-tb__search-focus, var(--s-bb-tb__search-focus, 1px solid #ededee));
  border-left:		var(--a-bl-tb__search-focus, var(--s-bl-tb__search-focus, 1px solid #ededee));
}
.bp3-input-group>.bp3-input-left-container>.bp3-icon, 
.bp3-input-group>.bp3-icon {
  color:			var(--a-co-tb__searchicon, var(--s-co-tb__searchicon, #5c7080));
}
.rm-find-or-create-wrapper .rm-menu-item {
  background-color:	var(--a-bc-tb__findmenu, var(--s-bc-tb__findmenu, #fff)); 
  border-top:		var(--a-bt-tb__findmenu, var(--s-bt-tb__findmenu, none));
  border-right:		var(--a-br-tb__findmenu, var(--s-br-tb__findmenu, none));
  border-bottom:	var(--a-bb-tb__findmenu, var(--s-bb-tb__findmenu, none));
  border-left:		var(--a-bl-tb__findmenu, var(--s-bl-tb__findmenu, none));
  border-radius:	var(--a-bd-tb__findmenu, var(--s-bd-tb__findmenu, none));
}

.rm-find-or-create-wrapper .rm-menu-item .rm-search-title {
  color:			var(--a-co-tb__findmenu, var(--s-co-tb__findmenu, #182026));  
  font-family:		var(--a-ff-tb__findmenu, var(--s-ff-tb__findmenu, 'Inter Var'));
  font-size: 		var(--a-fs-tb__findmenu, var(--s-fs-tb__findmenu, 14px));
  font-style:		var(--a-ft-tb__findmenu, var(--s-ft-tb__findmenu, normal));
  font-weight:		var(--a-fw-tb__findmenu, var(--s-fw-tb__findmenu, normal));
  text-decoration:	var(--a-td-tb__findmenu, var(--s-td-tb__findmenu, none)); 
  text-transform:	var(--a-tt-tb__findmenu, var(--s-tt-tb__findmenu, none));      
}

.rm-find-or-create-wrapper .rm-menu-item:hover {
  background-color:	var(--a-bc-tb__findmenu-hover, var(--s-bc-tb__findmenu-hover, #fff))!important; 
}

.rm-find-or-create-wrapper .rm-menu-item:hover .rm-search-title { 
  color:			var(--a-co-tb__findmenu-hover, var(--s-co-tb__findmenu-hover, #182026));  
}
.rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item {
  color:			var(--a-co-tb__findmenulist, var(--s-co-tb__findmenulist, #8A9BA8));  
  font-family:		var(--a-ff-tb__findmenulist, var(--s-ff-tb__findmenulist, 'Inter Var'));
  font-size: 		var(--a-fs-tb__findmenulist, var(--s-fs-tb__findmenulist, 14px));
  font-style:		var(--a-ft-tb__findmenulist, var(--s-ft-tb__findmenulist, normal));
  font-weight:		var(--a-fw-tb__findmenulist, var(--s-fw-tb__findmenulist, normal));
  text-decoration:	var(--a-td-tb__findmenulist, var(--s-td-tb__findmenulist, none)); 
  text-transform:	var(--a-tt-tb__findmenulist, var(--s-tt-tb__findmenulist, none));      
}

.rm-search-list-item span span {
  background-color: var(--a-bc-tb__findmenu-hl, var(--s-bc-ls__findmenu-hl, yellow))!important;
}
.rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item-title {
  color:			var(--a-co-tb__findmenulisttitle, var(--s-co-tb__findmenulisttitle, #8A9BA8));  
  font-family:		var(--a-ff-tb__findmenulisttitle, var(--s-ff-tb__findmenulisttitle, 'Inter Var'));
  font-size: 		var(--a-fs-tb__findmenulisttitle, var(--s-fs-tb__findmenulisttitle, 12px));
  font-style:		var(--a-ft-tb__findmenulisttitle, var(--s-ft-tb__findmenulisttitle, normal));
  font-weight:		var(--a-fw-tb__findmenulisttitle, var(--s-fw-tb__findmenulisttitle, normal));
  text-decoration:	var(--a-td-tb__findmenulisttitle, var(--s-td-tb__findmenulisttitle, none)); 
  text-transform:	var(--a-tt-tb__findmenulisttitle, var(--s-tt-tb__findmenulisttitle, none));      
}
.rm-find-or-create-wrapper .rm-menu-item .rm-search-title .rm-new-page {
  color:			var(--a-co-tb__findmenunewpage, var(--s-co-tb__findmenunewpage, #0D8050));  
  font-family:		var(--a-ff-tb__findmenunewpage, var(--s-ff-tb__findmenunewpage, 'Inter Var'));
  font-size: 		var(--a-fs-tb__findmenunewpage, var(--s-fs-tb__findmenunewpage, 14px));
  font-style:		var(--a-ft-tb__findmenunewpage, var(--s-ft-tb__findmenunewpage, normal));
  font-weight:		var(--a-fw-tb__findmenunewpage, var(--s-fw-tb__findmenunewpage, normal));
  text-decoration:	var(--a-td-tb__findmenunewpage, var(--s-td-tb__findmenunewpage, none)); 
  text-transform:	var(--a-tt-tb__findmenunewpage, var(--s-tt-tb__findmenunewpage, none));      
}
.rm-topbar .bp3-button.bp3-minimal {
  background-color: var(--a-bc-tb__icons, var(--s-bc-tb__icons, transparent));
}

.rm-topbar .bp3-button.bp3-minimal::before,
.rm-topbar .bp3-button .bp3-icon, 
.rm-topbar .bp3-button .bp3-icon-standard, 
.rm-topbar .bp3-button .bp3-icon-large {
  color:			var(--a-co-tb__icons, var(--s-co-tb__icons, #5c7080));  
}

.rm-topbar .bp3-button.bp3-minimal:hover {
  background-color: var(--a-bc-tb__icons-hover, var(--s-bc-tb__icons-hover, rgba(167,182,194,0.3)));
}

.rm-topbar .bp3-button.bp3-minimal:hover::before,
.rm-topbar .bp3-button.bp3-minimal:hover .bp3-icon, 
.rm-topbar .bp3-button.bp3-minimal:hover .bp3-icon-standard, 
.rm-topbar .bp3-button.bp3-minimal:hover .bp3-icon-large {
  color:			var(--a-co-tb__icons-hover, var(--s-co-tb__icons-hover, #5c7080));  
}
.rm-help-title {
  color:			var(--a-co-tb__helptitle, var(--s-co-tb__helptitle, #202B33));  
  font-family:		var(--a-ff-tb__helptitle, var(--s-ff-tb__helptitle, 'Inter Var'));
  font-size: 		var(--a-fs-tb__helptitle, var(--s-fs-tb__helptitle, 20px));
  font-style:		var(--a-ft-tb__helptitle, var(--s-ft-tb__helptitle, normal));
  font-weight:		var(--a-fw-tb__helptitle, var(--s-fw-tb__helptitle, normal));
  text-decoration:	var(--a-td-tb__helptitle, var(--s-td-tb__helptitle, none)); 
  text-transform:	var(--a-tt-tb__helptitle, var(--s-tt-tb__helptitle, none));      
}
.rm-help-search__input {
  background-color:	var(--a-bc-tb__helpsearch, var(--s-bc-tb__helpsearch, #fff)); 
  color:			var(--a-co-tb__helpsearch, var(--s-co-tb__helpsearch, #202B33));  
  border-top:		var(--a-bt-tb__helpsearch, var(--s-bt-tb__helpsearch, 1px solid #B4B7BB));
  border-right:		var(--a-br-tb__helpsearch, var(--s-br-tb__helpsearch, 1px solid #B4B7BB));
  border-bottom:	var(--a-bb-tb__helpsearch, var(--s-bb-tb__helpsearch, 1px solid #B4B7BB));
  border-left:		var(--a-bl-tb__helpsearch, var(--s-bl-tb__helpsearch, 1px solid none));
}

.rm-help-search__input::placeholder {
  color: 			var(--a-co-tb__helpsearchplaceholder, var(--s-co-tb__helpsearchplaceholder, darkgray));  
}

.rm-help-search__icon-container .bp3-icon-search {
  color: 			var(--a-co-tb__helpsearchicon, var(--s-co-tb__helpsearchicon, #202B33));
}

.rm-help-search__icon-container {
  border-top:		var(--a-bt-tb__helpsearchicon, var(--s-bt-tb__helpsearchicon, 1px solid #B4B7BB));
  border-right:		var(--a-br-tb__helpsearchicon, var(--s-br-tb__helpsearchicon, 1px solid #B4B7BB));
  border-bottom:	var(--a-bb-tb__helpsearchicon, var(--s-bb-tb__helpsearchicon, 1px solid #B4B7BB));
  border-left:		var(--a-bl-tb__helpsearchicon, var(--s-bl-tb__helpsearchicon, 1px solid #B4B7BB));
}
.rm-help-results .rm-help-categories .rm-help-category-menu-item {
  color:			var(--a-co-tb__helpmenuitem, var(--s-co-tb__helpmenuitem, #202B33));  
  font-family:		var(--a-ff-tb__helpmenuitem, var(--s-ff-tb__helpmenuitem, 'Inter Var'));
  font-size: 		var(--a-fs-tb__helpmenuitem, var(--s-fs-tb__helpmenuitem, 14px));
  font-style:		var(--a-ft-tb__helpmenuitem, var(--s-ft-tb__helpmenuitem, normal));
  font-weight:		var(--a-fw-tb__helpmenuitem, var(--s-fw-tb__helpmenuitem, normal));
  text-decoration:	var(--a-td-tb__helpmenuitem, var(--s-td-tb__helpmenuitem, none)); 
  text-transform:	var(--a-tt-tb__helpmenuitem, var(--s-tt-tb__helpmenuitem, none));      
}

.rm-help-results .rm-help-categories .rm-help-category-menu-item:hover {
  background-color:	var(--a-bc-tb__helpmenuitem-hover, var(--s-bc-tb__helpmenuitem-hover, #F5F5F5)); 
  color:			var(--a-co-tb__helpmenuitem-hover, var(--s-co-tb__helpmenuitem-hover, #202B33));  
}

.rm-help-results .rm-help-categories .rm-help-category-menu-item--selected {
  background-color:	var(--a-bc-tb__helpmenuitem-hover, var(--s-bc-tb__helpmenuitem-hover, #106BA3)); 
  color:			var(--a-co-tb__helpmenuitem-hover, var(--s-co-tb__helpmenuitem-hover, #FFF));  
}
.rm-help-results .rm-help-functions .rm-help-category__name {
  color:			var(--a-co-tb__helpcategory, var(--s-co-tb__helpcategory, #8A9BA8));  
  font-family:		var(--a-ff-tb__helpcategory, var(--s-ff-tb__helpcategory, 'Inter Var'));
  font-size: 		var(--a-fs-tb__helpcategory, var(--s-fs-tb__helpcategory, 11px));
  font-style:		var(--a-ft-tb__helpcategory, var(--s-ft-tb__helpcategory, normal));
  font-weight:		var(--a-fw-tb__helpcategory, var(--s-fw-tb__helpcategory, bold));
  text-decoration:	var(--a-td-tb__helpcategory, var(--s-td-tb__helpcategory, uppercase)); 
  text-transform:	var(--a-tt-tb__helpcategory, var(--s-tt-tb__helpcategory, uppercase));      
}
.rm-help-resource__title {
  color:			var(--a-co-tb__helpresourcetitle, var(--s-co-tb__helpresourcetitle, #202B33));  
  font-family:		var(--a-ff-tb__helpresourcetitle, var(--s-ff-tb__helpresourcetitle, 'Inter Var'));
  font-size: 		var(--a-fs-tb__helpresourcetitle, var(--s-fs-tb__helpresourcetitle, 14px));
  font-style:		var(--a-ft-tb__helpresourcetitle, var(--s-ft-tb__helpresourcetitle, normal));
  font-weight:		var(--a-fw-tb__helpresourcetitle, var(--s-fw-tb__helpresourcetitle, bold));
  text-decoration:	var(--a-td-tb__helpresourcetitle, var(--s-td-tb__helpresourcetitle, uppercase)); 
  text-transform:	var(--a-tt-tb__helpresourcetitle, var(--s-tt-tb__helpresourcetitle, uppercase));      
}
.rm-help-resource__description {
  color:			var(--a-co-tb__helpresourcedescription, var(--s-co-tb__helpresourcedescription, #202B33));  
  font-family:		var(--a-ff-tb__helpresourcedescription, var(--s-ff-tb__helpresourcedescription, 'Inter Var'));
  font-size: 		var(--a-fs-tb__helpresourcedescription, var(--s-fs-tb__helpresourcedescription, 14px));
  font-style:		var(--a-ft-tb__helpresourcedescription, var(--s-ft-tb__helpresourcedescription, normal));
  font-weight:		var(--a-fw-tb__helpresourcedescription, var(--s-fw-tb__helpresourcedescription, 500));
  text-decoration:	var(--a-td-tb__helpresourcedescription, var(--s-td-tb__helpresourcedescription, none)); 
  text-transform:	var(--a-tt-tb__helpresourcedescription, var(--s-tt-tb__helpresourcedescription, none));      
}
.rm-help-resource__icon {
  background-color:	var(--a-bc-tb__helpresourceicon, var(--s-bc-tb__helpresourceicon, #fff)); 
  color:			var(--a-co-tb__helpresourceicon, var(--s-co-tb__helpresourceicon, #202B33));    
}
.rm-help-resource:hover {
  background-color:	var(--a-bc-tb__helpresource, var(--s-bc-tb__helpresource, #f5f5f5)); 
}
.rm-help-results .rm-help-functions .rm-help-function__name {
  color:			var(--a-co-tb__helpfunction, var(--s-co-tb__helpfunction, #202B33));  
  font-family:		var(--a-ff-tb__helpfunction, var(--s-ff-tb__helpfunction, 'Inter Var'));
  font-size: 		var(--a-fs-tb__helpfunction, var(--s-fs-tb__helpfunction, 14px));
  font-style:		var(--a-ft-tb__helpfunction, var(--s-ft-tb__helpfunction, normal));
  font-weight:		var(--a-fw-tb__helpfunction, var(--s-fw-tb__helpfunction, 500));
  text-decoration:	var(--a-td-tb__helpfunction, var(--s-td-tb__helpfunction, none)); 
  text-transform:	var(--a-tt-tb__helpfunction, var(--s-tt-tb__helpfunction, none));      
}
.rm-help-component__title {
  color:			var(--a-co-tb__helpcomponenttitle, var(--s-co-tb__helpcomponenttitle, #202B33));  
  font-family:		var(--a-ff-tb__helpcomponenttitle, var(--s-ff-tb__helpcomponenttitle, inherit));
  font-size: 		var(--a-fs-tb__helpcomponenttitle, var(--s-fs-tb__helpcomponenttitle, 14px));
  font-style:		var(--a-ft-tb__helpcomponenttitle, var(--s-ft-tb__helpcomponenttitle, bold));
  font-weight:		var(--a-fw-tb__helpcomponenttitle, var(--s-fw-tb__helpcomponenttitle, inherit));
  text-decoration:	var(--a-td-tb__helpcomponenttitle, var(--s-td-tb__helpcomponenttitle, none)); 
  text-transform:	var(--a-tt-tb__helpcomponenttitle, var(--s-tt-tb__helpcomponenttitle, none));      
}
.rm-help-component__description {
  color:			var(--a-co-tb__helpcomponentdesc, var(--s-co-tb__helpcomponentdesc, #202B33));  
  font-family:		var(--a-ff-tb__helpcomponentdesc, var(--s-ff-tb__helpcomponentdesc, inherit));
  font-size: 		var(--a-fs-tb__helpcomponentdesc, var(--s-fs-tb__helpcomponentdesc, inherit));
  font-style:		var(--a-ft-tb__helpcomponentdesc, var(--s-ft-tb__helpcomponentdesc, inherit));
  font-weight:		var(--a-fw-tb__helpcomponentdesc, var(--s-fw-tb__helpcomponentdesc, inherit));
  text-decoration:	var(--a-td-tb__helpcomponentdesc, var(--s-td-tb__helpcomponentdesc, none)); 
  text-transform:	var(--a-tt-tb__helpcomponentdesc, var(--s-tt-tb__helpcomponentdesc, none));      
}
.rm-help-component__notation {
  background-color: var(--a-bc-tb__helpcomponent, var(--s-bc-tb__helpcomponent, #EDF0F3));
  color:			var(--a-co-tb__helpcomponent, var(--s-co-tb__helpcomponent, #202B33));  
  font-family:		var(--a-ff-tb__helpcomponent, var(--s-ff-tb__helpcomponent, 'Inter Var'));
  font-size: 		var(--a-fs-tb__helpcomponent, var(--s-fs-tb__helpcomponent, 14px));
  font-style:		var(--a-ft-tb__helpcomponent, var(--s-ft-tb__helpcomponent, normal));
  font-weight:		var(--a-fw-tb__helpcomponent, var(--s-fw-tb__helpcomponent, normal));
  text-decoration:	var(--a-td-tb__helpcomponent, var(--s-td-tb__helpcomponent, none)); 
  text-transform:	var(--a-tt-tb__helpcomponent, var(--s-tt-tb__helpcomponent, none));      
}
.rm-help-version {
  color:			var(--a-co-tb__helpversion, var(--s-co-tb__helpversion, #8A9BA8));  
  font-family:		var(--a-ff-tb__helpversion, var(--s-ff-tb__helpversion, inherit));
  font-size: 		var(--a-fs-tb__helpversion, var(--s-fs-tb__helpversion, 11px));
  font-style:		var(--a-ft-tb__helpversion, var(--s-ft-tb__helpversion, inherit));
  font-weight:		var(--a-fw-tb__helpversion, var(--s-fw-tb__helpversion, bold));
  text-decoration:	var(--a-td-tb__helpversion, var(--s-td-tb__helpversion, none)); 
  text-transform:	var(--a-tt-tb__helpversion, var(--s-tt-tb__helpversion, none));      
}
#right-sidebar {
  background-color:	var(--a-bc-rs, var(--s-bc-rs, rgba(92,112,128,0.05))); 
  border-top:		var(--a-bt-rs, var(--s-bt-rs, none));
  border-right:		var(--a-br-rs, var(--s-br-rs, none));
  border-bottom:	var(--a-bb-rs, var(--s-bb-rs, none));
  border-left:		var(--a-bl-rs, var(--s-bl-rs, none));
  border-radius:	var(--a-bd-rs, var(--s-bd-rs, none));
}

.rm-sidebar-window {
  background-color:	var(--a-bc-rs__window, var(--s-bc-rs__window, inherit)); 
  border-top:		var(--a-bt-rs__window, var(--s-bt-rs__window, none));
  border-right:		var(--a-br-rs__window, var(--s-br-rs__window, none));
  border-bottom:	var(--a-bb-rs__window, var(--s-bb-rs__window, 1px solid rgb(138, 155, 168)))!important;
  border-left:		var(--a-bl-rs__window, var(--s-bl-rs__window, none));
  border-radius:	var(--a-bd-rs__window, var(--s-bd-rs__window, none));
}
#right-sidebar .bp3-button.bp3-minimal {
  background-color: var(--a-bc-rs__icons, var(--s-bc-rs__icons, transparent));
}

#right-sidebar .bp3-button.bp3-minimal::before,
#right-sidebar .bp3-button .bp3-icon, 
#right-sidebar .bp3-button .bp3-icon-standard, 
#right-sidebar .bp3-button .bp3-icon-large {
  color:			var(--a-co-rs__icons, var(--s-co-rs__icons, #5c7080));  
}

#right-sidebar .bp3-button.bp3-minimal:hover {
  background-color: var(--a-bc-rs__icons-hover, var(--s-bc-rs__icons-hover, rgba(167,182,194,0.3)));
}

#right-sidebar .bp3-button.bp3-minimal:hover::before,
#right-sidebar .bp3-button.bp3-minimal:hover .bp3-icon, 
#right-sidebar .bp3-button.bp3-minimal:hover .bp3-icon-standard, 
#right-sidebar .bp3-button.bp3-minimal:hover .bp3-icon-large {
  color:			var(--a-co-rs__icons-hover, var(--s-co-rs__icons-hover, #5c7080));  
}
.rm-page-ref__brackets {
  color:			var(--a-co-co__brackets, var(--s-co-co__brackets, #A7B6C2));
}
.block-highlight-grey {
  background-color:	var(--a-bc-co__blockhl-grey, var(--s-bc-co__blockhl-grey, #ced9e0)); 
  border-top:		var(--a-bt-co__blockhl-grey, var(--s-bt-co__blockhl-grey, none));
  border-right:		var(--a-br-co__blockhl-grey, var(--s-br-co__blockhl-grey, none));
  border-bottom:	var(--a-bb-co__blockhl-grey, var(--s-bb-co__blockhl-grey, none));
  border-left:		var(--a-bl-co__blockhl-grey, var(--s-bl-co__blockhl-grey, none));
  border-radius:	var(--a-bd-co__blockhl-grey, var(--s-bd-co__blockhl-grey, none));
}

.block-highlight-blue {
  background-color:	var(--a-bc-co__blockhl-blue, var(--s-bc-co__blockhl-blue, #7cccff)); 
  border-top:		var(--a-bt-co__blockhl-blue, var(--s-bt-co__blockhl-blue, none));
  border-right:		var(--a-br-co__blockhl-blue, var(--s-br-co__blockhl-blue, none));
  border-bottom:	var(--a-bb-co__blockhl-blue, var(--s-bb-co__blockhl-blue, none));
  border-left:		var(--a-bl-co__blockhl-blue, var(--s-bl-co__blockhl-blue, none));
  border-radius:	var(--a-bd-co__blockhl-blue, var(--s-bd-co__blockhl-blue, none));  
}

.block-highlight-yellow {
  background-color:	var(--a-bc-co__blockhl-yellow, var(--s-bc-co__blockhl-yellow, yellow)); 
  border-top:		var(--a-bt-co__blockhl-yellow, var(--s-bt-co__blockhl-yellow, none));
  border-right:		var(--a-br-co__blockhl-yellow, var(--s-br-co__blockhl-yellow, none));
  border-bottom:	var(--a-bb-co__blockhl-yellow, var(--s-bb-co__blockhl-yellow, none));
  border-left:		var(--a-bl-co__blockhl-yellow, var(--s-bl-co__blockhl-yellow, none));
  border-radius:	var(--a-bd-co__blockhl-yellow, var(--s-bd-co__blockhl-yellow, none));  
}
.rm-block-ref {
  background-color:	var(--a-bc-co__blockref, var(--s-bc-co__blockref, transparent)); 
  border-top:		var(--a-bt-co__blockref, var(--s-bt-co__blockref, none));
  border-right:		var(--a-br-co__blockref, var(--s-br-co__blockref, none));
  border-bottom:	var(--a-bb-co__blockref, var(--s-bb-co__blockref, .5px solid #D8E1E8));
  border-left:		var(--a-bl-co__blockref, var(--s-bl-co__blockref, none));
  border-radius:	var(--a-bd-co__blockref, var(--s-bd-co__blockref, none));  
}

.rm-block-ref:hover {
  background-color:	var(--a-bc-co__blockref-hover, var(--s-bc-co__blockref-hover, #F5F8FA)); 
}

.bp3-button:not([class*="bp3-intent-"]).rm-block__ref-count {
  color:			var(--a-co-co__blockrefcount, var(--s-co-co__blockrefcount, #182026));		
}

.bp3-button:not([class*="bp3-intent-"]).rm-block__ref-count:hover {
  background-color:	var(--a-bc-co__blockrefcount-hover, var(--s-bc-co__blockrefcount-hover, #F5F8FA));		
}

.bp3-button:not([class*="bp3-intent-"]).rm-block__ref-count.rm-active {
  color:			var(--a-co-co__blockrefcount-active, var(--s-co-co__blockrefcount-active, #8A9BA8));		
  background-color:	var(--a-bc-co__blockrefcount-active, var(--s-bc-co__blockrefcount-active, #F5F8FA));		
}
.rm-zoom-path .rm-zoom-item,
.rm-zoom .rm-zoom-item {
  color: var(--a-co-co__zoom, var(--s-co-co__zoom, #5C7080));
}

.rm-zoom.zoom-path-view .rm-zoom-mask {
  background-color:	var(--a-bc-co__zoommask, var(--s-bc-co__zoommask, white)); 
}
.rm-bullet__inner {
  background-color: var(--a-co-co__bulletinner, var(--s-co-co__bulletinner, #394B59));
}

.sidebar-content .rm-bullet.rm-bullet--closed .rm-bullet__inner,
.rm-bullet.rm-bullet--closed .rm-bullet__inner {
  border: var(--a-br-co__bulletclosed, var(--s-br-co__bulletclosed, 4px solid #CED9E0));
}

.rm-focused > div > div > span > span .rm-bullet__inner {
  background-color: var(--a-co-co__bulletinner-focused, var(--s-co-co__bulletinner-focused, #394B59));
}
.rm-caret {
  color:			var(--a-co-co__caret, var(--s-co-co__caret, #202B33));  
}
a,
.rm-alias.rm-alias--external {
  color:			var(--a-co-co__aliasexternal, var(--s-co-co__aliasexternal, #337ab7));  
  font-family:		var(--a-ff-co__aliasexternal, var(--s-ff-co__aliasexternal, 'Inter Var'));
  font-style:		var(--a-ft-co__aliasexternal, var(--s-ft-co__aliasexternal, normal));
  font-weight:		var(--a-fw-co__aliasexternal, var(--s-fw-co__aliasexternal, 400));
  text-decoration:	var(--a-td-co__aliasexternal, var(--s-td-co__aliasexternal, underline)); 
  text-transform:	var(--a-tt-co__aliasexternal, var(--s-tt-co__aliasexternal, none));      
}

.bp3-popover-content .rm-alias.rm-alias--external {
   color: 			var(--a-co-tb__popover, var(--s-co-tb__popover, inherit)); 
}

a:hover,
.rm-alias.rm-alias--external:hover {
  background-color:	var(--a-bc-co__aliasexternal-hover, var(--s-bc-co__aliasexternal-hover, inherit)); 
  color:			var(--a-co-co__aliasexternal-hover, var(--s-co-co__aliasexternal-hover, #337ab7));  
  text-decoration:	var(--a-td-co__aliasexternal-hover, var(--s-td-co__aliasexternal-hover, underline));       
}
.rm-level1, 
.rm-heading-level-1>.rm-block__self .rm-block__input {
  color:			var(--a-co-co__heading1, var(--s-co-co__heading1, #202B33));  
  font-family:		var(--a-ff-co__heading1, var(--s-ff-co__heading1, 'Inter Var'));
  font-size: 		var(--a-fs-co__heading1, var(--s-fs-co__heading1, 1.8em));
  font-style:		var(--a-ft-co__heading1, var(--s-ft-co__heading1, normal));
  font-weight:		var(--a-fw-co__heading1, var(--s-fw-co__heading1, 400));
  text-decoration:	var(--a-td-co__heading1, var(--s-td-co__heading1, none));    
  text-transform:	var(--a-tt-co__heading1, var(--s-tt-co__heading1, none));    
}

.rm-level2, 
.rm-heading-level-2>.rm-block__self .rm-block__input {
  color:			var(--a-co-co__heading2, var(--s-co-co__heading2, #202B33));  
  font-family:		var(--a-ff-co__heading2, var(--s-ff-co__heading2, 'Inter Var'))!important;
  font-size: 		var(--a-fs-co__heading2, var(--s-fs-co__heading2, 1.4em));
  font-style:		var(--a-ft-co__heading2, var(--s-ft-co__heading2, normal));
  font-weight:		var(--a-fw-co__heading2, var(--s-fw-co__heading2, 400));
  text-decoration:	var(--a-td-co__heading2, var(--s-td-co__heading2, none));      
  text-transform:	var(--a-tt-co__heading2, var(--s-tt-co__heading2, none));      
}

.rm-level3, .rm-heading-level-3>.rm-block__self .rm-block__input {
  color:			var(--a-co-co__heading3, var(--s-co-co__heading3, #5C7080));  
  font-family:		var(--a-ff-co__heading3, var(--s-ff-co__heading3, 'Inter Var'));
  font-size: 		var(--a-fs-co__heading3, var(--s-fs-co__heading3, 1.2em));
  font-style:		var(--a-ft-co__heading3, var(--s-ft-co__heading3, normal));
  font-weight:		var(--a-fw-co__heading3, var(--s-fw-co__heading3, 500));
  text-decoration:	var(--a-td-co__heading3, var(--s-td-co__heading3, none));      
  text-transform:	var(--a-tt-co__heading3, var(--s-tt-co__heading3, none));      
}
.rm-highlight {
  background-color:	var(--a-bc-co__highlight, var(--s-bc-co__highlight, hsl(51,98%,81%))); 
}
.rm-hr {
  border: 			var(--a-br-co__hr, var(--s-br-co__hr, 1px solid #8A9BA8));
}
.rm-reference-main .bp3-button.bp3-minimal {
  background-color: var(--a-bc-co__icons, var(--s-bc-co__icons, transparent));
}

.rm-reference-main .bp3-button.bp3-minimal::before,
.rm-reference-main .bp3-button .bp3-icon, 
.rm-reference-main .bp3-button .bp3-icon-standard, 
.rm-reference-main .bp3-button .bp3-icon-large {
  color:			var(--a-co-co__icons, var(--s-co-co__icons, #5c7080));  
}

.rm-reference-main .bp3-button.bp3-minimal:hover {
  background-color: var(--a-bc-co__icons-hover, var(--s-bc-co__icons-hover, rgba(167,182,194,0.3)));
}

.rm-reference-main .bp3-button.bp3-minimal:hover::before,
.rm-reference-main .bp3-button.bp3-minimal:hover .bp3-icon, 
.rm-reference-main .bp3-button.bp3-minimal:hover .bp3-icon-standard, 
.rm-reference-main .bp3-button.bp3-minimal:hover .bp3-icon-large {
  color:			var(--a-co-co__icons-hover, var(--s-co-co__icons-hover, #5c7080));  
}
code {
  background-color:	var(--a-bc-co__inlinecode, var(--s-bc-co__inlinecode, #eee)); 
  border-top:		var(--a-bt-co__inlinecode, var(--s-bt-co__inlinecode, 1px solid #ddd));
  border-right:		var(--a-br-co__inlinecode, var(--s-br-co__inlinecode, 1px solid #ddd));
  border-bottom:	var(--a-bb-co__inlinecode, var(--s-bb-co__inlinecode, 1px solid #ddd));
  border-left:		var(--a-bl-co__inlinecode, var(--s-bl-co__inlinecode, 1px solid #ddd));
  border-radius:	var(--a-bd-co__inlinecode, var(--s-bd-co__inlinecode, 5px));
  color:			var(--a-co-co__inlinecode, var(--s-co-co__inlinecode, #333));  
  font-family:		var(--a-ff-co__inlinecode, var(--s-ff-co__inlinecode, Menlo,Monaco,Consolas,"Courier New",monospace));
  font-size: 		var(--a-fs-co__inlinecode, var(--s-fs-co__inlinecode, 14px));
  font-style:		var(--a-ft-co__inlinecode, var(--s-ft-co__inlinecode, normal));
  font-weight:		var(--a-fw-co__inlinecode, var(--s-fw-co__inlinecode, 400));
  text-decoration:	var(--a-td-co__inlinecode, var(--s-td-co__inlinecode, none)); 
  text-transform:	var(--a-tt-co__inlinecode, var(--s-tt-co__inlinecode, none));      
}
.rm-inline-references {
  background-color:	var(--a-bc-co__inlineref, var(--s-bc-co__inlineref, #F5F8FA)); 
}
.rm-mentions .rm-ref-page-view .rm-ref-page-view-title a,
.rm-page-ref.rm-page-ref--link {
  color:			var(--a-co-co__internallink, var(--s-co-co__internallink, #337ab7));  
  font-family:		var(--a-ff-co__internallink, var(--s-ff-co__internallink, 'Inter Var'));
  font-style:		var(--a-ft-co__internallink, var(--s-ft-co__internallink, normal));
  font-weight:		var(--a-fw-co__internallink, var(--s-fw-co__internallink, 400));
  text-decoration:	var(--a-td-co__internallink, var(--s-td-co__internallink, none)); 
  text-transform:	var(--a-tt-co__internallink, var(--s-tt-co__internallink, none));      
}

.rm-mentions .rm-ref-page-view .rm-ref-page-view-title a:hover,
.rm-page-ref.rm-page-ref--link:hover {
  color:			var(--a-co-co__internallink-hover, var(--s-co-co__internallink-hover, #337ab7));  
  text-decoration:	var(--a-td-co__internallink-hover, var(--s-td-co__internallink-hover, underline));       
}

a:hover span {
  text-decoration:	var(--a-td-co__internallink-hover, var(--s-td-co__internallink-hover, underline))!important;        
}
.rm-reference-main > div > div > div > strong,
.rm-reference-main > div > .rm-reference-container > div > div > strong {
  color:			var(--a-co-co__references, var(--s-co-co__references, #202B33))!important;  
  font-family:		var(--a-ff-co__references, var(--s-ff-co__references, 'Inter Var'));
  font-size: 		var(--a-fs-co__references, var(--s-fs-co__references, 16px));
  font-style:		var(--a-ft-co__references, var(--s-ft-co__references, normal));
  font-weight:		var(--a-fw-co__references, var(--s-fw-co__references, 400));
  text-decoration:	var(--a-td-co__references, var(--s-td-co__references, none)); 
  text-transform:	var(--a-tt-co__references, var(--s-tt-co__references, none));      
}
.roam-log-container .roam-log-page {
  border-top:			var(--a-br-co__logpage, var(--s-br-co__logpage, 1px solid #738694));
}
.rm-multibar {
  border-right: var(--a-br-co__multibar, var(--s-br-co__multibar, 1px solid #BFCCD6));
}

.rm-multibar:hover {
  border-right: var(--a-br-co__multibar-hover, var(--s-br-co__multibar-hover, 3px solid #5C7080));
}
.rm-title-textarea,
.roam-body .roam-app h1 {
  color:			var(--a-co-co__pagetitle, var(--s-co-co__pagetitle, #202B33));  
  font-family:		var(--a-ff-co__pagetitle, var(--s-ff-co__pagetitle, 'Inter Var'));
  font-size: 		var(--a-fs-co__pagetitle, var(--s-fs-co__pagetitle, 36px));
  font-style:		var(--a-ft-co__pagetitle, var(--s-ft-co__pagetitle, normal));
  font-weight:		var(--a-fw-co__pagetitle, var(--s-fw-co__pagetitle, 450));
  text-decoration:	var(--a-td-co__pagetitle, var(--s-td-co__pagetitle, none)); 
  text-transform:	var(--a-tt-co__pagetitle, var(--s-tt-co__pagetitle, none));      
}
.rm-reference-item {
  background-color:	var(--a-bc-co__referenceitem, var(--s-bc-co__referenceitem, hsl(204,33%,97%))); 
  border-top:		var(--a-bt-co__referenceitem, var(--s-bt-co__referenceitem, none));
  border-right:		var(--a-br-co__referenceitem, var(--s-br-co__referenceitem, none));
  border-bottom:	var(--a-bb-co__referenceitem, var(--s-bb-co__referenceitem, none));
  border-left:		var(--a-bl-co__referenceitem, var(--s-bl-co__referenceitem, none));
  border-radius:	var(--a-bd-co__referenceitem, var(--s-bd-co__referenceitem, none));
}
.rm-mentions .rm-ref-page-view .rm-ref-page-view-title {
  color:			var(--a-co-co__refpagetitle, var(--s-co-co__refpagetitle, #202B33));  
  font-family:		var(--a-ff-co__refpagetitle, var(--s-ff-co__refpagetitle, 'Inter Var'));
  font-size: 		var(--a-fs-co__refpagetitle, var(--s-fs-co__refpagetitle, 16px));
  font-style:		var(--a-ft-co__refpagetitle, var(--s-ft-co__refpagetitle, normal));
  font-weight:		var(--a-fw-co__refpagetitle, var(--s-fw-co__refpagetitle, 400));
  text-decoration:	var(--a-td-co__refpagetitle, var(--s-td-co__refpagetitle, none)); 
  text-transform:	var(--a-tt-co__refpagetitle, var(--s-tt-co__refpagetitle, none));      
}
.rm-page-ref--tag {
  color:			var(--a-co-co__tag, var(--s-co-co__tag, #A7B6C2));  
  font-family:		var(--a-ff-co__tag, var(--s-ff-co__tag, 'Inter Var'));
  font-size: 		var(--a-fs-co__tag, var(--s-fs-co__tag, 14px));
  font-style:		var(--a-ft-co__tag, var(--s-ft-co__tag, normal));
  font-weight:		var(--a-fw-co__tag, var(--s-fw-co__tag, 400));
  text-decoration:	var(--a-td-co__tag, var(--s-td-co__tag, none)); 
  text-transform:	var(--a-tt-co__tag, var(--s-tt-co__tag, none));      
}

.rm-page-ref--tag:hover { 
  color:			var(--a-co-co__tag-hover, var(--s-co-co__tag-hover, #A7B6C2));  
  text-decoration:	var(--a-td-co__tag-hover, var(--s-td-co__tag-hover, underline));         
}
div,
textarea {
  color:			var(--a-co-co__block, var(--s-co-co__block, #202B33));  
  font-family:		var(--a-ff-co__block, var(--s-ff-co__block, 'Inter Var'));
  font-size: 		var(--a-fs-co__block, var(--s-fs-co__block, 14px));
  font-style:		var(--a-ft-co__block, var(--s-ft-co__block, normal));
  font-weight:		var(--a-fw-co__block, var(--s-fw-co__block, 400));
  text-decoration:	var(--a-td-co__block, var(--s-td-co__block, none)); 
  text-transform:	var(--a-tt-co__block, var(--s-tt-co__block, none));      
} 

body,
.roam-body-main {
  background-color: var(--a-bc-co__block, var(--s-bc-co__block, white));
}

.dnd-separator .dnd-drop-bar {
  background-color: var(--a-bc-co__dropbar, var(--s-bc-co__dropbar, #5c7080));
}
.rm-all-pages .bp3-button:not([class*="bp3-intent-"]) {
  color:			var(--a-co-ap__button, var(--s-co-ap__button, #182026));  
  background-color:	var(--a-bc-ap__button, var(--s-bc-ap__button, #fff)); 
 }

.rm-all-pages .bp3-button:not([class*="bp3-intent-"]):hover {
  color:			var(--a-co-ap__button-hover, var(--s-co-ap__button-hover, #182026));    
  background-color:	var(--a-bc-ap__button-hover, var(--s-bc-ap__button-hover, rgba(167,182,194,0.3))); 
}

.rm-all-pages .bp3-button:not([class*="bp3-intent-"])::before {
  color:			var(--a-co-ap__button, var(--s-co-ap__button, #182026));  
}

.rm-all-pages .bp3-button:not([class*="bp3-intent-"]):hover::before {
  color:			var(--a-co-ap__button-hover, var(--s-co-ap__button-hover, #182026));    
}

.rm-all-pages .bp3-button .bp3-icon,
.bp3-button .bp3-icon-standard, 
.bp3-button .bp3-icon-large {
  color: inherit;
}
.rm-pages-toolbar .toolbar-search-group .search-input {
  background-color:	var(--a-bc-ap__search, var(--s-bc-ap__search, #F5F8FA)); 
  border-top:		var(--a-bt-ap__search, var(--s-bt-ap__search, 1px solid #ededee));
  border-right:		var(--a-br-ap__search, var(--s-br-ap__search, 1px solid #ededee));
  border-bottom:	var(--a-bb-ap__search, var(--s-bb-ap__search, 1px solid #ededee));
  border-left:		var(--a-bl-ap__search, var(--s-bl-ap__search, 1px solid #ededee));
  border-radius:	var(--a-bd-ap__search, var(--s-bd-ap__search, 30px));
  color:			var(--a-co-ap__search, var(--s-co-ap__search, #182026));  
  font-family:		var(--a-ff-ap__search, var(--s-ff-ap__search, 'Inter Var'));
  font-size: 		var(--a-fs-ap__search, var(--s-fs-ap__search, inherit));
  font-style:		var(--a-ft-ap__search, var(--s-ft-ap__search, inherit));
  font-weight:		var(--a-fw-ap__search, var(--s-fw-ap__search, inherit));
  text-decoration:	var(--a-td-ap__search, var(--s-td-ap__search, none)); 
  text-transform:	var(--a-tt-ap__search, var(--s-tt-ap__search, none));        
}

.rm-pages-toolbar .toolbar-search-group .search-input::placeholder {
  color:			var(--a-co-ap__searchplaceholder, var(--s-co-ap__searchplaceholder, darkgray))!important;    
} 

.rm-pages-toolbar .toolbar-search-group .search-icon {
  color:			var(--a-co-ap__searchicon, var(--s-co-ap__searchicon, #5c7080));
}


.rm-pages-toolbar .toolbar-search-group .search-input:active,
.rm-pages-toolbar .toolbar-search-group .search-input:focus {
  background-color:	var(--a-bc-ap__search-focus, var(--s-bc-ap__search-focus, #F5F8FA)); 
  border-top:		var(--a-bt-ap__search-focus, var(--s-bt-ap__search-focus, 1px solid #ededee));
  border-right:		var(--a-br-ap__search-focus, var(--s-br-ap__search-focus, 1px solid #ededee));
  border-bottom:	var(--a-bb-ap__search-focus, var(--s-bb-ap__search-focus, 1px solid #ededee));
  border-left:		var(--a-bl-ap__search-focus, var(--s-bl-ap__search-focus, 1px solid #ededee));
}
#rm-all-pages-column-titles {
  background-color:	var(--a-bc-ap__rowheader, var(--s-bc-ap__rowheader, #E1E8ED)); 
  border-top:		var(--a-bt-ap__rowheader, var(--s-bt-ap__rowheader, none));
  border-right:		var(--a-br-ap__rowheader, var(--s-br-ap__rowheader, none));
  border-bottom:	var(--a-bb-ap__rowheader, var(--s-bb-ap__rowheader, none));
  border-left:		var(--a-bl-ap__rowheader, var(--s-bl-ap__rowheader, none));
  border-radius:	var(--a-bd-ap__rowheader, var(--s-bd-ap__rowheader, none));
}
#rm-all-pages-column-titles .rm-pages-col > span {
  color:			var(--a-co-ap__rowheader, var(--s-co-ap__rowheader, inherit));  
  font-family:		var(--a-ff-ap__rowheader, var(--s-ff-ap__rowheader, inherit));
  font-size: 		var(--a-fs-ap__rowheader, var(--s-fs-ap__rowheader, inherit));
  font-style:		var(--a-ft-ap__rowheader, var(--s-ft-ap__rowheader, inherit));
  font-weight:		var(--a-fw-ap__rowheader, var(--s-fw-ap__rowheader, inherit));
  text-decoration:	var(--a-td-ap__rowheader, var(--s-td-ap__rowheader, none)); 
  text-transform:	var(--a-tt-ap__rowheader, var(--s-tt-ap__rowheader, none));      
}
#rm-all-pages-column-titles .rm-pages-title-col {
  background-color:	var(--a-bc-ap__title, var(--s-bc-ap__title, inherit)); 
  border-top:		var(--a-bt-ap__title, var(--s-bt-ap__title, none));
  border-right:		var(--a-br-ap__title, var(--s-br-ap__title, none));
  border-bottom:	var(--a-bb-ap__title, var(--s-bb-ap__title, none));
  border-left:		var(--a-bl-ap__title, var(--s-bl-ap__title, none));
  border-radius:	var(--a-bd-ap__title, var(--s-bd-ap__title, none));
}

#rm-all-pages-column-titles .rm-pages-title-col > span {
  color:			var(--a-co-ap__title, var(--s-co-ap__title, inherit));  
  font-family:		var(--a-ff-ap__title, var(--s-ff-ap__title, inherit));
  font-size: 		var(--a-fs-ap__title, var(--s-fs-ap__title, inherit));
  font-style:		var(--a-ft-ap__title, var(--s-ft-ap__title, inherit));
  font-weight:		var(--a-fw-ap__title, var(--s-fw-ap__title, inherit));
  text-decoration:	var(--a-td-ap__title, var(--s-td-ap__title, none)); 
  text-transform:	var(--a-tt-ap__title, var(--s-tt-ap__title, none));
}
#rm-all-pages-column-titles .rm-pages-col > span.sorted-header-text {
  color:			var(--a-co-ap__sortedheader, var(--s-co-ap__sortedheader, #5C7080));  
  font-family:		var(--a-ff-ap__sortedheader, var(--s-ff-ap__sortedheader, inherit));
  font-size: 		var(--a-fs-ap__sortedheader, var(--s-fs-ap__sortedheader, inherit));
  font-style:		var(--a-ft-ap__sortedheader, var(--s-ft-ap__sortedheader, inherit));
  font-weight:		var(--a-fw-ap__sortedheader, var(--s-fw-ap__sortedheader, 600));
  text-decoration:	var(--a-td-ap__sortedheader, var(--s-td-ap__sortedheader, none)); 
  text-transform:	var(--a-tt-ap__sortedheader, var(--s-tt-ap__sortedheader, none));      
}
.sorting-button-group .sort-button {
  color:			var(--a-co-ap__sorticon, var(--s-co-ap__sorticon, inherit));   
}

.sorting-button-group .sort-button.focused {
  color:			var(--a-co-ap__sorticon-focused, var(--s-co-ap__sorticon-focused, inherit));  
}
.rm-all-pages .table .rm-pages-row .rm-pages-title-col {
  background-color:	var(--a-bc-ap__titlecolumn, var(--s-bc-ap__titlecolumn, inherit)); 
  border-top:		var(--a-bt-ap__titlecolumn, var(--s-bt-ap__titlecolumn, none));
  border-right:		var(--a-br-ap__titlecolumn, var(--s-br-ap__titlecolumn, none));
  border-bottom:	var(--a-bb-ap__titlecolumn, var(--s-bb-ap__titlecolumn, none));
  border-left:		var(--a-bl-ap__titlecolumn, var(--s-bl-ap__titlecolumn, none));
  border-radius:	var(--a-bd-ap__titlecolumn, var(--s-bd-ap__titlecolumn, none));
}
.rm-all-pages .table .rm-pages-row .rm-pages-title-col .title-children-text{  
  color:			var(--a-co-ap__titlechildren, var(--s-co-ap__titlechildren, #BFCCD6));  
  font-family:		var(--a-ff-ap__titlechildren, var(--s-ff-ap__titlechildren, inherit));
  font-size: 		var(--a-fs-ap__titlechildren, var(--s-fs-ap__titlechildren, inherit));
  font-style:		var(--a-ft-ap__titlechildren, var(--s-ft-ap__titlechildren, inherit));
  font-weight:		var(--a-fw-ap__titlechildren, var(--s-fw-ap__titlechildren, inherit));
  text-decoration:	var(--a-td-ap__titlechildren, var(--s-td-ap__titlechildren, none)); 
  text-transform:	var(--a-tt-ap__titlechildren, var(--s-tt-ap__titlechildren, none));        
}
.rm-all-pages .table .rm-pages-col {
  color:			var(--a-co-ap__pagescol, var(--s-co-ap__pagescol, inherit));  
  font-family:		var(--a-ff-ap__pagescol, var(--s-ff-ap__pagescol, inherit));
  font-size: 		var(--a-fs-ap__pagescol, var(--s-fs-ap__pagescol, inherit));
  font-style:		var(--a-ft-ap__pagescol, var(--s-ft-ap__pagescol, inherit));
  font-weight:		var(--a-fw-ap__pagescol, var(--s-fw-ap__pagescol, inherit));
  text-decoration:	var(--a-td-ap__pagescol, var(--s-td-ap__pagescol, none)); 
  text-transform:	var(--a-tt-ap__pagescol, var(--s-tt-ap__pagescol, none));        
}
.bp3-control .bp3-control-indicator {
  background-color:	var(--a-bc-ap_checkbox, var(--s-bc-ap_checkbox, inherit)); 
  border-top:		var(--a-bt-ap_checkbox, var(--s-bt-ap_checkbox, 1px solid #ccc));
  border-right:		var(--a-br-ap_checkbox, var(--s-br-ap_checkbox, 1px solid #ccc));
  border-bottom:	var(--a-bb-ap_checkbox, var(--s-bb-ap_checkbox, 1px solid #ccc));
  border-left:		var(--a-bl-ap_checkbox, var(--s-bl-ap_checkbox, 1px solid #ccc));
  border-radius:	var(--a-bd-ap_checkbox, var(--s-bd-ap_checkbox, none));
}

.bp3-control:hover .bp3-control-indicator {
  background-color:	var(--a-bc-ap_checkbox-hover, var(--s-bc-ap_checkbox-hover, #ebf1f5));  
}

.bp3-control input:checked ~ .bp3-control-indicator {
  background-color:	var(--a-bc-ap_checkbox-checked, var(--s-bc-ap_checkbox-checked, #106ba3));    
}

.bp3-control:hover input:checked ~ .bp3-control-indicator {
  background-color:	var(--a-bc-ap_checkbox-checkedhover, var(--s-bc-ap_checkboxhover-checked, #106ba3));    
}
.rm-all-pages .table .rm-pages-row {
  background-color:	var(--a-bc-ap__pagesrow, var(--s-bc-ap__pagesrow, inherit)); 
  border-top:		var(--a-bt-ap__pagesrow, var(--s-bt-ap__pagesrow, none));
  border-right:		var(--a-br-ap__pagesrow, var(--s-br-ap__pagesrow, none));
  border-bottom:	var(--a-bb-ap__pagesrow, var(--s-bb-ap__pagesrow, 1px solid #E1E8ED));
  border-left:		var(--a-bl-ap__pagesrow, var(--s-bl-ap__pagesrow, none));
  border-radius:	var(--a-bd-ap__pagesrow, var(--s-bd-ap__pagesrow, none));
}
.rm-all-pages .table  .rm-pages-title-text {
  background-color:	var(--a-bc-ap__titletext, var(--s-bc-ap__titletext, inherit)); 
  border-top:		var(--a-bt-ap__titletext, var(--s-bt-ap__titletext, none));
  border-right:		var(--a-br-ap__titletext, var(--s-br-ap__titletext, none));
  border-bottom:	var(--a-bb-ap__titletext, var(--s-bb-ap__titletext, none));
  border-left:		var(--a-bl-ap__titletext, var(--s-bl-ap__titletext, none));
  border-radius:	var(--a-bd-ap__titletext, var(--s-bd-ap__titletext, none));
  color:			var(--a-co-ap__titletext, var(--s-co-ap__titletext, black));  
  font-family:		var(--a-ff-ap__titletext, var(--s-ff-ap__titletext, inherit));
  font-size: 		var(--a-fs-ap__titletext, var(--s-fs-ap__titletext, 14px));
  font-style:		var(--a-ft-ap__titletext, var(--s-ft-ap__titletext, inherit));
  font-weight:		var(--a-fw-ap__titletext, var(--s-fw-ap__titletext, inherit));
  text-decoration:	var(--a-td-ap__titletext, var(--s-td-ap__titletext, none)); 
  text-transform:	var(--a-tt-ap__titletext, var(--s-tt-ap__titletext, none));        
}
.roam-body .rm-clickable-pill {
  background-color:	var(--a-bc-ap__pill, var(--s-bc-ap__pill, #2B95D6)); 
  border-top:		var(--a-bt-ap__pill, var(--s-bt-ap__pill, none));
  border-right:		var(--a-br-ap__pill, var(--s-br-ap__pill, none));
  border-bottom:	var(--a-bb-ap__pill, var(--s-bb-ap__pill, none));
  border-left:		var(--a-bl-ap__pill, var(--s-bl-ap__pill, none));
  border-radius:	var(--a-bd-ap__pill, var(--s-bd-ap__pill, 24px));
  color:			var(--a-co-ap__pill, var(--s-co-ap__pill, white));  
  font-family:		var(--a-ff-ap__pill, var(--s-ff-ap__pill, inherit));
  font-size: 		var(--a-fs-ap__pill, var(--s-fs-ap__pill, .8em));
  font-style:		var(--a-ft-ap__pill, var(--s-ft-ap__pill, inherit));
  font-weight:		var(--a-fw-ap__pill, var(--s-fw-ap__pill, 500));
  text-decoration:	var(--a-td-ap__pill, var(--s-td-ap__pill, none)); 
  text-transform:	var(--a-tt-ap__pill, var(--s-tt-ap__pill, none));      
}
.rm-calc-val {
  color:			var(--a-co-co__calc, var(--s-co-co__calc, #0A6640));  
}
.CodeMirror .CodeMirror-code pre {
  font-family:		var(--a-ff-co__codeblock, var(--s-ff-co__codeblock, 'Menlo'));
  font-size: 		var(--a-fs-co__codeblock, var(--s-fs-co__codeblock, 14px));
  font-style:		var(--a-ft-co__codeblock, var(--s-ft-co__codeblock, normal));
  font-weight:		var(--a-fw-co__codeblock, var(--s-fw-co__codeblock, 400));
  text-decoration:	var(--a-td-co__codeblock, var(--s-td-co__codeblock, none)); 
  text-transform:	var(--a-tt-co__codeblock, var(--s-tt-co__codeblock, none));      
}

.CodeMirror,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror .CodeMirror-code {
  background-color:	var(--a-bc-co__codeblock, var(--s-bc-co__codeblock, #F5F8FA)); 
  color:			var(--a-co-co__codeblock, var(--s-co-co__codeblock, inherit));  
}

.CodeMirror-linenumber {
  color:			var(--a-co-co__codeblocklinenumber, var(--s-co-co__codeblocklinenumber, inherit));    
}

.CodeMirror-gutters {
  border-right:		var(--a-br-co__codeblockgutters, var(--s-co-co__codeblockgutters, 1px solid #ddd));  
}

.CodeMirror-cursor {
  border-left: 		var(--a-br-co__codeblockcursor, var(--s-br-co__codeblockcursor, 1px solid black));
}
.cm-s-default .cm-header {
  color: var(--fg-code-header);
}

.cm-s-default .cm-quote {
  color: var(--fg-code-quote);
}

.cm-negative {
  color: var(--fg-code-negative);
}

.cm-positive {
  color: var(--fg-code-positive);
}

.cm-s-default .cm-keyword {
  color: var(--fg-code-keyword);
}

.cm-s-default .cm-atom {
  color: var(--fg-code-atom);
}

.cm-s-default .cm-number {
  color: var(--fg-code-number);
}

.cm-s-default .cm-def {
  color: var(--fg-code-def);
}

.cm-s-default .cm-variable-2 {
  color: var(--fg-code-variable-2);
}

.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: var(--fg-code-variable-3);
}

.cm-s-default .cm-comment {
  color: var(--fg-code-comment);
}

.cm-s-default .cm-string {
  color: var(--fg-code-string);
}

.cm-s-default .cm-string-2 {
  color: var(--fg-code-string-2);
}

.cm-s-default .cm-meta {
  color: var(--fg-code-meta);
}

.cm-s-default .cm-qualifier {
  color: var(--fg-code-qualifier);
}

.cm-s-default .cm-builtin {
  color: var(--fg-code-builtin);
}

.cm-s-default .cm-bracket {
  color: var(--fg-code-bracket);
}

.cm-s-default .cm-tag {
  color: var(--fg-code-tag);
}

.cm-s-default .cm-attribute {
  color: var(--fg-code-attribute);
}

.cm-s-default .cm-hr {
  color: var(--fg-code-hr);
}

.cm-s-default .cm-link {
  color: var(--fg-code-link);
}

.cm-s-default .cm-error {
  color: var(--fg-code-error);
}

.cm-invalidchar {
  color: var(--fg-code-invalidchar);
}
.rm-embed-container {
  background-color: var(--a-bc-co__embed1, var(--s-bc-co__embed1, #ebf1f5));
}
.rm-embed-container .rm-embed-container {
  background-color: var(--a-bc-co__embed2, var(--s-bc-co__embed2, #ced9e0));
}

.rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: var(--a-bc-co__embed3, var(--s-bc-co__embed3, #e1e8ed));
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: var(--a-bc-co__embed4, var(--s-bc-co__embed4, #f5f8fa));
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: var(--a-bc-co__embed5, var(--s-bc-co__embed5, #d8e1e8));
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: var(--a-bc-co__embed1, var(--s-bc-co__embed1, #ebf1f5));
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: var(--a-bc-co__embed2, var(--s-bc-co__embed2, #ced9e0));
}

.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(--a-bc-co__embed3, var(--s-bc-co__embed3, #e1e8ed));
}

.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(--a-bc-co__embed4, var(--s-bc-co__embed4, #f5f8fa));
}

.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(--a-bc-co__embed5, var(--s-bc-co__embed5, #d8e1e8));
}

.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(--a-bc-co__embed1, var(--s-bc-co__embed1, #ebf1f5));
}
.kanban-board {
  background-color:	var(--a-bc-co__kanbanboard, var(--s-bc-co__kanbanboard, #A7B6C2)); 
  border-top:		var(--a-bt-co__kanbanboard, var(--s-bt-co__kanbanboard, none));
  border-right:		var(--a-br-co__kanbanboard, var(--s-br-co__kanbanboard, none));
  border-bottom:	var(--a-bb-co__kanbanboard, var(--s-bb-co__kanbanboard, none));
  border-left:		var(--a-bl-co__kanbanboard, var(--s-bl-co__kanbanboard, none));
  border-radius:	var(--a-bd-co__kanbanboard, var(--s-bd-co__kanbanboard, none));
}

.kanban-column {
  background-color:	var(--a-bc-co__kanbancolumn, var(--s-bc-co__kanbancolumn, #ededed)); 
  border-top:		var(--a-bt-co__kanbancolumn, var(--s-bt-co__kanbancolumn, none));
  border-right:		var(--a-br-co__kanbancolumn, var(--s-br-co__kanbancolumn, none));
  border-bottom:	var(--a-bb-co__kanbancolumn, var(--s-bb-co__kanbancolumn, none));
  border-left:		var(--a-bl-co__kanbancolumn, var(--s-bl-co__kanbancolumn, none));
  border-radius:	var(--a-bd-co__kanbancolumn, var(--s-bd-co__kanbancolumn, none));
}

.kanban-column .kanban-title {
  background-color:	var(--a-bc-co__kanbantitle, var(--s-bc-co__kanbantitle, #ededed)); 
  border-top:		var(--a-bt-co__kanbantitle, var(--s-bt-co__kanbantitle, none));
  border-right:		var(--a-br-co__kanbantitle, var(--s-br-co__kanbantitle, none));
  border-bottom:	var(--a-bb-co__kanbantitle, var(--s-bb-co__kanbantitle, none));
  border-left:		var(--a-bl-co__kanbantitle, var(--s-bl-co__kanbantitle, none));
  border-radius:	var(--a-bd-co__kanbantitle, var(--s-bd-co__kanbantitle, none)); 
  color:			var(--a-co-co__kanbancolumn, var(--s-co-co__kanbancolumn, #202B33));  
  font-family:		var(--a-ff-co__kanbancolumn, var(--s-ff-co__kanbancolumn, inherit));
  font-size: 		var(--a-fs-co__kanbancolumn, var(--s-fs-co__kanbancolumn, inherit));
  font-style:		var(--a-ft-co__kanbancolumn, var(--s-ft-co__kanbancolumn, inherit));
  font-weight:		var(--a-fw-co__kanbancolumn, var(--s-fw-co__kanbancolumn, inherit));
  text-decoration:	var(--a-td-co__kanbancolumn, var(--s-td-co__kanbancolumn, none)); 
  text-transform:	var(--a-tt-co__kanbancolumn, var(--s-tt-co__kanbancolumn, none));        
}

.kanban-card {
  background-color:	var(--a-bc-co__kanbancard, var(--s-bc-co__kanbancard, white)); 
  border-top:		var(--a-bt-co__kanbancard, var(--s-bt-co__kanbancard, none));
  border-right:		var(--a-br-co__kanbancard, var(--s-br-co__kanbancard, none));
  border-bottom:	var(--a-bb-co__kanbancard, var(--s-bb-co__kanbancard, none));
  border-left:		var(--a-bl-co__kanbancard, var(--s-bl-co__kanbancard, none));
  border-radius:	var(--a-bd-co__kanbancard, var(--s-bd-co__kanbancard, none));
  color:			var(--a-co-co__kanbancard, var(--s-co-co__kanbancard, #202B33));  
  font-family:		var(--a-ff-co__kanbancard, var(--s-ff-co__kanbancard, inherit));
  font-size: 		var(--a-fs-co__kanbancard, var(--s-fs-co__kanbancard, inherit));
  font-style:		var(--a-ft-co__kanbancard, var(--s-ft-co__kanbancard, inherit));
  font-weight:		var(--a-fw-co__kanbancard, var(--s-fw-co__kanbancard, inherit));
  text-decoration:	var(--a-td-co__kanbancard, var(--s-td-co__kanbancard, none)); 
  text-transform:	var(--a-tt-co__kanbancard, var(--s-tt-co__kanbancard, none));      
}

.kanban-card .rm-mentions .rm-ref-page-view .rm-ref-page-view-title a, 
.kanban-card .rm-page-ref.rm-page-ref--link {
  color:			var(--a-co-co__kanbancard, var(--s-co-co__kanbancard, #202B33));    
}
                
.rm-query .rm-query-title {
  background-color:	var(--a-bc-sb__querytitle, var(--s-bc-sb__querytitle, #E1E8ED)); 
  border-top:		var(--a-bt-sb__querytitle, var(--s-bt-sb__querytitle, none));
  border-right:		var(--a-br-sb__querytitle, var(--s-br-sb__querytitle, none));
  border-bottom:	var(--a-bb-sb__querytitle, var(--s-bb-sb__querytitle, none));
  border-left:		var(--a-bl-sb__querytitle, var(--s-bl-sb__querytitle, none));
  border-radius:	var(--a-bd-sb__querytitle, var(--s-bd-sb__querytitle, none));
  color:			var(--a-co-sb__querytitle, var(--s-co-sb__querytitle, #137CBD));  
  font-family:		var(--a-ff-sb__querytitle, var(--s-ff-sb__querytitle, inherit));
  font-size: 		var(--a-fs-sb__querytitle, var(--s-fs-sb__querytitle, inherit));
  font-style:		var(--a-ft-sb__querytitle, var(--s-ft-sb__querytitle, inherit));
  font-weight:		var(--a-fw-sb__querytitle, var(--s-fw-sb__querytitle, inherit));
  text-decoration:	var(--a-td-sb__querytitle, var(--s-td-sb__querytitle, none)); 
  text-transform:	var(--a-tt-sb__querytitle, var(--s-tt-sb__querytitle, none));      
}
.rm-query {
  background-color:	var(--a-bc-sb__query, var(--s-bc-sb__query, inherit)); 
  border-top:		var(--a-bt-sb__query, var(--s-bt-sb__query, .5px solid #BFCCD6));
  border-right:		var(--a-br-sb__query, var(--s-br-sb__query, .5px solid #BFCCD6));
  border-bottom:	var(--a-bb-sb__query, var(--s-bb-sb__query, .5px solid #BFCCD6));
  border-left:		var(--a-bl-sb__query, var(--s-bl-sb__query, .5px solid #BFCCD6));
  border-radius:	var(--a-bd-sb__query, var(--s-bd-sb__query, none));
}
.rm-bq {
  background-color:	var(--a-bc-co__quote, var(--s-bc-co__quote, #F5F8FA)); 
  border-top:		var(--a-bt-co__quote, var(--s-bt-co__quote, none));
  border-right:		var(--a-br-co__quote, var(--s-br-co__quote, none));
  border-bottom:	var(--a-bb-co__quote, var(--s-bb-co__quote, none));
  border-left:		var(--a-bl-co__quote, var(--s-bl-co__quote, 5px solid #30404D));
  border-radius:	var(--a-bd-co__quote, var(--s-bd-co__quote, none));
  color:			var(--a-co-co__quote, var(--s-co-co__quote, inherit));  
  font-family:		var(--a-ff-co__quote, var(--s-ff-co__quote, 'Inter Var'));
  font-size: 		var(--a-fs-co__quote, var(--s-fs-co__quote, 14px));
  font-style:		var(--a-ft-co__quote, var(--s-ft-co__quote, normal));
  font-weight:		var(--a-fw-co__quote, var(--s-fw-co__quote, 400));
  text-decoration:	var(--a-td-co__quote, var(--s-td-co__quote, none)); 
  text-transform:	var(--a-tt-co__quote, var(--s-tt-co__quote, none));      
}
.check-container input:checked~.checkmark {
  background-color: var(--a-bc-co__checkmark-checked, var(--s-bc-co__checkmark-checked, #137CBD));
}

.checkmark {
  border: var(--a-br-co__checkmark, var(--s-br-co__checkmark, 1px solid #A7B6C2));
}
.version-bullet {
  background-color:		var(--a-bc-co__version, var(--s-bc-co__version, rgb(16, 107, 163)))!important;  
}
/* Fix bullets */
.rm-block--ghost .controls,
.rm-block--ghost .rm-block__controls {
  display: flex;
  flex: 0 0 41px;
  padding-top: 4px;
  padding-left: 3px;
}

.controls,
.rm-block__controls {
  display: flex;
  flex: 0 0 45px;
  padding-top: 3px;
  padding-left: 7px;
}

.rm-bullet {
  margin-top: 2px;
}

.rm-bullet.rm-bullet--numbered {
  margin-top: 0px;
}

.rm-multibar {
  left: -3px;
}

/* Fix width of starred pages wrapper */
#app
  > div
  > div.roam-app
  > div.roam-sidebar-container.noselect
  > div
  > div.flex-v-box.starred-pages-wrapper {
  padding: 8px 0 !important;
}

#app
  > div
  > div.roam-app
  > div.roam-sidebar-container.noselect
  > div
  > div.flex-v-box.starred-pages-wrapper
  > div.flex-h-box {
  padding: 0 20px;
}

div.page {
  padding: 8px 20px 8px 20px !important;
}

/* Remove shadow from Search */
.rm-topbar .bp3-input[type="search"],
.rm-topbar .bp3-input.bp3-round {
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

/* Remove opacity from Graph Dropdown */
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
  opacity: 100%;
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .menu-item {
  padding: 6px 8px;
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .signout {
  font-family: var(--fnt-family-graphdropdown, "Inter var", sans-serif);
  font-size: var(--fnt-size-graphdropdown, 14px);
  font-style: var(--fnt-style-graphdropdown, normal);
  font-weight: var(--fnt-weight-graphdropdown, 400);
  opacity: 100%;
}

/* Remove underline from Roam Logo */
#roam-sidebar-logo,
#roam-sidebar-logo a,
#roam-sidebar-logo a:hover, 
#roam-sidebar-logo:hover {
  text-decoration: none!important;
}

/* Fix Code gutter font */
.CodeMirror-linenumber.CodeMirror-gutter-elt {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

/* Move reference block a bit to the right */
.rm-mentions .rm-ref-page-view {
  margin-left: 12px;
}

/* Remove fixed line-height */
div {
  line-height: unset;
}

/* Fix padding of unlinked references */
#app > div > div > div.flex-h-box > div.roam-main > div.roam-body-main > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(1) {
  padding-top: 8px;
}

/* Fix HR margins */
.rm-hr {
  margin-bottom: 10px;
}

.rm-reference-main > div {
  margin: -4px -4px 0px -18px;
}

.rm-ref-page-view > div:nth-child(2) {
  margin-left: 20px!important;
}

.rm-reference-item {
  margin-bottom: 4px;
}

.rm-inline-references .rm-inline-reference .rm-caret-wrapper {
  margin-top: 5px;
}

.rm-all-pages .table .rm-pages-row .rm-pages-col {
  flex: 0 0 160px;
}

/* Remove shadow from elevation */
.bp3-elevation-3 {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Remove shadow from popover */
.bp3-popover,
.bp3-button:not([class*="bp3-intent-"]):hover {
  -webkit-box-shadow: none;
  box-shadow: none;  
}

/* Remove shadow from card */
.bp3-card {
  -webkit-box-shadow: none;
  box-shadow: none;  
}

/* Remove shadow from input fields */
.bp3-input:focus, 
.bp3-input.bp3-active,
.bp3-input {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
  opacity: 100%;
}

/* Remove shadow from check boxes */
.bp3-control input:checked ~ .bp3-control-indicator,
.bp3-control .bp3-control-indicator,
.bp3-control input:not(:disabled):active ~ .bp3-control-indicator {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
}

/* Fix query inner margin */
.rm-query .rm-mentions .rm-ref-page-view {
  margin-left: 21px;
}

/* Reduce Margin of search field for filter dialog */
div.bp3-popover-content > div > div > input {
  margin-top: 8px!important;
  margin-right: 4px!important;
  margin-bottom: 8px!important;
  margin-left: 4px!important;
}

/* Remove pixel from filter dialog */
div.bp3-popover-content > div > div > div.flex-h-box > div.rm-line {
  display: none;  
}

/* Fix tooltip arrow */
.bp3-overlay-open div.bp3-popover-arrow::before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

div.bp3-popover-arrow {
  top: -8px!important;
}

.bp3-tooltip > div.bp3-popover-arrow {
  top: -6px!important;
}

/* Remove shadow from dropdown menu */
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Fix sidebar letter spacing */
.roam-sidebar-content {
  letter-spacing: unset!important;
}

/* Remove smaller font size for zoom path */
.rm-zoom-path {
  font-size: unset;
}

/* Add small padding for smaller text in other columns at all pages */
.rm-all-pages .table .rm-pages-row .rm-pages-col {
  padding: 10px 2px;
}

/* Slightly smaller other columns for all pages */
.rm-all-pages .table .rm-pages-row .rm-pages-col {
flex: 0 0 140px;
}

/* Fix checkbox on all pages */
.bp3-control .bp3-control-indicator::before {
  height: 16px;
  width: unset;
}

/* Fix search width on all pages */
#all-pages-search > div.flex-h-box.rm-pages-toolbar > div.toolbar-search-group > div > input {
  width: 200px;
}

.bp3-menu {
  background-color:	transparent; 
  border-top:		none;
  border-right:		none;
  border-bottom:	none;
  border-left:		none;
  border-radius:	0;
}

.rm-zoom-mask .bp3-icon-circle {
  font-size: 14px!important;
}

.rm-block-text .bp3-popover-target {
  display: inline-block;
}

.rm-all-pages .table .rm-pages-row .rm-pages-title-col {
  padding: 9px 4px;
}