:import("../menu-item/style.css") {
	item: item;
}

:import("../dummy-classes.css") {
	menu_dummy: menu;
}

.menu {
	/* TODO: Is there also a compose-multiple syntax for remote compose? */
	/* HACK: We cannot compose directly inside of an imported class (is this an ICSS bug?), so instead we create a new class and compose the dummy class into it, to tie the two together */
	composes: menu_dummy;
	composes: notSelectable from "../shared.css";
	min-width: 150px;
	padding: 1px;
}

.menu > .item {
	padding: 4px 9px;
}

.menu hr {
	color: none;
	border: none;
	margin: 4px 4px;
}