.top > * > *
	{
		background-color: #E8E8E8;
		padding: calc( 20px + 25 * var( --font-scale ) );
	}

.logo img
	{
		width: 100%;
	}

.menu
	{

	}


.menu-item > a
	{
		border-bottom: 4px solid transparent;
		text-align: left;
		color: #707070;
		font-size: calc( 16px + 11 * var( --font-scale ) );
	}

.menu-item > a:is( :hover, [data-active="true"] )
	{
	}

.menu-item > a img
	{
		width: 20px;
		height: 20px;
		object-fit: contain;
	}

.menu-item .menu-item
	{
		padding: 0px;
	}

.menu-item .menu-item > a
	{
		display: initial;
	}


.menu:not( .icons ) .menu-item .menu-list
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-top: 30px;
		/* width: calc( 50vw - 50px ); */
		min-width: 350px;
		overflow: hidden;
		padding: 20px;
		background-color: #B97F1B;
		z-index: 20;
	}

.wrapper.left .menu:not( .icons ) .menu-list
	{
		left: 0px;
	}

.wrapper.right .menu:not( .icons ) .menu-list
	{
		right: 0px;
	}