.wp-block-docspress-terminal-session {
	--db-terminal-accent: var(--dp-blue, #6f8cff);
	--db-terminal-bg: color-mix(in srgb, var(--dp-ink, #171a22) 94%, #000);
	--db-terminal-panel: color-mix(in srgb, var(--dp-ink, #171a22) 84%, #000);
	--db-terminal-line: rgba(255, 255, 255, 0.15);
	--db-terminal-text: #f5f7fa;
	--db-terminal-muted: #aeb6c6;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	margin-block: clamp(1.5rem, 3vw, 2.25rem);
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--dp-ink, #171a22) 30%, var(--dp-line-strong, #cfd4dc));
	border-radius: var(--dp-radius, 10px);
	background: var(--db-terminal-bg);
	box-shadow: none;
	color: var(--db-terminal-text);
}

.docspress-preset-docspress .wp-block-docspress-terminal-session,
.docspress-blocks--preset-docspress.wp-block-docspress-terminal-session {
	--db-terminal-accent: #fec408;
}

.docspress-preset-wordpress .wp-block-docspress-terminal-session,
.docspress-preset-wordpress-com .wp-block-docspress-terminal-session,
.docspress-blocks--preset-wordpress.wp-block-docspress-terminal-session,
.docspress-blocks--preset-wordpress-com.wp-block-docspress-terminal-session {
	--db-terminal-accent: #8da0ff;
}

.docspress-preset-jetpack .wp-block-docspress-terminal-session,
.docspress-blocks--preset-jetpack.wp-block-docspress-terminal-session {
	--db-terminal-accent: #7de36c;
}

.docspress-terminal__bar {
	display: grid;
	min-height: 43px;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 9px;
	box-sizing: border-box;
	padding: 6px 8px 6px 13px;
	border-bottom: 1px solid var(--db-terminal-line);
	background: var(--db-terminal-panel);
}

.docspress-terminal__icon {
	color: var(--db-terminal-accent);
	font: 760 0.8rem/1 var(--dp-font-mono, "SFMono-Regular", Consolas, monospace);
}

.docspress-terminal__title {
	overflow: hidden;
	color: var(--db-terminal-text);
	font: 650 0.75rem/1.2 var(--dp-font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.docspress-terminal__shell {
	color: var(--db-terminal-muted);
	font: 600 0.68rem/1 var(--dp-font-mono, "SFMono-Regular", Consolas, monospace);
}

.docspress-terminal__copy {
	display: inline-flex;
	min-height: 28px;
	align-items: center;
	gap: 5px;
	margin: 0;
	padding: 3px 7px;
	border: 1px solid var(--db-terminal-line);
	border-radius: var(--dp-radius, 10px);
	background: rgba(255, 255, 255, 0.04);
	color: var(--db-terminal-text);
	cursor: pointer;
	font: 650 0.68rem/1 var(--dp-font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.docspress-terminal__copy svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
}

.docspress-terminal__copy:hover,
.docspress-terminal__copy:focus-visible,
.docspress-terminal__copy.is-copied {
	border-color: var(--db-terminal-accent);
	color: var(--db-terminal-accent);
}

.docspress-terminal__body {
	box-sizing: border-box;
	padding: 18px 20px 20px;
}

.docspress-terminal__command {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 10px;
	align-items: start;
}

.docspress-terminal__prompt {
	color: var(--db-terminal-accent);
	font: 700 0.87rem/1.65 var(--dp-font-mono, "SFMono-Regular", Consolas, monospace);
}

.docspress-terminal__command pre,
.docspress-terminal__output,
.entry-content .docspress-terminal__command pre,
.entry-content .docspress-terminal__output {
	max-width: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--db-terminal-text);
	font: 500 0.87rem/1.65 var(--dp-font-mono, "SFMono-Regular", Consolas, monospace);
	white-space: pre;
}

.docspress-terminal__command code,
.docspress-terminal__output code {
	background: transparent;
	color: inherit;
	font: inherit;
}

.docspress-terminal__output,
.entry-content .docspress-terminal__output {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--db-terminal-line);
	color: var(--db-terminal-muted);
}

html[data-theme="dark"] .wp-block-docspress-terminal-session {
	--db-terminal-bg: color-mix(in srgb, var(--dp-canvas, #11141b) 74%, #000);
	--db-terminal-panel: color-mix(in srgb, var(--dp-paper, #171b23) 70%, #000);
	box-shadow: none;
}

@media (max-width: 520px) {
	.docspress-terminal__shell,
	.docspress-terminal__copy b {
		display: none;
	}
}