/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */
@import 'codemirror/lib/codemirror.css';
@import 'codemirror/theme/material.css';
.axcelersblocks-heading__text {
	width: 100%;
	.icon {
    display: flex;
    align-items: center;
    justify-content: center;
		width: 32px;
		height: 32px;
		svg {
			width: 100%;
			height: 100%;
		}
	}
	.heading-text,
	.heading-text.block-editor-rich-text__editable {
		display: block;
		width: 100%;
		min-width: 100%;
	}
	a {
		display: block;
		width: 100%;
	}
}

// Dynamic tag editor preview
.axcelersblocks-dynamic-preview {
	display: inline;
}

.axcelersblocks-dynamic-chip {
	display: inline-flex;
	align-items: center;
	padding: 1px 8px;
	border-radius: 3px;
	background: rgba(0, 124, 186, 0.1);
	color: #007cba;
	border: 1px solid rgba(0, 124, 186, 0.25);
	font-size: 0.72em;
	font-family: monospace;
	font-weight: 600;
	vertical-align: middle;
	line-height: 1.6;
	white-space: nowrap;
	pointer-events: none;
	user-select: none;

	&--link::before {
		content: '↗ ';
	}
}