/* ------------------------------------------------------------------------- */
/* Map with overlays and info area */

#Map
{
	position: relative;
	display: flex;
	justify-content: center; /* absolute positioned elements without left or right */
}

#Map .Transient
{
	display: none; /* initial state of transient elements */
}

#Map div.Map /* the div composed by leaflet */
{
	z-index: 1;
	width: 100%; height: 100%;
}

#Map output /* transient text information */
{
	z-index: 2;
	position: absolute;
	top: var(--gap);
	border: 1px solid; border-radius: 5px;
	border-color: var(--border-color);
	background-color: var(--background-color);
	padding: 3px 5px;
	font-size: 1em;
}

#Map nav /* container for buttons */
{
	z-index: 3;
	width: min-content;
	max-height: 100%;
	position: absolute;
	padding: var(--gap);
	
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: var(--gap);
	column-gap: var(--gap);
}
#Map nav.Left { left: 0; }
#Map nav.Right { right: 0; }
#Map nav.Top { top: 0; }
#Map nav.Bottom { bottom: 0; }

/* ------------------------------------------------------------------------- */