/**
 * Dark snippet window + chrome overrides.
 * Paired with highlight-dark.css when highlight theme is Dark.
 */

.kda-ceb-wrap pre,
pre.kda-ceb-snippet,
pre[data-lang],
pre[data-linenums="1"],
pre[data-show-lang="1"] {
	font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, Monaco, monospace;
	font-size: 13px;
	line-height: 1.55;
	padding: 12px 14px;
	margin: 0 0 1.05rem;
	background: #1d2327;
	border: 1px solid #3c434a;
	border-radius: 8px;
	color: #f0f0f1;
	overflow-x: auto;
	white-space: pre;
}

.kda-ceb-wrap--line pre {
	padding: 8px 12px;
	white-space: pre-wrap;
	overflow-wrap: break-word;
}

.kda-ceb-wrap pre {
	margin-bottom: 0;
}

.kda-ceb-wrap--has-bar {
	border: 1px solid #3c434a;
	background: #1d2327;
}

.kda-ceb-wrap--has-bar pre {
	border: 0;
	background: transparent;
}

.kda-ceb-wrap pre code,
pre.kda-ceb-snippet code,
pre[data-lang] code {
	font-family: inherit;
	font-size: inherit;
	background: none;
	padding: 0;
	color: inherit;
}

.kda-ceb-bar {
	border-bottom-color: #3c434a;
	background: transparent;
}

.kda-ceb-lang {
	color: #a7aaad;
}

.kda-ceb-line-num {
	color: #8c8f94;
	border-right-color: #3c434a;
}

.kda-ceb-copy {
	border-color: #3c434a;
	background: #2c3338;
	color: #f0f0f1;
}

.kda-ceb-copy:hover {
	border-color: #72aee6;
	color: #72aee6;
}