/* colors and styles for code and codeblocks */
code {
	color: var(--color-success);
	border-radius: 8px;
	background: var(--color-base-100);
	vertical-align: middle;
	padding: 0.2em;
}

p code {
	font-size: 16px;
}

li code {
	display: contents;
	vertical-align: middle;
	font-size: 16px;
}

div.highlighter-rouge,
figure.highlight {
	position: relative;
	overflow: clip;
	border: solid 4px var(--color-neutral);
	border-radius: 25px;
	color: var(--color-base-content);
	font-family: Monaco, Consolas, 'Lucida Console', monospace;
	line-height: 1.8;
	margin-left: 32px;
	margin-right: 32px;
	margin-bottom: 32px;
}
div.highlighter-rouge code,
figure.highlight code {
	padding: 0;
}

/* give codeblocks a scrollbar */
div.highlighter-rouge > pre,
div.highlighter-rouge pre.highlight,
figure.highlight > pre,
figure.highlight pre.highlight {
	margin: 0;
	white-space: pre-wrap;
	overflow: auto;
}

div.highlight {
	padding: 1em;
}

.highlight table {
	margin-bottom: 0;
	font-size: 1em;
	border: 0;
}

.highlight table td {
	padding: 0;
	width: calc(100% - 1em);
	border: 0;
}

.highlight table td.gutter,
.highlight table td.rouge-gutter {
	padding-right: 1em;
	width: 1em;
	color: var(--color-info);
	border-right: 1px solid var(--color-info);
	text-align: right;
}

.highlight table td.code,
.highlight table td.rouge-code {
	padding-left: 1em;
}

.highlight table pre {
	margin: 0;
}

.highlight pre {
	width: 100%;
}

.highlight .hll {
	background-color: var(--color-base-300);
}

.highlight {
	background: var(--color-base-100);
	color: var(--color-base-content);
}

.highlight .c {
	color: var(--color-neutral);
} /* Comment */
.highlight .err {
	color: var(--color-error);
} /* Error */
.highlight .k {
	color: var(--color-secondary);
} /* Keyword */
.highlight .l {
	color: var(--color-warning);
} /* Literal */
.highlight .n {
	color: var(--color-base-content);
} /* Name */
.highlight .o {
	color: var(--color-info);
} /* Operator */
.highlight .p {
	color: var(--color-base-content);
} /* Punctuation */
.highlight .ch {
	color: var(--color-neutral);
} /* Comment.Hashbang */
.highlight .cm {
	color: var(--color-neutral);
} /* Comment.Multiline */
.highlight .cp {
	color: var(--color-neutral);
} /* Comment.Preproc */
.highlight .cpf {
	color: var(--color-neutral);
} /* Comment.PreprocFile */
.highlight .c1 {
	color: var(--color-neutral);
} /* Comment.Single */
.highlight .cs {
	color: var(--color-neutral);
} /* Comment.Special */
.highlight .gd {
	color: var(--color-error);
} /* Generic.Deleted */
.highlight .ge {
	font-style: italic;
} /* Generic.Emph */
.highlight .gh {
	color: var(--color-base-content);
	font-weight: bold;
} /* Generic.Heading */
.highlight .gi {
	color: var(--color-success);
} /* Generic.Inserted */
.highlight .gp {
	color: var(--color-neutral);
	font-weight: bold;
} /* Generic.Prompt */
.highlight .gs {
	font-weight: bold;
} /* Generic.Strong */
.highlight .gu {
	color: var(--color-info);
	font-weight: bold;
} /* Generic.Subheading */
.highlight .kc {
	color: var(--color-secondary);
} /* Keyword.Constant */
.highlight .kd {
	color: var(--color-secondary);
} /* Keyword.Declaration */
.highlight .kn {
	color: var(--color-info);
} /* Keyword.Namespace */
.highlight .kp {
	color: var(--color-secondary);
} /* Keyword.Pseudo */
.highlight .kr {
	color: var(--color-secondary);
} /* Keyword.Reserved */
.highlight .kt {
	color: var(--color-warning);
} /* Keyword.Type */
.highlight .ld {
	color: var(--color-success);
} /* Literal.Date */
.highlight .m {
	color: var(--color-warning);
} /* Literal.Number */
.highlight .s {
	color: var(--color-success);
} /* Literal.String */
.highlight .na {
	color: var(--color-info);
} /* Name.Attribute */
.highlight .nb {
	color: var(--color-base-content);
} /* Name.Builtin */
.highlight .nc {
	color: var(--color-warning);
} /* Name.Class */
.highlight .no {
	color: var(--color-error);
} /* Name.Constant */
.highlight .nd {
	color: var(--color-info);
} /* Name.Decorator */
.highlight .ni {
	color: var(--color-base-content);
} /* Name.Entity */
.highlight .ne {
	color: var(--color-error);
} /* Name.Exception */
.highlight .nf {
	color: var(--color-info);
} /* Name.Function */
.highlight .nl {
	color: var(--color-base-content);
} /* Name.Label */
.highlight .nn {
	color: var(--color-warning);
} /* Name.Namespace */
.highlight .nx {
	color: var(--color-info);
} /* Name.Other */
.highlight .py {
	color: var(--color-base-content);
} /* Name.Property */
.highlight .nt {
	color: var(--color-info);
} /* Name.Tag */
.highlight .nv {
	color: var(--color-error);
} /* Name.Variable */
.highlight .ow {
	color: var(--color-info);
} /* Operator.Word */
.highlight .w {
	color: var(--color-base-content);
} /* Text.Whitespace */
.highlight .mb {
	color: var(--color-warning);
} /* Literal.Number.Bin */
.highlight .mf {
	color: var(--color-warning);
} /* Literal.Number.Float */
.highlight .mh {
	color: var(--color-warning);
} /* Literal.Number.Hex */
.highlight .mi {
	color: var(--color-warning);
} /* Literal.Number.Integer */
.highlight .mo {
	color: var(--color-warning);
} /* Literal.Number.Oct */
.highlight .sa {
	color: var(--color-success);
} /* Literal.String.Affix */
.highlight .sb {
	color: var(--color-success);
} /* Literal.String.Backtick */
.highlight .sc {
	color: var(--color-base-content);
} /* Literal.String.Char */
.highlight .dl {
	color: var(--color-success);
} /* Literal.String.Delimiter */
.highlight .sd {
	color: var(--color-neutral);
} /* Literal.String.Doc */
.highlight .s2 {
	color: var(--color-success);
} /* Literal.String.Double */
.highlight .se {
	color: var(--color-warning);
} /* Literal.String.Escape */
.highlight .sh {
	color: var(--color-success);
} /* Literal.String.Heredoc */
.highlight .si {
	color: var(--color-warning);
} /* Literal.String.Interpol */
.highlight .sx {
	color: var(--color-success);
} /* Literal.String.Other */
.highlight .sr {
	color: var(--color-success);
} /* Literal.String.Regex */
.highlight .s1 {
	color: var(--color-success);
} /* Literal.String.Single */
.highlight .ss {
	color: var(--color-success);
} /* Literal.String.Symbol */
.highlight .bp {
	color: var(--color-base-content);
} /* Name.Builtin.Pseudo */
.highlight .fm {
	color: var(--color-info);
} /* Name.Function.Magic */
.highlight .vc {
	color: var(--color-error);
} /* Name.Variable.Class */
.highlight .vg {
	color: var(--color-error);
} /* Name.Variable.Global */
.highlight .vi {
	color: var(--color-error);
} /* Name.Variable.Instance */
.highlight .vm {
	color: var(--color-error);
} /* Name.Variable.Magic */
.highlight .il {
	color: var(--color-warning);
} /* Literal.Number.Integer.Long */