.shj-inline {
	margin: 0;
	padding: 2px 5px;
	display: inline-table;
	border-radius: 5px;
}

.shj-numbers {
	padding-left: 5px;
	counter-reset: line;
}
.shj-numbers div {
	padding-right: 5px;
}
.shj-numbers div::before {
	color: #999;
	display: block;
	content: counter(line);
	opacity: 0.5;
	text-align: right;
	margin-right: 5px;
	counter-increment: line;
}

.shj-syn-cmnt {
	font-style: italic;
}

.shj-syn-err,
.shj-syn-kwd {
	color: #e16;
}
.shj-syn-num,
.shj-syn-class {
	color: #f60;
}
.shj-numbers,
.shj-syn-cmnt {
	color: #999;
}
.shj-syn-insert,
.shj-syn-str {
	color: #7d8;
}
.shj-syn-bool {
	color: #3bf;
}
.shj-syn-type,
.shj-syn-oper {
	color: #5af;
}
.shj-syn-section,
.shj-syn-func {
	color: #84f;
}
.shj-syn-deleted,
.shj-syn-var {
	color: #f44;
}

.shj-oneline {
	padding: 12px 10px;
}
.shj-lang-http.shj-oneline .shj-syn-kwd {
	background: #25f;
	color: #fff;
	padding: 5px 7px;
	border-radius: 5px;
}

.shj-multiline.shj-mode-header {
	padding: 20px;
}
.shj-multiline.shj-mode-header:before {
	content: attr(data-lang);
	color: #58f;
	display: block;
	padding: 10px 20px;
	background: #58f3;
	border-radius: 5px;
	margin-bottom: 20px;
}

/* Dark theme: */

[class*='shj-lang-'] {
	color: #f8f8f2;
	background: #1a1a1c;
}
[class*='shj-lang-']:before {
	color: #6f9aff;
}

.shj-syn-deleted,
.shj-syn-err,
.shj-syn-var {
	color: #ff5261;
}
.shj-syn-section,
.shj-syn-kwd {
	color: #ff7cc6;
}
.shj-syn-class {
	color: #eab07c;
}
.shj-numbers,
.shj-syn-cmnt {
	color: #7d828b;
}
.shj-syn-insert,
.shj-syn-type,
.shj-syn-func,
.shj-syn-bool {
	color: #71d58a;
}
.shj-syn-num {
	color: #b581fd;
}
.shj-syn-oper {
	color: #80c6ff;
}
.shj-syn-str {
	color: #4dacfa;
}
