.content .hcb_wrap,
.mce-content-body .hcb_wrap {
	position: relative;
	margin: 1.5rem 0;
	border-radius: var(--radius-sm, 4px);
	overflow: hidden;
}

.content .hcb_wrap::before,
.mce-content-body .hcb_wrap::before {
	content: attr(data-file);
	display: block;
	padding: 0.35rem 0.75rem;
	font-size: 0.75rem;
	background: var(--color-accent-5, #e5e7eb);
	color: var(--color-contrast, #111);
}

.content .hcb_wrap[data-lang]::after,
.mce-content-body .hcb_wrap[data-lang]::after {
	content: attr(data-lang);
	position: absolute;
	top: 0.35rem;
	right: 0.75rem;
	font-size: 0.7rem;
	opacity: 0.7;
}

.content .hcb_wrap pre,
.mce-content-body .hcb_wrap pre {
	margin: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.content .hcb_wrap pre.line-numbers,
.mce-content-body .hcb_wrap pre.line-numbers {
	padding-left: 3.5em;
}

.content .hcb_wrap .line-numbers-rows,
.mce-content-body .hcb_wrap .line-numbers-rows {
	border-right: 1px solid rgba(128, 128, 128, 0.3);
}