.TextEditor {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	text-align: start;
}

.TextEditor p,
.TextEditor div,
.TextEditor span,
.TextEditor textarea {
	font-size: 1em;
}

.View, .Code {
	width: 100%;
	height: 100%;
	padding: 1rem !important;
	color: var(--foreground-color-0) !important;
	background-color: var(--background-color-2) !important;
	border: none;
	outline: none;
	font-size: 1rem;
	font-family: var(--body-font-family);
	resize: none;
	overflow: auto;
}

.View img {
	max-width: 100%;
	object-fit: contain;
	border-radius: var(--border-radius-0);
	margin-right: 0.5rem;
}

.View blockquote {
	margin-left: 0;
	padding: 0.5rem;
	padding-left: 1.5rem;
	border-left: 1rem solid var(--background-color-0);
	background-color: var(--background-color-1);
	border-radius: var(--border-radius-1);
}

.View blockquote > p {
	width: fit-content;
	margin: 0;
}

.View code {
	font-family: var(--mono-font-family);
	border-radius: var(--border-radius-1);
	background-color: var(--background-color-1);
	padding: 0.25rem;
}

.View table {
	border-collapse: collapse;
}

.View table, .View th, .View td {
	border: 0.2rem solid var(--background-color-0);
}

.View th, .View td {
	padding: 0.5rem;
}

.Code {
	margin: 0;
	cursor: default;
}

.Code *[class*="hljs-string"] { color: var(--green-0); }
.Code *[class*="hljs-literal"] { color: var(--yellow-0); }
.Code *[class*="hljs-number"] { color: var(--yellow-0); }
.Code *[class*="hljs-keyword"] { color: var(--blue-0); }
.Code *[class*="hljs-title"] { color: var(--cyan-0); }
.Code *[class*="hljs-name"] { color: var(---red-0); }
.Code *[class*="hljs-attr"] { color: var(--blue-0); }
.Code *[class*="hljs-param"] { color: var(---red-0); }
.Code *[class*="hljs-comment"] { color: var(--black-0); }
.Code *[class*="linenumber"] { color: var(--black-0); }
.Code *[class*="hljs-meta"] { color: var(--blue-0); }