.code-block__parent {
	display: flex;
	border-left: solid 2px cadetblue;
	background-color: whitesmoke;
	margin: 0 0.125rem;
}
.code-block__child {
	flex-basis: auto;
}
.code-block_wide {
	flex-grow: 1;
	flex-shrink: 1;
}
.code-block_narrow {
	flex-grow: 0;
	flex-shrink: 0;
}
.button-copy {
	height: fit-content;
	margin: 0.25rem;
	cursor: pointer;
}
.code {
	display: block;
	padding: 0.5rem 1rem;
	font-size: 14px;
	word-break: break-all;
	overflow-wrap: anywhere;
	color: #000;
}
.code__line {
	display: block;
}
.code__line span {
	vertical-align: initial !important;
}
.http-header {
}
.html-tag,
.function__name,
.command__name {
	color: #00c;
}
.js,
.css-rule {
}
.http-header__name {
	color: #07a;
}
.function__name a,
.command__name a {
	color: inherit;
	text-decoration: none;
}
.http-header__value {
}
.tag__options {
	color: #000;
}
.param__name,
.rule__name,
.tag__attr {
	color: #c00;
}
.directive__name {
	color: #800;
}
.param__value,
.attr__value,
.rule__value,
.directive__value {
	color: #690;
}