/**
 * Better appender styles.
 */
// We use these variables in order to support nested inner blocks.
.wp-block:has(.lazyblock-inner-blocks),
.lazyblock {
	--lazyblocks-appender_pointer-events: initial;
	--lazyblocks-appender-overlay_display: none;
	--lazyblocks-appender-inserter_visibility: visible;
}
.wp-block:has(.lazyblock-inner-blocks):not(.is-selected),
.lazyblock:not(.is-selected) {
	--lazyblocks-appender_pointer-events: none;
	--lazyblocks-appender-overlay_display: block;
	--lazyblocks-appender-inserter_visibility: hidden;
}
.lazyblock-inner-blocks > .block-list-appender:only-child {
	pointer-events: var(--lazyblocks-appender_pointer-events);

	&::after {
		position: absolute;
		display: var(--lazyblocks-appender-overlay_display);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		pointer-events: none;
		content: "";
		border: 1px dashed;
		border-radius: 2px;
	}

	.block-editor-inserter {
		visibility: var(--lazyblocks-appender-inserter_visibility);
	}
}
