/* Code block with hand-marked syntax colors. */
pre.wp-block-code {
	background-color: color-mix(in srgb, var(--wp--preset--color--theme-1) 55%, #000);
	border: 0;
	border-radius: 12px;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--custom-color-8) 40%, transparent), 0 0 20px 0 color-mix(in srgb, var(--wp--preset--color--theme-3) 8%, transparent);
	color: color-mix(in srgb, var(--wp--preset--color--theme-2) 70%, #fff);
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.875rem;
	line-height: 1.625;
	overflow-x: auto;
	padding: 24px;
	white-space: pre;
	word-wrap: normal;
}

pre.wp-block-code code {
	background: none;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 0;
	white-space: inherit;
}

pre.wp-block-code .token-keyword {
	color: var(--wp--custom--code--keyword, #c678dd);
}

pre.wp-block-code .token-string {
	color: var(--wp--custom--code--string, #98c379);
}

pre.wp-block-code .token-function {
	color: var(--wp--custom--code--function, #61afef);
}

pre.wp-block-code .token-operator {
	color: var(--wp--custom--code--operator, #56b6c2);
}

pre.wp-block-code .token-comment {
	color: var(--wp--custom--code--comment, #7b8294);
	font-style: italic;
}