.leonlab-code-snippet {
	border: 1px solid rgba(17, 24, 39, 0.14);
	border-radius: 14px;
	overflow: hidden;
	background: #0b1020;
	color: #e5e7eb;
}

.leonlab-code-snippet__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	background: rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.leonlab-code-snippet__lang {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	opacity: 0.9;
}

.leonlab-code-snippet__copy {
	appearance: none;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	border-radius: 10px;
	padding: 7px 10px;
	font-weight: 800;
	cursor: pointer;
}

.leonlab-code-snippet__copy:hover {
	background: rgba(255, 255, 255, 0.14);
}

.leonlab-code-snippet__copy:disabled {
	opacity: 0.65;
	cursor: default;
}

.leonlab-code-snippet__pre {
	margin: 0;
	padding: 12px;
	overflow-x: auto;
}

.leonlab-code-snippet.is-wrap .leonlab-code-snippet__pre {
	white-space: pre-wrap;
	word-break: break-word;
}

.leonlab-code-snippet__pre code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 13px;
}