pre code.hljs
{
	display: block;
	overflow-x: auto;
}

code.hljs
{
	padding: 3px 5px
}

@media (prefers-color-scheme: dark)
{
	.hljs
	{
		background: #1e1e1e;
		color: #dcdcdc
	}
	
	.hljs-keyword,
	.hljs-literal,
	.hljs-name,
	.hljs-symbol {
		color: #569cd6
	}
	
	.hljs-link {
		color: #569cd6;
		text-decoration: underline
	}
	
	.hljs-built_in,
	.hljs-type {
		color: #4ec9b0
	}
	
	.hljs-class,
	.hljs-number {
		color: #b8d7a3
	}
	
	.hljs-meta .hljs-string,
	.hljs-string {
		color: #d69d85
	}
	
	.hljs-regexp,
	.hljs-template-tag {
		color: #9a5334
	}
	
	.hljs-formula,
	.hljs-function,
	.hljs-params,
	.hljs-subst,
	.hljs-title {
		color: #dcdcdc
	}
	
	.hljs-comment,
	.hljs-quote {
		color: #57a64a;
		font-style: italic
	}
	
	.hljs-doctag {
		color: #608b4e
	}
	
	.hljs-meta,
	.hljs-meta .hljs-keyword,
	.hljs-tag {
		color: #9b9b9b
	}
	
	.hljs-template-variable,
	.hljs-variable {
		color: #bd63c5
	}
	
	.hljs-attr,
	.hljs-attribute {
		color: #9cdcfe
	}
	
	.hljs-section {
		color: gold
	}
	
	.hljs-emphasis {
		font-style: italic
	}
	
	.hljs-strong {
		font-weight: 700
	}
	
	.hljs-bullet,
	.hljs-selector-attr,
	.hljs-selector-class,
	.hljs-selector-id,
	.hljs-selector-pseudo,
	.hljs-selector-tag {
		color: #d7ba7d
	}
	
	.hljs-addition {
		background-color: #144212;
		display: inline-block;
		width: 100%
	}
	
	.hljs-deletion {
		background-color: #600;
		display: inline-block;
		width: 100%
	}
}

@media (prefers-color-scheme: light)
{
    .hljs
    {
        background: #dcdcdc;
        color: #1e1e1e
    }

	.hljs-keyword,
	.hljs-literal,
	.hljs-name,
	.hljs-symbol {
		color: #4393b5;
	}

	.hljs-link {
		color: #4393b5;
		text-decoration: underline;
	}

	.hljs-built_in,
	.hljs-type {
		color: #3aa78f;
	}

	.hljs-class,
	.hljs-number {
		color: #9ac97d;
	}

	.hljs-meta .hljs-string,
	.hljs-string {
		color: #d36a3e;
	}

	.hljs-regexp,
	.hljs-template-tag {
		color: #86302e;
	}

	.hljs-formula,
	.hljs-function,
	.hljs-params,
	.hljs-subst,
	.hljs-title {
		color: #232323;
	}

	.hljs-comment,
	.hljs-quote {
		color: #42993a;
		font-style: italic;
	}

	.hljs-doctag {
		color: #4f7f3b;
	}

	.hljs-meta,
	.hljs-meta .hljs-keyword,
	.hljs-tag {
		color: #888888;
	}

	.hljs-template-variable,
	.hljs-variable {
		color: #a02a99;
	}

	.hljs-attr,
	.hljs-attribute {
		color: #7cb9d5;
	}

	.hljs-section {
		color: #db9a33;
	}

	.hljs-emphasis {
		font-style: italic
	}

	.hljs-strong {
		font-weight: 700
	}

	.hljs-bullet,
	.hljs-selector-attr,
	.hljs-selector-class,
	.hljs-selector-id,
	.hljs-selector-pseudo,
	.hljs-selector-tag {
		color: #e5a543
	}

	.hljs-addition {
		background-color: #144212;
		display: inline-block;
		width: 100%
	}

	.hljs-deletion {
		background-color: #600;
		display: inline-block;
		width: 100%
	}
}