/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */

.axcelersblocks-bodycopy__text {
	.bodycopy-text a {
		color: inherit;
		text-decoration-color: currentColor;
	}
	.bodycopy-text a:visited,
	.bodycopy-text a.bodycopy-text:hover,
	.bodycopy-text a:focus {
		color: inherit;
		text-decoration-color: currentColor;
	}
	.icon {
    display: flex;
    align-items: center;
    justify-content: center;
		width: 32px;
		height: 32px;
		svg {
			width: 100%;
			height: 100%;
		}
	}
	&[data-tag-name="span"] {
		display: block;
		width: 100%;
	}
	.bodycopy-text,
	.bodycopy-text.block-editor-rich-text__editable {
		display: block;
		width: 100%;
		min-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: '↗ ';
	}
}