.map-legend {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
    z-index: 8;
}

.map-legend__item {
	font-size: 14px;
	font-weight: 400;
	line-height: 160%;
	display: flex;
	align-items: center;
}

.map-legend__item::before { 
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	border-radius: 50%;
	background-color: #7B9234;
}

.map-legend__item-no_risk::before {
	background-color: #F36C35!important;
	margin-left: 24px;
}

.map-lead {
	display: flex;
	justify-content: space-between;
	padding-left: 24px;
}

.toggle-filters {
display: flex;
flex-direction: column;
width: 50%;
justify-content: center;
}

.map-disclaimer {
    margin-top: 16px!important;
	margin: 0;
}

.map-disclaimer p {
	margin: 0;
}

.toggle-filter-container {
width: 50%;
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 24px;

}

.toggle-heading {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
}

.toggle-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
	cursor: pointer;
	position: relative;
	padding-top: 5px;
	padding-left: 24px;
	white-space: nowrap;
}

.toggle-filter {
	display: flex;
	height: 38px;
    align-items: flex-end;
}

.toggle-filter__item {
	display: flex;

	align-items: center;
	justify-content: center;
	height: 24px;
	border-radius: 12px;
	cursor: pointer;
}

.toggle-filter__item input {
	display: none;
}

.toggle-filter__item:first-child {
	margin-right: 48px;
}

.input__radio-button {
	height: 16px;
  width: 16px;
  border: 1px solid black;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;

}

.input__radio-button::after {
	content: "";
	display: block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: black;
	opacity: 0;
	transition: opacity 0.2s;
  }
  
  .input__radio-input:checked ~ .toggle-label .input__radio-button::after {
	opacity: 1;
  }

.slider-filter-container {
    position: relative;
    width: 344px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
	margin-top: 28px;
	overflow: hidden;
}

.slider-label {

}

.slider-ticks {
    display: flex;
    width: 500px;
    margin-top: 8px;
    margin-left: 0px;
}

.slider-ticks span {
	position: relative;
    margin-right: 41px;
	font-size: 12px;
	font-weight: 400;
	color: #666;
}
.slider-ticks span::before {
	content: '';
	position: absolute;
	top: -4px;
	left: 10px;
	width: 4px;
	height: 1px;
	background-color: #666;
	rotate: 90deg;
}


/* === range theme and appearance === */
#data-chart-slider, #data-chart-slider-mobile {
	font-size: 1.5rem;
	width: 500px;
	margin-top: 24px;
}

#data-chart-slider, #data-chart-slider-mobile {
	color: black;
	--thumb-height: 1.125em;
	--track-height: 0.125em;
	--track-color: rgba(0, 0, 0, 0.2);
	--brightness-hover: 180%;
	--brightness-down: 80%;
	--clip-edges: 0.125em;
    
}
∂
@media (prefers-color-scheme: dark) {
	html {
		background-color: #000;
	}

	html::before {
		background: radial-gradient(circle at center, #101112, #000);
	}

	#data-chart-slider, #data-chart-slider-mobile {
		color: #f07167;
		--track-color: rgba(255, 255, 255, 0.1);
	}

	#data-chart-slider.win10-thumb , #data-chart-slider-mobile.win10-thumb {
		color: #3a86ff;
	}
}

/* === range commons === */
#data-chart-slider, #data-chart-slider-mobile {
	position: relative;
	background: #fff0;
	overflow: hidden;
	z-index: 10;
	-webkit-appearance: none;
}

#data-chart-slider:active, #data-chart-slider-mobile:active {
	cursor: grabbing;
}

#data-chart-slider:disabled, #data-chart-slider-mobile:disabled {
	filter: grayscale(1);
	opacity: 0.3;
	cursor: not-allowed;
}

/* === WebKit specific styles === */
#data-chart-slider,
#data-chart-slider::-webkit-slider-runnable-track,
#data-chart-slider::-webkit-slider-thumb, #data-chart-slider-mobile::-webkit-slider-runnable-track, #data-chart-slider-mobile::-webkit-slider-thumb {
	-webkit-appearance: none;
	transition: all ease 100ms;
	height: var(--thumb-height);
    /* border-radius: 50%; */
}

#data-chart-slider::-webkit-slider-runnable-track,
#data-chart-slider::-webkit-slider-thumb, #data-chart-slider-mobile::-webkit-slider-runnable-track, #data-chart-slider-mobile::-webkit-slider-thumb {
	position: relative;
}

#data-chart-slider::-webkit-slider-thumb, #data-chart-slider-mobile::-webkit-slider-thumb {
    z-index: 50;
	--thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
	--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
	--clip-bottom: calc(var(--thumb-height) - var(--clip-top));
	--clip-further: calc(100% + 1px);
	--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
		100vmax currentColor;

	width: var(--thumb-width, var(--thumb-height));
	background: white;
	background-color: white;
    filter: brightness(100%);
	box-shadow: var(--box-fill);
    border: 3px solid rgba(0, 0, 0, 0.10);;
	border-radius: var(--thumb-width, var(--thumb-height));
	clip-path: polygon(
		100% -1px,
		var(--clip-edges) -1px,
		0 var(--clip-top),
		-100vmax var(--clip-top),
		-100vmax var(--clip-bottom),
		0 var(--clip-bottom),
		var(--clip-edges) 100%,
		var(--clip-further) var(--clip-further)
	);
}

#data-chart-slider:hover::-webkit-slider-thumb, #data-chart-slider-mobile:hover::-webkit-slider-thumb {
	cursor: grab;
    z-index: 999;
	border: 3px solid rgba(0, 0, 0, 0.10);;
	box-shadow: var(--box-fill);


}

#data-chart-slider:active::-webkit-slider-thumb, #data-chart-slider-mobile:active::-webkit-slider-thumb {
	filter: brightness(var(--brightness-down));
	cursor: grabbing;
}

#data-chart-slider::-webkit-slider-runnable-track, #data-chart-slider-mobile::-webkit-slider-runnable-track {
	background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center /
		100% calc(var(--track-height) + 1px);
}

#data-chart-slider:disabled::-webkit-slider-thumb, #data-chart-slider-mobile:disabled::-webkit-slider-thumb {
	cursor: not-allowed;
}

/* === Firefox specific styles === */
#data-chart-slider,
#data-chart-slider::-moz-range-track,
#data-chart-slider::-moz-range-thumb, #data-chart-slider-mobile::-moz-range-track, #data-chart-slider-mobile::-moz-range-thumb {
	appearance: none;
	transition: all ease 100ms;
	height: var(--thumb-height);
}

#data-chart-slider::-moz-range-track,
#data-chart-slider::-moz-range-thumb,
#data-chart-slider::-moz-range-progress, #data-chart-slider-mobile::-moz-range-track, #data-chart-slider-mobile::-moz-range-thumb, #data-chart-slider-mobile::-moz-range-progress {
	background: white;
}

#data-chart-slider::-moz-range-thumb, #data-chart-slider-mobile::-moz-range-thumb {
	background: white;
	border: 0;
	width: var(--thumb-width, var(--thumb-height));
	border-radius: var(--thumb-width, var(--thumb-height));
	cursor: grab;
}

#data-chart-slider:active::-moz-range-thumb, #data-chart-slider-mobile:active::-moz-range-thumb {
	cursor: grabbing;
}

#data-chart-slider::-moz-range-track, #data-chart-slider-mobile::-moz-range-track {
	width: 100%;
	background: var(--track-color);
}

#data-chart-slider::-moz-range-progress, #data-chart-slider-mobile::-moz-range-progress {
	appearance: none;
	background: currentColor;
	transition-delay: 30ms;
}

#data-chart-slider::-moz-range-track,
#data-chart-slider::-moz-range-progress, #data-chart-slider-mobile::-moz-range-track, #data-chart-slider-mobile::-moz-range-progress {
	height: calc(var(--track-height) + 1px);
	border-radius: var(--track-height);
}

#data-chart-slider::-moz-range-thumb,
#data-chart-slider::-moz-range-progress, #data-chart-slider-mobile::-moz-range-thumb, #data-chart-slider-mobile::-moz-range-progress {
	filter: brightness(100%);
}

#data-chart-slider:hover::-moz-range-thumb,
#data-chart-slider:hover::-moz-range-progress, #data-chart-slider-mobile:hover::-moz-range-thumb, #data-chart-slider-mobile:hover::-moz-range-progress {
	filter: brightness(var(--brightness-hover));
}

#data-chart-slider:active::-moz-range-thumb,
#data-chart-slider:active::-moz-range-progress, #data-chart-slider-mobile:active::-moz-range-thumb, #data-chart-slider-mobile:active::-moz-range-progress {
	filter: brightness(var(--brightness-down));
}

#data-chart-slider:disabled::-moz-range-thumb, #data-chart-slider-mobile:disabled::-moz-range-thumb {
	cursor: not-allowed;
}

#zoomOutButton, #zoomOutButton-mobile {
	color: rgb(102, 102, 102);
    cursor: pointer;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 2px;
    padding: 8px;
    margin-left: 10px;
    margin-top: 16px;
    font-size: 14px;
}

.highcharts-credits {
	display: none!important;
}

g.highcharts-map-view {
	display: none;
}

@media screen and (max-width:768px) {
	.map-lead {
		flex-direction: column;
		padding-left: 0;
		margin-top: 16px;
		width: 100%;
	}
}



.dropdown {
	position: relative;
    max-width: 220px;
  }

  .dropdown__button {
	padding: 16px;
	background-color: white;
	color: black;
	border: solid 1px #495057;
	cursor: pointer;
	position: relative;
	text-align: left;
	width: 200px;
  }

  #input-selector, #input-selector-mobile {
    font-weight: 700;
    border: 1px solid;
    padding: 16px;
	cursor: pointer;
	position: relative;

  }

  #input-selector svg, #input-selector-mobile svg {
	position: absolute;
	right: 16px;
	top: calc(50% - 4px);
	color: #666666!important;
  }

  .dropdown__button:hover {
	background-color: #ededed;
  }

  .dropdown__items {
	background-color: #ededed;
	position: absolute;
	margin-top: 0.5rem;
	left: 0;
	width: 200px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	animation: open 0.3s;
	transform-origin: top left;
  }

  .dropdown__item {
	width: 100%;
	text-align: left;
	padding: 16px;
	color: black;
	border: none;
	cursor: pointer;
  }

  .dropdown__item:hover {
	background-color: #949494;
  }

  .dropdown--hide {
	display: none;
  }

  .dropdown--show {
	display: block;
  }

  @keyframes open {
	from {
	  transform: scaleY(0);
	}

	to {
	  transform: scaleY(1);
	}
  }