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

.axcelersblocks-list-item {
	position: relative;

	&__marker {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-right: 8px;
		vertical-align: middle;
		line-height: 1;

		svg,
		img {
			display: block;
			width: 1em;
			height: 1em;
		}
	}

	&__text {
		display: inline;
	}

	// Nested inner blocks area — contains heading / bodycopy / sub-list
	&__nested {
		margin-top: 4px;

		// When heading / bodycopy blocks are present they ARE the primary
		// content of the list item — start flush with the bullet, no gap.
		&.has-rich-blocks {
			margin-top: 0;
		}

		// The "+" appender button inside a list item (adds heading/bodycopy/list)
		.block-list-appender {
			margin-top: 2px;
		}
	}
}