code:not(.br-ignore),
.br-code {
	display: block;
	overflow: auto;
    font-family: monospace;
	font-size: 0.85rem;
	line-height: 1.45;
	tab-size: 4;
	border-radius: var(--br-border-radius);
    color: var(--br-dark, #dcdcdc) var(--br-light, #333);
	background-color: var(--br-light, #f0f0f0) var(--br-dark, #1e1e1e);
    padding: var(--br-size-4) var(--br-size-5);
    border: var(--br-border);
}

code:not(.br-code-inline):not(.br-ignore),
.br-code:not(.br-code-inline) {
	white-space: pre;
    border: var(--br-border);
}

code.br-code-inline:not(.br-ignore),
.br-code.br-code-inline {
	display: inline;
	padding: 0.5ch 0.75ch;
}

.br-token-string {
    color: var(--br-dark, #d69d85) var(--br-light, #312212);
}
/* Literals with backticks */
.br-token-string2 {
    color: var(--br-dark, #d69d85) var(--br-light, #312212);
}
.br-token-property-name {
    color: var(--br-dark, #9cdcfe) var(--br-light, #037e0b);
}
.br-token-comment {
    color: var(--br-dark, #6a9955) var(--br-light, #2f9d62);
}
.br-token-classname {
    color: var(--br-dark, #d7ba7d) var(--br-light, #c79e09);
}
.br-token-number {
    color: var(--br-dark, #b5cea8) var(--br-light, #085ad6);
}
.br-token-keyword {
    color: var(--br-dark, #c586c0) var(--br-light, #c123b4);
}
.br-token-atom {
    color: var(--br-dark, #d69d85) var(--br-light, #312212);
}
.br-token-variable-name {
    color: var(--br-dark, #9cdcfe) var(--br-light, #037e0b);
}
.br-token-variable-definition-name {
    color: var(--br-dark, #4ec9b0) var(--br-light, #cf222e);
}
.br-token-type-name {
    color: var(--br-dark, #569cd6) var(--br-light, #0021b3);
}