.cms-menu-composer {
	font-size: 12px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 10px;
}

.cms-menu-composer .cms-menu-fields-container {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.cms-menu-row {
	background-color: #fff;
	padding: 15px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	border: 2px solid #ccc;
}

.cms-menu-row .buttons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
}

.cms-menu-row .buttons button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	font-size: 18px;
	border: 0;
	padding: 0;
}

.cms-menu-row .fields {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
}

.cms-menu-row .childs {
	padding-left: 30px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.cms-menu-row .childs > * {
	border: 2px solid #ccc;
}