/**
 * Editor-only touches for the authoring blocks. Their look comes from the
 * frontend stylesheet (block.json `style`), so the editor matches the page.
 */

.kl-tab__label-input.kl-tab__label-input {
	box-sizing: border-box;
	display: block;
	resize: none;
	width: 100%;
	margin: 0 0 0.75em;
	padding: 0.25em 0.5em;
	border: 1px dashed color-mix(in srgb, currentcolor 25%, transparent);
	border-radius: 0.375rem;
	background: transparent;
	font-size: 0.8125em;
	font-weight: 600;
}

.kl-tabs__add {
	padding-inline: 0.75em;
	font-size: 1.125em;
	line-height: 1;
}

.kl-code__header .kl-code__filename.kl-code__filename {
	flex: 1;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: inherit;
	resize: none;
}

/* Always open while editing, so the "closed" chevron would be wrong. */
.kl-faq__item.is-editing > .kl-faq__question::after {
	display: none;
}

.kl-faq__item.is-editing > .kl-faq__question {
	cursor: text;
}

/*
 * Rich text sets `white-space: break-spaces` inline on the code it edits; with
 * line numbers on, long lines must scroll like they do on the page, or a
 * wrapped line would push the numbers out of step.
 */
.kl-code--numbered pre [contenteditable] {
	white-space: pre !important;
}

/* Nothing opens in the editor, so no zoom cursor or badge. */
.kl-image__link,
.kl-gallery__link {
	cursor: default;
}

.kl-image__link::after,
.kl-gallery__link::after {
	display: none;
}