/* init webfonts */
/* Fira Sans */
@font-face {
	font-family: 'Fira Sans';
	src: url("../webfonts/FiraSans-Regular.woff") format("woff"), url("../webfonts/FiraSans-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal; }

@font-face {
	font-family: 'Fira Sans';
	src: url("../webfonts/FiraSans-Italic.woff") format("woff"), url("../webfonts/FiraSans-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic; }

/*
@font-face {
	font-family: 'Fira Sans';
	src: url('../webfonts/FiraSans-Medium.woff') format('woff'),
		url('../webfonts/FiraSans-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Fira Sans';
	src: url('../webfonts/FiraSans-MediumItalic.woff') format('woff'),
		url('../webfonts/FiraSans-MediumItalic.woff2') format('woff2');
	font-weight: 500;
	font-style: italic;
}
*/
@font-face {
	font-family: 'Fira Sans';
	src: url("../webfonts/FiraSans-Bold.woff") format("woff"), url("../webfonts/FiraSans-Bold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal; }

@font-face {
	font-family: 'Fira Sans';
	src: url("../webfonts/FiraSans-BoldItalic.woff") format("woff"), url("../webfonts/FiraSans-BoldItalic.woff2") format("woff2");
	font-weight: 600;
	font-style: italic; }

/* JetBrains Mono */
@font-face {
	font-family: 'JetBrains Mono';
	src: url("../webfonts/JetBrainsMono-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal; }

@font-face {
	font-family: 'JetBrains Mono';
	src: url("../webfonts/JetBrainsMono-ExtraBoldItalic.woff2") format("woff2");
	font-weight: 800;
	font-style: italic; }

/* Fragment mono */
/* ------------- */
/* frappe.io overrides */
/* line 3, src/scss/_frappe.scss */
.chart-container,
.chart-legend,
.legend-dataset-text,
.legend-dataset-label {
	font-family: 'Fira Sans', 'Helvetica', 'Arial', sans-serif !important;
	font-weight: 400 !important; }
	/* line 10, src/scss/_frappe.scss */
	.chart-container .x.axis line,
	.chart-legend .x.axis line,
	.legend-dataset-text .x.axis line,
	.legend-dataset-label .x.axis line {
		opacity: 0; }

/* line 26, src/scss/_frappe.scss */
.chart-percentage .neighborhood-label, .chart-percentage h4 {
	position: absolute;
	top: 32px;
	width: 100%; }

/* line 39, src/scss/_frappe.scss */
.chart-percentage.chart-current-municipal .legend-dataset-value, .chart-percentage.chart-period-municipal .legend-dataset-value {
	display: none; }

/* line 47, src/scss/_frappe.scss */
.chart-stacked .neighborhood-label, .chart-stacked h4 {
	position: absolute;
	bottom: -7px;
	width: 100%; }

/* line 55, src/scss/_frappe.scss */
.chart-stacked.chart-current-municipal svg.chart, .chart-stacked.chart-period-municipal svg.chart {
	height: 280px; }

/* line 64, src/scss/_frappe.scss */
.chart-stacked.chart-current-municipal .legend-dataset-value, .chart-stacked.chart-period-municipal .legend-dataset-value {
	display: none; }

/* line 72, src/scss/_frappe.scss */
.chart--percentage-comparison .chart-container {
	height: 21px; }

/* line 75, src/scss/_frappe.scss */
.chart--percentage-comparison .chart-container:last-of-type {
	height: unset; }

/* line 78, src/scss/_frappe.scss */
.chart--percentage-comparison .chart-current-local {
	margin-bottom: 1rem; }

/* line 82, src/scss/_frappe.scss */
.chart--percentage-comparison .neighborhood-label, .chart--percentage-comparison h4 {
	position: absolute;
	bottom: -7px;
	width: 100%; }

/* line 97, src/scss/_frappe.scss */
.chart-legend {
	display: none; }

/* line 1, src/scss/_bewoners.scss */
body#bewoners {
	background: none !important; }
	/* line 10, src/scss/_bewoners.scss */
	body#bewoners main {
		width: calc(75vw - 1rem);
		max-width: calc(100vw - 480px - 3rem);
		padding: 4.5rem .75rem;
		column-count: 3;
		column-width: 24rem;
		column-fill: balance;
		column-gap: 3rem; }
	/* line 22, src/scss/_bewoners.scss */
	body#bewoners .card {
		margin-bottom: 3rem;
		break-inside: avoid;
		box-sizing: border-box;
		background-color: #fff;
		border-radius: 0.65rem;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
		-webkit-box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15); }
		/* line 37, src/scss/_bewoners.scss */
		body#bewoners .card .card--header {
			position: relative;
			font-size: 1.2rem;
			line-height: 1.2rem;
			padding: 1rem;
			color: #777; }
		/* line 47, src/scss/_bewoners.scss */
		body#bewoners .card .card--header--chevron {
			position: absolute;
			top: 1rem;
			right: 1rem; }
			/* line 52, src/scss/_bewoners.scss */
			body#bewoners .card .card--header--chevron svg {
				fill: #777;
				height: 1rem;
				transform: scale(1.5);
				transition: transform .15s; }
		/* line 59, src/scss/_bewoners.scss */
		body#bewoners .card .card--content {
			padding: .5rem 1rem .5rem;
			margin-bottom: .75rem;
			max-height: 32rem;
			overflow: scroll; }
			/* line 65, src/scss/_bewoners.scss */
			body#bewoners .card .card--content p {
				line-height: 1.5rem; }
		/* line 70, src/scss/_bewoners.scss */
		body#bewoners .card figure {
			height: 300px; }
		/* line 73, src/scss/_bewoners.scss */
		body#bewoners .card img {
			height: 100%;
			width: 100%;
			object-fit: cover; }
		/* line 78, src/scss/_bewoners.scss */
		body#bewoners .card figcaption {
			color: #777; }
		/* line 84, src/scss/_bewoners.scss */
		body#bewoners .card::after {
			content: '';
			position: absolute;
			left: 0;
			bottom: .75rem;
			width: 100%;
			height: 3rem;
			background: linear-gradient(transparent, white);
			pointer-events: none; }
		/* line 96, src/scss/_bewoners.scss */
		body#bewoners .card.collapsed svg {
			transform: scale(1.5) rotate(180deg); }
		/* line 100, src/scss/_bewoners.scss */
		body#bewoners .card.collapsed p {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis; }

/* line 3, src/scss/_sna.scss */
body#sna .svg-container {
	position: fixed;
	display: flex;
	width: 75vw;
	height: 100%;
	justify-content: center;
	align-content: center;
	align-items: center;
	transition: .3s opacity; }

/* line 19, src/scss/_sna.scss */
body#sna svg {
	position: relative;
	height: 80%;
	width: 80%; }
	/* line 25, src/scss/_sna.scss */
	body#sna svg text {
		display: none; }
	/* line 28, src/scss/_sna.scss */
	body#sna svg text:hover {
		/*	opacity: 1;*/ }
	/* line 31, src/scss/_sna.scss */
	body#sna svg circle {
		position: relative;
		z-index: 0;
		cursor: pointer; }
	/* line 36, src/scss/_sna.scss */
	body#sna svg circle:hover {
		stroke-width: 2.0; }
	/* line 40, src/scss/_sna.scss */
	body#sna svg path {
		stroke-opacity: .5;
		z-index: 0; }

/* line 46, src/scss/_sna.scss */
body#sna .highlighted {
	stroke-opacity: 1;
	stroke-width: 4px;
	z-index: 10; }

/* line 52, src/scss/_sna.scss */
body#sna .label {
	opacity: 0;
	position: absolute;
	display: block;
	z-index: 10;
	pointer-events: none;
	padding: 0.75rem 0.75rem;
	background: #fff;
	border-radius: 0.65rem;
	box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
	text-align: center;
	transition: left, top .3s;
	transform: translateX(-50%); }
	/* line 72, src/scss/_sna.scss */
	body#sna .label h3 {
		margin: 0;
		padding: 0;
		color: #777;
		font-size: 1.5rem;
		font-weight: 500; }
	/* line 79, src/scss/_sna.scss */
	body#sna .label p {
		font-weight: normal;
		margin: 0;
		/*			color: #959da5;*/
		color: #000;
		font-size: 1rem;
		font-weight: 500; }

/* line 91, src/scss/_sna.scss */
body#sna .legend {
	/*
		navigation
		----------------- */
	position: absolute;
	top: calc(100vh - 18rem);
	left: 0.75rem;
	padding: 0.75rem 0.75rem;
	width: 75vw;
	border-radius: 0.65rem; }
	/* line 95, src/scss/_sna.scss */
	body#sna .legend .sna--nav {
		position: relative;
		z-index: 30;
		display: inline-flex;
		flex-direction: row;
		justify-content: left;
		padding: .2rem;
		margin-bottom: 2rem;
		background: #f2f2f2;
		border-radius: 0.65rem;
		box-shadow: 0px 0.15rem 1rem rgba(140, 140, 140, 0.25); }
		/* line 110, src/scss/_sna.scss */
		body#sna .legend .sna--nav .sna--nav--buttons {
			display: flex;
			flex-direction: row;
			column-gap: .25rem;
			flex-grow: 1;
			justify-content: center; }
			/* line 118, src/scss/_sna.scss */
			body#sna .legend .sna--nav .sna--nav--buttons .button {
				flex-grow: 1;
				text-align: center; }
			/* line 122, src/scss/_sna.scss */
			body#sna .legend .sna--nav .sna--nav--buttons .hidden {
				pointer-events: none; }
		/* line 129, src/scss/_sna.scss */
		body#sna .legend .sna--nav .button {
			font-size: 1.2rem;
			padding: .2rem 1rem;
			border-radius: 0.65rem;
			cursor: pointer;
			transition: color .15s, background-color .15s; }
			/* line 138, src/scss/_sna.scss */
			body#sna .legend .sna--nav .button.active {
				color: #fff;
				background-color: black; }
		/* line 143, src/scss/_sna.scss */
		body#sna .legend .sna--nav svg {
			height: 1rem;
			transform: scale(1.5);
			transition: transform .15s; }
	/* line 162, src/scss/_sna.scss */
	body#sna .legend .aubergine {
		fill: #58425B; }
	/* line 165, src/scss/_sna.scss */
	body#sna .legend .blue {
		fill: #469CEB; }
	/* line 168, src/scss/_sna.scss */
	body#sna .legend .green-faded {
		fill: #98C7A0; }
	/* line 171, src/scss/_sna.scss */
	body#sna .legend .mustard {
		fill: #DFC241; }
	/* line 174, src/scss/_sna.scss */
	body#sna .legend .red {
		fill: #de0e1b; }
	/* line 179, src/scss/_sna.scss */
	body#sna .legend::after {
		content: '';
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 3rem;
		background: linear-gradient(transparent, white);
		pointer-events: none; }
	/* line 193, src/scss/_sna.scss */
	body#sna .legend .legend--label .legend--label--text {
		width: calc(100% - 2rem);
		line-height: 2rem;
		font-size: 1.5rem; }
	/* line 200, src/scss/_sna.scss */
	body#sna .legend .legend--label svg {
		width: 1.25rem;
		height: 100%;
		margin-right: .75rem; }
	/* line 216, src/scss/_sna.scss */
	body#sna .legend .legend--explanation {
		margin-top: 0.75rem; }
		/* line 219, src/scss/_sna.scss */
		body#sna .legend .legend--explanation p {
			font-size: 1.2rem;
			line-height: 1.5rem; }
		/* line 223, src/scss/_sna.scss */
		body#sna .legend .legend--explanation p:last-of-type {
			margin-bottom: 2.25rem; }

/* line 233, src/scss/_sna.scss */
body#sna[data-map="2022"] .filter-2021,
body#sna[data-map="2022"] .filter-2020,
body#sna[data-map="2022"] .filter-2019 {
	opacity: 0;
	pointer-events: none; }

/* line 241, src/scss/_sna.scss */
body#sna[data-map="2021"] .filter-2022,
body#sna[data-map="2021"] .filter-2020,
body#sna[data-map="2021"] .filter-2019 {
	opacity: 0;
	pointer-events: none; }

/* line 250, src/scss/_sna.scss */
body#sna[data-map="2020"] .filter-2022,
body#sna[data-map="2020"] .filter-2021,
body#sna[data-map="2020"] .filter-2019 {
	opacity: 0;
	pointer-events: none; }

/* line 259, src/scss/_sna.scss */
body#sna[data-map="2019"] .filter-2022,
body#sna[data-map="2019"] .filter-2021,
body#sna[data-map="2019"] .filter-2020 {
	opacity: 0;
	pointer-events: none; }

/* line 1, src/scss/_ui.scss */
.nav-primary, .nav-secondary {
	z-index: 20; }
	/* line 4, src/scss/_ui.scss */
	.nav-primary .button, .nav-secondary .button {
		color: #fff;
		background-color: #8c8c8c;
		border-radius: 0.65rem;
		cursor: pointer;
		transition: color .15s, background-color .15s; }
		/* line 12, src/scss/_ui.scss */
		.nav-primary .button.active, .nav-secondary .button.active {
			background-color: black; }

/* top navigation:
dropdown | Bewoners, Initiatieven, Plekken
--------------------- */
/* line 21, src/scss/_ui.scss */
.nav-primary {
	position: fixed;
	top: 0.75rem;
	left: 0.75rem;
	display: flex;
	flex-direction: row;
	column-gap: .5rem; }
	/* line 30, src/scss/_ui.scss */
	.nav-primary select {
		font-size: 1.5rem;
		color: #000;
		padding: .25rem 1rem;
		border-radius: 0.65rem;
		background-color: #fff;
		box-shadow: 0px 0.15rem 1rem rgba(140, 140, 140, 0.25); }
	/* line 41, src/scss/_ui.scss */
	.nav-primary ul {
		display: flex;
		flex-direction: row;
		column-gap: .25rem; }
	/* line 47, src/scss/_ui.scss */
	.nav-primary .button {
		font-size: 1.5rem;
		padding: .25rem 1rem; }

/*
maps buttons | Information, Help
--------------------- */
/* line 56, src/scss/_ui.scss */
.nav-secondary {
	position: fixed;
	top: 0.75rem;
	right: calc(max(496px + 1.5rem, 25vw + 1.5rem));
	display: flex;
	flex-direction: row;
	column-gap: .25rem; }
	/* line 73, src/scss/_ui.scss */
	.nav-secondary ul {
		display: flex;
		flex-direction: row;
		column-gap: .25rem; }
	/* line 78, src/scss/_ui.scss */
	.nav-secondary .button {
		display: flex;
		font-size: 1.5rem;
		padding: .25rem 1rem;
		border-radius: 0.65rem;
		cursor: pointer;
		color: #fff;
		fill: #fff;
		background-color: #8c8c8c;
		border-radius: 0.65rem;
		cursor: pointer;
		transition: color .15s, background-color .15s; }
		/* line 95, src/scss/_ui.scss */
		.nav-secondary .button.active {
			background-color: black; }
	/* line 100, src/scss/_ui.scss */
	.nav-secondary svg {
		height: 100%;
		width: 1.5rem; }
	/* line 107, src/scss/_ui.scss */
	.nav-secondary ul.nav-secondary--maps {
		column-gap: 0; }
	/* line 110, src/scss/_ui.scss */
	.nav-secondary .nav-secondary--maps .button {
		border-radius: 0;
		justify-content: center;
		align-items: center;
		column-gap: .5rem; }
		/* line 118, src/scss/_ui.scss */
		.nav-secondary .nav-secondary--maps .button.first {
			border-top-left-radius: 0.65rem;
			border-bottom-left-radius: 0.65rem; }
		/* line 122, src/scss/_ui.scss */
		.nav-secondary .nav-secondary--maps .button.last {
			border-top-right-radius: 0.65rem;
			border-bottom-right-radius: 0.65rem; }
		/* line 126, src/scss/_ui.scss */
		.nav-secondary .nav-secondary--maps .button span {
			display: none; }
	/* line 134, src/scss/_ui.scss */
	.nav-secondary ul.nav-secondary--modals .button {
		padding: .25rem .5rem; }

/* line 142, src/scss/_ui.scss */
.map iframe {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }

/* line 151, src/scss/_ui.scss */
.pointer {
	cursor: pointer; }

/* line 154, src/scss/_ui.scss */
.help {
	cursor: help; }

/* line 157, src/scss/_ui.scss */
.disabled {
	opacity: .25;
	pointer-events: none; }

/* z indices
$ui--ele--zindex: 20
20		sidebar
21		chevron		
		clock
25		gradient overlay
30		sidebar nav
*/
/*
sidebar container
----------------- */
/* line 13, src/scss/_sidebar.scss */
.sidebar {
	position: fixed;
	top: 0.75rem;
	right: 0.75rem;
	min-width: 496px;
	width: 25vw;
	z-index: 20;
	background: #f2f2f2;
	border-radius: 0.65rem;
	overflow: hidden;
	box-shadow: 0px 0.15rem 1rem rgba(140, 140, 140, 0.25); }
	/* line 34, src/scss/_sidebar.scss */
	.sidebar.collapsed svg {
		transform: scale(1.5) rotate(180deg); }
	/* line 37, src/scss/_sidebar.scss */
	.sidebar.collapsed .sidebar--content {
		height: 0;
		overflow: hidden;
		opacity: 0; }

/*
navigation
----------------- */
/* line 48, src/scss/_sidebar.scss */
.sidebar--nav {
	position: relative;
	z-index: 30;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: .2rem; }
	/* line 57, src/scss/_sidebar.scss */
	.sidebar--nav .sidebar--nav--tabs {
		display: flex;
		flex-direction: row;
		column-gap: .25rem;
		flex-grow: 1;
		justify-content: center; }
		/* line 65, src/scss/_sidebar.scss */
		.sidebar--nav .sidebar--nav--tabs .button {
			flex-grow: 1;
			text-align: center; }
		/* line 69, src/scss/_sidebar.scss */
		.sidebar--nav .sidebar--nav--tabs .hidden {
			pointer-events: none; }
	/* line 76, src/scss/_sidebar.scss */
	.sidebar--nav .button {
		font-size: 1.2rem;
		padding: .2rem 1rem;
		border-radius: 0.65rem;
		cursor: pointer;
		transition: color .15s, background-color .15s; }
		/* line 85, src/scss/_sidebar.scss */
		.sidebar--nav .button.active {
			color: #fff;
			background-color: black; }
	/* line 90, src/scss/_sidebar.scss */
	.sidebar--nav svg {
		height: 1rem;
		transform: scale(1.5);
		transition: transform .15s; }

/*
statistics
----------------- */
/* line 101, src/scss/_sidebar.scss */
.sidebar--content {
	background-color: #fff;
	max-height: calc(100vh - 8rem);
	overflow-y: scroll; }
	/* line 107, src/scss/_sidebar.scss */
	.sidebar--content::after {
		content: '';
		position: absolute;
		z-index: 25;
		bottom: 0;
		width: 100%;
		height: 3rem;
		background: linear-gradient(transparent, white);
		pointer-events: none; }

/* line 122, src/scss/_sidebar.scss */
.infotab--section {
	display: block;
	position: relative;
	padding: 0.75rem 0.75rem; }
	/* line 130, src/scss/_sidebar.scss */
	.infotab--section.placeholder h3 {
		position: relative;
		text-align: center;
		color: #777;
		font-size: 1.5rem;
		font-weight: 400;
		z-index: 30; }
	/* line 138, src/scss/_sidebar.scss */
	.infotab--section.placeholder:last-of-type:not(.collapsed) .infotab--section--content {
		padding: 0; }

/* line 143, src/scss/_sidebar.scss */
.infotab--section + .infotab--section {
	border-top: 1px solid #f2f2f2; }

/* line 147, src/scss/_sidebar.scss */
.infotab--section:last-of-type:not(.collapsed) .infotab--section--content {
	padding-bottom: 1.5rem; }

/* line 151, src/scss/_sidebar.scss */
.infotab--section[data-progress="ready"] {
	filter: blur(0);
	transition: filter .15s; }

/* line 155, src/scss/_sidebar.scss */
.infotab--section[data-progress="loading"] {
	filter: blur(1.5px);
	transition: filter .15s; }
	/* line 163, src/scss/_sidebar.scss */
	.infotab--section[data-progress="loading"] .infotab--section--header--nav button {
		opacity: 0;
		pointer-events: none; }
	/* line 169, src/scss/_sidebar.scss */
	.infotab--section[data-progress="loading"] .infotab--section--content {
		display: none; }

@keyframes animation-gradient {
	0% {
		background-position: -100% 50%; }
	100% {
		background-position: 100% 50%; } }

/* header */
/* line 181, src/scss/_sidebar.scss */
.infotab--section--header h3 {
	position: absolute;
	left: 0;
	top: .5rem;
	padding: .25rem 1rem;
	width: 100%;
	text-align: center;
	color: #777;
	font-size: 1.5rem;
	font-weight: 400; }

/* line 194, src/scss/_sidebar.scss */
.infotab--section--header .infotab--section--header--nav {
	width: 100%; }
	/* line 199, src/scss/_sidebar.scss */
	.infotab--section--header .infotab--section--header--nav .toggle-period,
	.infotab--section--header .infotab--section--header--nav .button-help {
		float: right; }
	/* line 204, src/scss/_sidebar.scss */
	.infotab--section--header .infotab--section--header--nav .toggle-collapse,
	.infotab--section--header .infotab--section--header--nav .toggle-period,
	.infotab--section--header .infotab--section--header--nav .button-help {
		position: relative;
		z-index: 21;
		padding: .25rem .25rem 0;
		border-radius: 0.65rem;
		fill: #777; }
		/* line 214, src/scss/_sidebar.scss */
		.infotab--section--header .infotab--section--header--nav .toggle-collapse svg,
		.infotab--section--header .infotab--section--header--nav .toggle-period svg,
		.infotab--section--header .infotab--section--header--nav .button-help svg {
			height: 1.5rem;
			width: 1.5rem; }
	/* line 220, src/scss/_sidebar.scss */
	.infotab--section--header .infotab--section--header--nav .toggle-collapse {
		transition: transform .15s; }
	/* line 223, src/scss/_sidebar.scss */
	.infotab--section--header .infotab--section--header--nav .toggle-period {
		background-color: none;
		transition: background-color .15s, fill .15s; }

/* content */
/* line 235, src/scss/_sidebar.scss */
.infotab--section--content > div {
	position: relative; }

/* line 238, src/scss/_sidebar.scss */
.infotab--section--content .neighborhood-label, .infotab--section--content h4 {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 500; }

/* line 247, src/scss/_sidebar.scss */
.infotab--section--content .error {
	margin: 1rem 0;
	text-align: center; }

/* line 255, src/scss/_sidebar.scss */
.infotab--section--content .chart-number .data-value {
	text-align: center;
	margin: .75rem; }

/* line 259, src/scss/_sidebar.scss */
.infotab--section--content .chart-number .value {
	font-family: "JetBrains Mono", "Fragment Mono", "Andale", "Courier", monospace;
	font-weight: 800;
	font-size: 4rem;
	line-height: 4rem;
	font-variant-numeric: slashed-zero; }

/* line 272, src/scss/_sidebar.scss */
.infotab--section--content .chart-custom-legend {
	padding: 1.5rem 0 .5rem;
	column-count: 2; }

/* line 281, src/scss/_sidebar.scss */
.infotab--section--content .chart-custom-legend--label {
	display: flex;
	width: 100%; }
	/* line 284, src/scss/_sidebar.scss */
	.infotab--section--content .chart-custom-legend--label .chart-custom-legend--label--text {
		width: calc(100% - 2rem);
		line-height: 1.5rem;
		break-inside: avoid; }
	/* line 291, src/scss/_sidebar.scss */
	.infotab--section--content .chart-custom-legend--label svg {
		width: 1.25rem;
		height: 100%;
		margin-right: .75rem; }

/* line 301, src/scss/_sidebar.scss */
.chart-custom-legend--label:nth-of-type(1),
.chart-custom-legend--label:nth-of-type(9) {
	fill: #459147; }

/* line 301, src/scss/_sidebar.scss */
.chart-custom-legend--label:nth-of-type(2),
.chart-custom-legend--label:nth-of-type(10) {
	fill: #98C7A0; }

/* line 301, src/scss/_sidebar.scss */
.chart-custom-legend--label:nth-of-type(3),
.chart-custom-legend--label:nth-of-type(11) {
	fill: #469CEB; }

/* line 301, src/scss/_sidebar.scss */
.chart-custom-legend--label:nth-of-type(4),
.chart-custom-legend--label:nth-of-type(12) {
	fill: #91CCEB; }

/* line 301, src/scss/_sidebar.scss */
.chart-custom-legend--label:nth-of-type(5),
.chart-custom-legend--label:nth-of-type(13) {
	fill: #DFC241; }

/* line 301, src/scss/_sidebar.scss */
.chart-custom-legend--label:nth-of-type(6),
.chart-custom-legend--label:nth-of-type(14) {
	fill: #ECDF7A; }

/* line 301, src/scss/_sidebar.scss */
.chart-custom-legend--label:nth-of-type(7),
.chart-custom-legend--label:nth-of-type(15) {
	fill: #58425B; }

/* line 301, src/scss/_sidebar.scss */
.chart-custom-legend--label:nth-of-type(8),
.chart-custom-legend--label:nth-of-type(16) {
	fill: #857587; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(1) {
	fill: #459147; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(2) {
	fill: #469CEB; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(3) {
	fill: #DFC241; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(4) {
	fill: #58425B; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(5) {
	fill: #98C7A0; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(6) {
	fill: #91CCEB; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(7) {
	fill: #ECDF7A; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(8) {
	fill: #857587; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(1) {
	fill: #459147; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(2) {
	fill: #469CEB; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(3) {
	fill: #DFC241; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(4) {
	fill: #58425B; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(5) {
	fill: #98C7A0; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(6) {
	fill: #91CCEB; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(7) {
	fill: #ECDF7A; }

/* line 311, src/scss/_sidebar.scss */
.chart--percentage-comparison .chart-custom-legend--label:nth-of-type(8) {
	fill: #857587; }

/* states */
/* line 324, src/scss/_sidebar.scss */
.infotab--section.collapsed .infotab--section--content {
	height: 0;
	overflow: hidden;
	opacity: 0; }

/* line 329, src/scss/_sidebar.scss */
.infotab--section.collapsed .toggle-collapse {
	transform: rotate(180deg); }

/* line 334, src/scss/_sidebar.scss */
.infotab--section.display-period .toggle-period {
	background-color: #8c8c8c;
	fill: #fff; }

/* line 338, src/scss/_sidebar.scss */
.infotab--section.display-period .chart-current-local,
.infotab--section.display-period .chart-current-municipal {
	height: 0;
	overflow: hidden;
	opacity: 0; }

/* line 346, src/scss/_sidebar.scss */
.infotab--section.display-current .chart-period-local,
.infotab--section.display-current .chart-period-municipal {
	height: 0;
	overflow: hidden;
	opacity: 0; }

/*
modal container
----------------- */
/* line 4, src/scss/_modal.scss */
.modal-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(242, 242, 242, 0.8);
	display: none; }

/*
modal
----------------- */
/* line 26, src/scss/_modal.scss */
.modal {
	width: 60rem;
	max-width: 100%;
	height: 100%;
	max-height: 90%;
	background-color: #f2f2f2;
	border-radius: 0.65rem;
	overflow: hidden;
	box-shadow: 0px 0.15rem 1rem rgba(140, 140, 140, 0.25); }

/*
modal content
----------------- */
/* line 44, src/scss/_modal.scss */
.modal--header {
	position: relative;
	text-align: center;
	padding: .2rem;
	padding: 0.75rem 0.75rem; }
	/* line 52, src/scss/_modal.scss */
	.modal--header button {
		position: absolute;
		top: 0.75rem;
		right: 0.75rem;
		color: #000;
		fill: #000; }
	/* line 60, src/scss/_modal.scss */
	.modal--header svg {
		height: 100%;
		width: 1.5rem; }
	/* line 65, src/scss/_modal.scss */
	.modal--header h3 {
		color: #777;
		font-size: 1.5rem;
		font-weight: normal; }

/* line 72, src/scss/_modal.scss */
.modal--content {
	padding: 1.5rem 1.5rem 3.75rem;
	height: 100%;
	overflow-y: scroll;
	background-color: #fff; }
	/* line 79, src/scss/_modal.scss */
	.modal--content h2, .modal--content h3 {
		text-align: center;
		color: #777;
		font-size: 1.8rem;
		font-weight: normal;
		padding: .5rem 0;
		margin: 1.5rem 0; }
	/* line 88, src/scss/_modal.scss */
	.modal--content img, .modal--content video {
		max-width: 100%; }
	/* line 92, src/scss/_modal.scss */
	.modal--content p {
		font-size: 1.33rem;
		line-height: 1.5;
		margin: 0; }
	/* line 97, src/scss/_modal.scss */
	.modal--content p + p, .modal--content li + li {
		font-size: 1.33rem;
		line-height: 1.5;
		margin: 1rem 0; }
	/* line 102, src/scss/_modal.scss */
	.modal--content p:first-of-type {
		font-weight: 600; }
	/* line 105, src/scss/_modal.scss */
	.modal--content p:last-of-type {
		padding-bottom: 3rem; }
	/* line 108, src/scss/_modal.scss */
	.modal--content ol, .modal--content ul {
		margin: 0;
		padding: 0 1.5rem 3.75rem; }
	/* line 112, src/scss/_modal.scss */
	.modal--content ol li {
		list-style-type: decimal;
		list-style-position: outside; }
	/* line 116, src/scss/_modal.scss */
	.modal--content li {
		list-style-type: decimal;
		display: list-item;
		font-size: 1.33rem;
		line-height: 1.5;
		margin: 0; }
	/* line 123, src/scss/_modal.scss */
	.modal--content li::marker {
		color: #777; }

/* line 75, src/scss/index.scss */
html, body {
	/*margin: 0;*/
	/*padding: 0;*/
	font-size: 12px; }

/* line 80, src/scss/index.scss */
body,
header, main, aside, nav,
iframe, img,
figure, figcaption,
select, button,
ul, li, h1, h2, h3, h4, h5, h6, p,
svg {
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
	list-style: none;
	background: none;
	font-family: "Fira Sans", "Helvetica", "Arial", sans-serif; }

/* line 95, src/scss/index.scss */
h1, h2, p {
	margin-bottom: 1rem; }

/* line 99, src/scss/index.scss */
body {
	font-family: "Fira Sans", "Helvetica", "Arial", sans-serif;
	/*	font-family: 'Public Sans', sans-serif;*/
	/*	font-family: 'Fragment Mono', 'FragmentMono-Regular', monospace;*/
	background: #fff; }

/* line 106, src/scss/index.scss */
.filter-personen,
.filter-initiatieven,
.filter-netwerk,
.filter-plekken {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity .15s; }

/* line 116, src/scss/index.scss */
.button.filter-personen,
.button.filter-initiatieven,
.button.filter-netwerk,
.button.filter-plekken {
	display: none; }

/* line 127, src/scss/index.scss */
body[data-view='personen'] .filter-personen {
	height: unset;
	overflow: unset;
	opacity: 1; }

/* line 137, src/scss/index.scss */
body[data-view='personen'] .button.filter-personen {
	display: flex; }

/* line 127, src/scss/index.scss */
body[data-view='initiatieven'] .filter-initiatieven {
	height: unset;
	overflow: unset;
	opacity: 1; }

/* line 137, src/scss/index.scss */
body[data-view='initiatieven'] .button.filter-initiatieven {
	display: flex; }

/* line 127, src/scss/index.scss */
body[data-view='netwerk'] .filter-netwerk {
	height: unset;
	overflow: unset;
	opacity: 1; }

/* line 137, src/scss/index.scss */
body[data-view='netwerk'] .button.filter-netwerk {
	display: flex; }

/* line 127, src/scss/index.scss */
body[data-view='plekken'] .filter-plekken {
	height: unset;
	overflow: unset;
	opacity: 1; }

/* line 137, src/scss/index.scss */
body[data-view='plekken'] .button.filter-plekken {
	display: flex; }

/* map show/hide logic */
/* line 189, src/scss/index.scss */
iframe {
	display: none;
	opacity: 0;
	pointer-events: none;
	transition: opacity; }

/* line 198, src/scss/index.scss */
body[data-map='0'] iframe[data-index='0'] {
	display: block;
	opacity: 1;
	pointer-events: unset;
	z-index: 5; }

/* line 205, src/scss/index.scss */
body[data-map='0'] iframe[data-index='1'] {
	display: block;
	opacity: 1; }

/* line 212, src/scss/index.scss */
body[data-map='1'] iframe[data-index='1'] {
	display: block;
	opacity: 1;
	pointer-events: unset; }

/* line 219, src/scss/index.scss */
body[data-map='2'] iframe[data-index='2'] {
	display: block;
	opacity: 1;
	pointer-events: unset; }

/* line 226, src/scss/index.scss */
body[data-map='3'] iframe[data-index='3'] {
	display: block;
	opacity: 1;
	pointer-events: unset; }

/* line 233, src/scss/index.scss */
body[data-map='4'] iframe[data-index='4'] {
	display: block;
	opacity: 1;
	pointer-events: unset; }

/* line 240, src/scss/index.scss */
body[data-map='5'] iframe[data-index='5'] {
	display: block;
	opacity: 1;
	pointer-events: unset; }

/* line 247, src/scss/index.scss */
body[data-map='6'] iframe[data-index='6'] {
	display: block;
	opacity: 1;
	pointer-events: unset; }

/* hard code, hide single buttons */
/* line 255, src/scss/index.scss */
.nav-secondary--maps .button.first.last {
	display: none !important; }

/* side bar article show/hide logic
generated programmatically
*/
/* line 293, src/scss/index.scss */
body[data-infotab='0'] .filter-infotab-0 {
	transition: opacity .15s; }

/* line 293, src/scss/index.scss */
body[data-infotab='0'] .filter-infotab-1 {
	height: 0;
	overflow: hidden;
	opacity: 0; }

/* line 293, src/scss/index.scss */
body[data-infotab='0'] .filter-infotab-2 {
	height: 0;
	overflow: hidden;
	opacity: 0; }

/* line 293, src/scss/index.scss */
body[data-infotab='1'] .filter-infotab-0 {
	height: 0;
	overflow: hidden;
	opacity: 0; }

/* line 293, src/scss/index.scss */
body[data-infotab='1'] .filter-infotab-1 {
	transition: opacity .15s; }

/* line 293, src/scss/index.scss */
body[data-infotab='1'] .filter-infotab-2 {
	height: 0;
	overflow: hidden;
	opacity: 0; }

/* line 293, src/scss/index.scss */
body[data-infotab='2'] .filter-infotab-0 {
	height: 0;
	overflow: hidden;
	opacity: 0; }

/* line 293, src/scss/index.scss */
body[data-infotab='2'] .filter-infotab-1 {
	height: 0;
	overflow: hidden;
	opacity: 0; }

/* line 293, src/scss/index.scss */
body[data-infotab='2'] .filter-infotab-2 {
	transition: opacity .15s; }

@keyframes bounce {
	0% {
		transform: translate(-10px); }
	100% {
		transform: translate(10px); } }

/*# sourceMappingURL=index.css.map */