/* -------------------------------------------------------------------- */

.theme-dark {
	--quote-qutter-background: var(--color-base-25);
	--code-border-color: var(--color-base-30);

	--color-yellow-rgb: 260, 200, 44;
	--color-yellow: #ffc82c;
	--color-orange-rgb: 255, 144, 0;
	--color-orange: #ff9000;
	--color-pink-rgb: 255, 77, 123;
	--color-pink: #ff4d7b;
	--color-cyan-rgb: 0, 191, 188;
	--color-cyan: #00bfbc;
	--color-purple-rgb: 120, 82, 238;
	--color-purple: #7852ee;
}

.theme-light {
	--quote-qutter-background: var(--color-base-25);

	--color-pink-rgb: 232, 66, 109;
	--color-pink: #e8426d;
}

body {
	--callout-radius: 8px;
	--callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-5);
	--code-border-color: var(--color-base-25);
	--code-pre-radius: var(--callout-radius);
	--checklist-done-color: var(--color-base-40);

	--embed-padding: 0 0 0 20px;
}







.markdown-rendered blockquote {
	position: relative;
	border-left: 0;
	padding: 0 0 0 20px;
}

.markdown-rendered blockquote:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	width: 4px;
	background-color: var(--quote-qutter-background);
	border-radius: var(--radius-s);
}


.markdown-source-view.is-live-preview.markdown-source-view.is-live-preview .HyperMD-quote:before,
.markdown-source-view .cm-blockquote-border:before {
	border-inline-start: 0px solid transparent;
	width: 4px;
	background-color: var(--quote-qutter-background);
	border-radius: var(--radius-s);
	
}




.callout {
	position: relative;
}

.callout::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	bottom: 1px;
	width: 10px;
	border-left: 4px solid rgb(var(--callout-color));
	
}

.callout > .callout-content {
	--quote-qutter-background: rgba(var(--callout-color), 0.15);
}

.callout .callout-title {
	gap: 8px;
}

.callout .callout-title-inner {
	color: var(--text-normal);
	font-weight: 600;
}

.callout > .callout-content > *:first-child {
	margin-block-start: 8px;
	margin-top: 8px;
}

.callout > .callout-content > *:last-child {
	margin-block-end: 0;
	margin-bottom: 0;
}




.cm-comment.cm-strong,
.cm-comment .cm-strong,
.cm-comment.cm-em,
.cm-comment .cm-em,
.cm-comment.cm-quote.cm-quote,
.cm-comment .cm-quote.cm-quote {
	color: var(--code-comment)
}



.markdown-rendered .internal-link {
	text-decoration: none;
}

.markdown-rendered .internal-link:hover {
	text-decoration: underline;
}

.markdown-rendered .external-link {
	padding-inline-end: 1.1em;
}




.markdown-rendered.show-indentation-guide li > ul::before,
.markdown-rendered.show-indentation-guide li > ol::before
{
	left: calc(-1em - 1px);

	border: none;
	background-image: linear-gradient(var(--indentation-guide-color) 40%, rgba(255,255,255,0) 0%);
	background-position: right;
	background-size: 1px 5px;
	background-repeat: repeat-y;
	width: 1px;
}


.markdown-source-view.mod-cm6 .cm-indent::before {
	transform: translateX(calc(0.15em + 2px));

	border: none;
	background-image: linear-gradient(var(--indentation-guide-color) 40%, rgba(255,255,255,0) 0%);
	background-position: right;
	background-size: 1px 5px;
	background-repeat: repeat-y;
	width: 1px;
}


.nav-folder.mod-root .nav-folder > .nav-folder-children,
.tree-item-children {
	border-left: 1px dashed var(--nav-indentation-guide-color)
}



.markdown-rendered code, .cm-s-obsidian span.cm-inline-code {
	border-radius: var(--code-radius);
	font-size: var(--code-size);
	padding: 0.13em 0.45em;
	background-color: color(from var(--color-base-70) srgb r g b / 0.1);
}

.cm-s-obsidian .cm-inline-code:not(.cm-formatting) {
	padding: 0.15em 0.45em;
}

.markdown-rendered pre {
	border-radius: var(--code-pre-radius);
}




.internal-embed.markdown-embed {
	border: 0;
	position: relative;
}

.internal-embed.markdown-embed:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	width: 4px;
	background-color: var(--quote-qutter-background);
	border-radius: var(--radius-s);
}

.callout-content .internal-embed.markdown-embed:after {
	background-color: rgb(var(--callout-color));
	opacity: 0.15;
}