frontend-dali/source/widgets/menu/style.css

.widget-menu
{
	margin-left: auto;
	margin-right: 8px;
	width: fit-content;
}

.widget-menu.widget-menu-collapsed > .widget-menu-platform
{
	display: none;
}

.widget-menu-button
{
	text-transform: initial;
}

.widget-menu-entry
{
	cursor: pointer;
}

.widget-menu-platform
{
	background-color: hsl(var(--hue), 0%, 25%);
	
	border-radius: 2px;
	border: 1px solid hsl(var(--hue), 0%, 0%);
	
	padding: 8px;
	
	/*
	min-width: 200px;
	 */
}

.widget-menu-platform:not(.widget-menu-platform-collapsed)
{
	position: fixed;
	top: 50px;
	right: 20px;
	z-index: 2;
}

.widget-menu-entries
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.widget-menu-entry
{
	margin: 12px 8px;
	text-transform: capitalize;
	background-color: hsl(var(--hue), 0%, 25%);
	color: hsl(var(--hue), 0%, 100%);
}

.widget-menu-entry:not(:hover) > span
{
	border-bottom: 2px solid hsl(0, 0%, 25%);
}

.widget-menu-entry:hover > span
{
	border-bottom: 2px solid hsl(0, 0%, 100%);
	
	transition: 1s ease color;
}

.widget-menu-entry.widget-menu-entry-hidden
{
	display: none;
}