.MarkdownContent-vLrv2zBi-container {
	position: relative;
}

.MarkdownContent-vLrv2zBi-container:hover .MarkdownContent-vLrv2zBi-copy {
	opacity: 1;
	transition: opacity 0.4s;
}

.MarkdownContent-vLrv2zBi-copy {
	opacity: 0;
	transition: opacity 0.4s;

	position: absolute;
	top: 0.5em;
	right: 0.5em;

	color: #ccc;
	background-color: #666;
	border: 1px solid transparent;
	border-radius: 0.25em;
	padding: 0.25em 0.5em;
}

.MarkdownContent-vLrv2zBi-copy:hover {
	cursor: pointer;
	color: #eee;
}

.MarkdownContent-vLrv2zBi-copy:active {
	border-color: #eee;
	background-color: #444;
}

pre.MarkdownContent-vLrv2zBi-code {
	padding: 1em;
	background-color: #2d2d2d;
	color: #ccc;

	tab-size: 4;
	overflow-x: scroll;
}

pre.MarkdownContent-vLrv2zBi-code > code {
	color: unset;
	background-color: unset;
}

pre.MarkdownContent-vLrv2zBi-code code .keyword {
	color: #cc99cd;
}

pre.MarkdownContent-vLrv2zBi-code code .identifier {
	color: #f8c555;
}

pre.MarkdownContent-vLrv2zBi-code code .value {
	color: #f08d49;
}

pre.MarkdownContent-vLrv2zBi-code code .comment {
	color: #999;
}