.border-right {
	border-right: solid 1px rgba(255, 255, 255, 0.25);
}

.border-bottom {
	border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}

.inline-block {
	display: inline-block;
}

#indicator-smallmultiples-controller {
	position: fixed;
	bottom: -214px;
	left: calc(50vw - 240px);
	width: 480px;
	height: 82px;
	padding: 12px;
	background-color: rgba(17, 48, 76, 0.6);
	border-radius: 24px;
	z-index: 1000;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(10px);
	overflow: hidden;
	cursor: default;
	visibility: hidden;
	transition: bottom 0.5s, visibility 0.5s;
}
#indicator-smallmultiples-controller.active {
	bottom: 24px;
	visibility: visible;
}
#indicator-smallmultiples-controller .btn {
	padding: 6px;
	background-color: transparent;
	opacity: 0.5;
}
#indicator-smallmultiples-controller .btn h5 {
	font-size: 1em;
}
#indicator-smallmultiples-controller .btn.active, #indicator-smallmultiples-controller .btn:hover, #indicator-smallmultiples-controller .btn:focus {
	color: #FFFFFF;
	opacity: 1;
}
#indicator-smallmultiples-controller input[type=range]::-webkit-slider-runnable-track {
	background: rgba(255, 255, 255, 0.1);
}
#indicator-smallmultiples-controller input[type=range]::-webkit-slider-thumb {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transition: background 1s;
	-ms-transition: background 1s;
	transition: background 1s;
}
#indicator-smallmultiples-controller input[type=range].publicspace::-webkit-slider-thumb {
	background: #088887;
}
#indicator-smallmultiples-controller input[type=range].accessibility::-webkit-slider-thumb {
	background: #8DC0C0;
}
#indicator-smallmultiples-controller input[type=range].greenarea::-webkit-slider-thumb {
	background: #75B24B;
}

[data-chart=indicator-smallmultiples] [data-tippy-content] {
	cursor: pointer;
}

@media (max-width: 767px) {
	.btn-group {
		width: 100%;
		border-radius: 24px;
		overflow: hidden;
		flex-direction: column;
	}
	.btn-group .btn {
		border-radius: 0 !important;
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	}
	.btn-group .btn:last-child {
		border-bottom: none;
	}
}
@media (max-width: 575px) {
	#indicator-smallmultiples-controller {
		width: 100%;
		left: 0;
		padding-bottom: 160px;
		border-radius: 0;
		border-top-left-radius: 24px;
		border-top-right-radius: 24px;
	}
	#indicator-smallmultiples-controller.active {
		bottom: 0;
	}
}