pre code.hljs {
	display: block;
	scroll-behavior: smooth;
}
code.hljs {
	padding: 3px 5px
}
.hljs {
	color: var(--base1);
	background: var(--base02);
}
.hljs ::selection, 
.hljs::selection {
	background-color: var(--base03);
	color: var(--base1);
}
.hljs-comment {
	color: var(--base0);
	font-style: italic;
}
.hljs-tag {
	color: var(--base00);
}
.hljs-operator, 
.hljs-punctuation, 
.hljs-subst {
	color: var(--base1);
}
.hljs-operator {
	opacity: .7
}
.hljs-bullet, 
.hljs-deletion, 
.hljs-name, 
.hljs-selector-tag, 
.hljs-template-variable {
	color: var(--blue);
}
.hljs-variable {
	color: var(--green);
}
.hljs-variable.language_ {
	color: var(--green);
}
.hljs-attr, 
.hljs-link, 
.hljs-literal, 
.hljs-number, 
.hljs-symbol, 
.hljs-variable.constant_ {
	color: var(--base1);
}
.hljs-class .hljs-title, 
.hljs-title, 
.hljs-title.class_ {
	color: var(--yellow) !important;
}
.hljs-strong {
	font-weight: 700;
	color: var(--yellow);
}
.hljs-addition, 
.hljs-code, 
.hljs-string, 
.hljs-title.class_.inherited__ {
	color: var(--cyan);
}
.hljs-built_in, 
.hljs-doctag, 
.hljs-keyword.hljs-atrule, 
.hljs-quote, 
.hljs-regexp {
	color: var(--cyan);
}
.hljs-attribute, 
.hljs-function .hljs-title, 
.hljs-section, 
.hljs-title.function_, 
.ruby .hljs-property {
	color: var(--blue);
}
.hljs-property {
	color: var(--yellow);
}
.diff .hljs-meta, 
.hljs-template-tag, 
.hljs-type {
	color: var(--violet);
}
.hljs-emphasis {
	color: var(--violet);
	font-style: italic
}
.hljs-keyword, 
.hljs-meta, 
.hljs-meta .hljs-keyword, 
.hljs-meta .hljs-string {
	color: var(--magenta);
}
.hljs-meta .hljs-keyword, 
.hljs-meta-keyword {
	font-weight: 700
}