.top
	{
		--font-scale-min: 0;
		--font-scale-max: 1280;		
	}

.top::bind( filler )
	{
		$: var-sizes;
	}


.top-row > *
	{
		display: grid;
		grid-template-columns: 230px auto;
		column-gap: 20px;
	}

.menu
	{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}

.menu-item
	{
		padding: calc( 10px + 10 * var( --font-scale ) ) calc( 0px + 25 * 2 * var( --font-scale ) );
	}