.editable-list {
	position: relative;
	--border-radius: 5px;
	--background-hover: rgb(246, 246, 246);
	--background-active: rgb(235, 235, 235);
	border-radius: var(--border-radius);
}

.editable-list .item-delete {
	transition: opacity 200ms ease;
	opacity: 1;
}

.editable-list.drag-active .item-delete {
	opacity: 0;
}

.editable-list > div {
	cursor: pointer;
	border-radius: var(--border-radius);
	-ms-user-select: none;
	user-select: none;
}

.editable-list > div:hover {
	background: var(--background-hover);
}

.editable-list > div.drag-active {
	background: var(--background-active);
}

.item-content {
	flex-grow: 1;
}

.item-placeholder {
	background: var(--background-hover);
	border-radius: var(--border-radius);
}