.wp-block-elitest-code-block.elitest-code-block {
	--ecb-bg: #282a36;
	--ecb-surface: #21222c;
	--ecb-border: #44475a;
	--ecb-text: #f8f8f2;
	margin: 1.5em 0;
	border: 1px solid var(--ecb-border);
	border-radius: 10px;
	background: var(--ecb-bg);
	color: var(--ecb-text);
	overflow: hidden;
}
.elitest-code-block__header { display: flex; min-height: 44px; align-items: stretch; justify-content: space-between; background: var(--ecb-surface); border-bottom: 1px solid var(--ecb-border); }
.elitest-code-block__tabs { display: flex; min-width: 0; }
.elitest-code-block__tab, .elitest-code-block__copy { appearance: none; border: 0; background: transparent; color: #a9a9b3; cursor: pointer; font: 600 13px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.elitest-code-block__tab { padding: 0 16px; border-bottom: 2px solid transparent; }
.elitest-code-block__tab:hover, .elitest-code-block__tab.is-active { color: #f8f8f2; }
.elitest-code-block__tab.is-active { border-bottom-color: #bd93f9; }
.elitest-code-block__copy { display: grid; flex: 0 0 44px; place-items: center; }
.elitest-code-block__copy:hover { color: #8be9fd; }
.elitest-code-block__copy.is-copied { color: #50fa7b; }
.elitest-code-block__body, .elitest-code-block__panel { background: var(--ecb-bg); }
.elitest-code-block__panel { box-sizing: border-box; width: 100%; max-width: 100%; margin: 0; padding: 18px 20px; overflow-x: auto; border: 0; border-radius: 0; color: var(--ecb-text); white-space: pre; tab-size: 2; }
.elitest-code-block__panel code { padding: 0; background: transparent; color: inherit; font: 14px/1.65 "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; }
.elitest-code-block .token.comment,
.elitest-code-block .token.prolog,
.elitest-code-block .token.doctype,
.elitest-code-block .token.cdata,
.elitest-code-editor__preview .token.comment,
.elitest-code-editor__preview .token.prolog,
.elitest-code-editor__preview .token.doctype,
.elitest-code-editor__preview .token.cdata { color: #6272a4; }
.elitest-code-block .token.punctuation,
.elitest-code-editor__preview .token.punctuation { color: #f8f8f2; }
.elitest-code-block .token.property,
.elitest-code-block .token.tag,
.elitest-code-block .token.constant,
.elitest-code-block .token.symbol,
.elitest-code-editor__preview .token.property,
.elitest-code-editor__preview .token.tag,
.elitest-code-editor__preview .token.constant,
.elitest-code-editor__preview .token.symbol { color: #8be9fd; }
.elitest-code-block .token.boolean,
.elitest-code-block .token.number,
.elitest-code-editor__preview .token.boolean,
.elitest-code-editor__preview .token.number { color: #bd93f9; }
.elitest-code-block .token.selector,
.elitest-code-block .token.attr-name,
.elitest-code-block .token.string,
.elitest-code-block .token.char,
.elitest-code-block .token.builtin,
.elitest-code-block .token.inserted,
.elitest-code-editor__preview .token.selector,
.elitest-code-editor__preview .token.attr-name,
.elitest-code-editor__preview .token.string,
.elitest-code-editor__preview .token.char,
.elitest-code-editor__preview .token.builtin,
.elitest-code-editor__preview .token.inserted { color: #f1fa8c; }
.elitest-code-block .token.operator,
.elitest-code-block .token.entity,
.elitest-code-block .token.url,
.elitest-code-block .token.variable,
.elitest-code-editor__preview .token.operator,
.elitest-code-editor__preview .token.entity,
.elitest-code-editor__preview .token.url,
.elitest-code-editor__preview .token.variable { color: #f8f8f2; }
.elitest-code-block .token.atrule,
.elitest-code-block .token.attr-value,
.elitest-code-block .token.function,
.elitest-code-block .token.class-name,
.elitest-code-editor__preview .token.atrule,
.elitest-code-editor__preview .token.attr-value,
.elitest-code-editor__preview .token.function,
.elitest-code-editor__preview .token.class-name { color: #50fa7b; }
.elitest-code-block .token.keyword,
.elitest-code-editor__preview .token.keyword { color: #ff79c6; }
.elitest-code-block .token.regex,
.elitest-code-block .token.important,
.elitest-code-editor__preview .token.regex,
.elitest-code-editor__preview .token.important { color: #ffb86c; }
.elitest-code-block .token.deleted,
.elitest-code-editor__preview .token.deleted { color: #ff5555; }
.elitest-code-block .token.bold,
.elitest-code-editor__preview .token.bold { font-weight: 700; }
.elitest-code-block .token.italic,
.elitest-code-editor__preview .token.italic { font-style: italic; }
@media (max-width: 600px) {
	.elitest-code-block__tab { padding: 0 11px; font-size: 12px; }
	.elitest-code-block__panel { padding: 15px; }
	.elitest-code-block__panel code { font-size: 13px; }
}
