// For vertical flex containers, a 100% width ensures correct alignment.
.is-vertical .block-list-appender {
	width: $icon-size;
	margin-right: auto;
	margin-top: $grid-unit-15;
	margin-left: $grid-unit-15;
}

.block-list-appender > .block-editor-inserter {
	display: block;
}

// Hide the nested appender unless parent or child is selected.
// This selector targets unselected blocks that have only a single nesting level.
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) {
	.block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
		opacity: 0;
		transform: scale(0);
	}
}