/*
 *  dark
 */
.markdown pre > code {
	display: block;
	margin: 0;
	padding: 0.5em 0.75em;
	white-space: pre-wrap;
	overflow-wrap: break-word;  word-wrap: break-word;
	text-align: left;
	letter-spacing: 0;
	font-size: 86%;
	line-height: 1.5;
	tab-size: 4;
	border: 0;
	border-radius: 0;
	color: #F0F0F0;
	background: #272822;
}

.markdown pre > div.title {
	padding: 0.4em 0 0.4em 0.5em;
	color: #f8f8f2;
	background: #414339;
	line-height: 1.0;
	font-family: @font-monospace-family;
	font-size: 86%;
	font-weight: normal;
	border-bottom: 0;
}
.markdown pre.cmd > div.title {
	background: #2e3e4d;
	border-bottom: 1px solid #C0C0C0;
}
.markdown pre > div.title > span.copy-button {
	float: right;
	margin: -0.25em 0.5em 0 0;
	padding: 0.4em 0.75em 0.2em 0.75em;
	font-size: 75%;
	font-weight: normal;
	cursor: pointer;
	border-radius: 1.0em;
}
.markdown pre > div.title > span.copy-button::after {
	content: 'クリップボードへコピー';
}
.markdown pre > div.title > span.copy-button {
	border: 1px solid #808080;
	color: #a0a0a0;
}
.markdown pre > div.title > span.copy-button:hover {
	border: 1px solid #e0e0e0;
	color: #e0e0e0;
}
.markdown pre > div.title > span.copy-button:active {
	border: 1px solid #606060;
	color: #e0e0e0;
	background-color: #606060;
}


.markdown pre > code.nohighlight {
	color: #f8f8f2;
}

.markdown pre > code.language-java {
	.hljs-meta {
		color: #66d9ef;
	}
	.hljs-class .hljs-title {
		color: #a6e22e;
		text-decoration: underline;
	}
}

.markdown pre > code.yaml {
	.hljs-bullet,
	.hljs-number,
	.hljs-string {
		color: #f8f8f2;
	}
	.hljs-array {
		color: #e6db74;
	}
	.hljs-object {
		color: #66d9ef;
	}
	.hljs-attr {
		color: #a6e22e;
	}
}

.hljs,
.hljs-tag,
.hljs-subst {
	color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
	color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
	color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class,
.hljs-attr {
	color: #a6e22e;
}

.hljs-strong {
	font-weight: bold;
}

.hljs-emphasis {
	font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name {
	color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
	color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
	color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
	color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
	color: #b3ad8f;
}

/*
 *  light (still only `nohighlight`)
 */
.markdown pre.light > code {
	color: #303030;
	background: #F2F2F2;
}

.markdown pre.light > code.nohighlight {
	color: #303030;
}

/*
 * smaller
 */
.markdown pre.smaller > code {
	font-size: 92%;
}
