/* flexible menus */

ul.flexi_menu {
	padding-left: 0.5em;
}

ul.flexi_menu, ul.flexi_menu_nested {
	list-style-type: none;
}

span.flexi_item {
	cursor: pointer;
	user-select: none; 
}

span.flexi_item::before {
	content: "\25B6";
	display: inline-block;
	margin-right: 6px;
}

@media (pointer: coarse) {
	span.flexi_item::before {
		margin-right: 10px;
	}
}

span.flexi_item-active::before {
	transform: rotate(90deg);
}

span.flexi_item-empty::before {
	content: "\25AB";
	cursor: default;
}

span.flexi_item_text {
	user-select: none; 
}

span.flexi_item_text-highlighted {
	background-color: yellow;
}

span.flexi_item_text-focussed {
	border: 1px solid red;
}

span.flexi_item_text-clickable {
	cursor: pointer;
}

ul.flexi_menu_nested {
	padding-left: 0.8em;
	display: none;
}

ul.flexi_menu_nested-active {
	display: block;
}

ul.flexi_menu_nested-empty {
	display: none;
}

.flexi_drop_target {
	background-color: lightblue;
}

@media (pointer: coarse) {
	ul.flexi_menu li {
		padding: 5px;
	}
}