@import "./common";
@import "./MapIcons";

*, *:before, *:after {
	box-sizing: border-box;
}
html {
	font-size: 12px;
}
body {
	@include font-normal;
	font-style: normal;
	font-size: 12px;
	background: #222;
	-webkit-overflow-scrolling: auto;
}
a {
	color: $color-text-link;
}
#map.leaflet-container {
	font-family: 'Open Sans', sans-serif;
}
body,html,#app {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#panels {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 100000;

	pointer-events: none;

	width: 24rem;

	flex-flow: column;
	display: flex;
	transition: margin-left 0.5s;
	margin-left: 0;

	&>* {
		pointer-events: auto;
	}

	.panel-group {
		flex: 1;
		flex-flow: column;
		display: flex;

		pointer-events: none;
		&>* {
			pointer-events: auto;
		}
	}

	&.minimized {
		margin-left: -24rem;
	}
}

#panes {
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	flex-flow: row;
}
