/**
 * Read More Marker block - editor styles
 */

.ctrmb-block-editor-marker {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0;
	user-select: none;
	cursor: default;
}

.ctrmb-block-editor-marker__line {
	flex: 1;
	height: 2px;
	background-color: #002199;
	border-radius: 1px;
	display: block;
}

.ctrmb-block-editor-marker__label {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 11px;
	font-weight: 700;
	color: #002199;
	background-color: #e8ecff;
	padding: 4px 14px;
	border-radius: 20px;
	white-space: nowrap;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	border: 1px solid #c0caff;
}

.ctrmb-block-editor-marker__icon {
	font-size: 13px;
	line-height: 1;
}

/* Highlight the block when selected */
.block-editor-block-list__block.is-selected .ctrmb-block-editor-marker__line {
	background-color: #0044cc;
}

.block-editor-block-list__block.is-selected .ctrmb-block-editor-marker__label {
	color: #0044cc;
	background-color: #d0d8ff;
	border-color: #99aaff;
}