<commit_before>$toggle-filters-font-size: 1.5rem;

.map-overlay {
	color: $blue;

	&:not(:last-of-type) {
		margin-bottom: 10px;
	}

	@media (#{$bp-larger-than-mobile}) {
		background: $white;
		box-shadow: $page-shadow;
		min-width: 14rem;
	}

	.collapse-toggle {
		display: none;
	}
	@media (#{$bp-larger-than-mobile}) {
		display: block;
	}
}

.map-overlay-container {
	left: $body-margin;
	position: static;
	top: $body-margin;
	z-index: 1;

	@media (#{$bp-larger-than-mobile}) {
		position: absolute;
	}

	.map-overlay-container-contents {
		display: none;
		background-color: rgba($background-color, 0.9);
		// height: 100%;
		padding-top: $header-height;
		position: absolute;
		width: 100%;
		z-index: $header-z-index - 1;

		@media (#{$bp-larger-than-mobile}) {
			background-color: inherit;
			// height: inherit;
			padding-top: 0;
			width: inherit;
		}
	}

	&.filters-open {
		.map-overlay-container-contents {
			display: block;
			padding-bottom: 4 * $toggle-filters-font-size;
		}
	}

	@media (#{$bp-larger-than-mobile}) {
		.map-overlay-container-contents {
			display: block;
		}
	}
}

.map-overlay-container-toggle-filters {
	background: $green;
	bottom: 1rem;
	color: white;
	font-size: $toggle-filters-font-size;
	font-weight: bold;
	left: 50%;
	padding: 1rem 5rem;
	position: absolute;
	text-transform: uppercase;
	transform: translateX(-50%);
	z-index: $header-z-index - 1;

	&:focus,
	&:hover,
	&:active {
		color: white;
	}

	@media (#{$bp-larger-than-mobile}) {
		display: none;
	}
}

.map-poi-legend {
	margin: 0.5rem 0;
	padding-top: 0.5rem;<commit_msg>More refinement around filter button placement<commit_after>$toggle-filters-font-size: 1.5rem;
$toggle-filters-padding-vert: 1rem;

.map-overlay {
	color: $blue;

	&:not(:last-of-type) {
		margin-bottom: 10px;
	}

	@media (#{$bp-larger-than-mobile}) {
		background: $white;
		box-shadow: $page-shadow;
		min-width: 14rem;
	}

	.collapse-toggle {
		display: none;
	}
	@media (#{$bp-larger-than-mobile}) {
		display: block;
	}
}

.map-overlay-container {
	left: $body-margin;
	position: static;
	top: $body-margin;
	z-index: 1;

	@media (#{$bp-larger-than-mobile}) {
		position: absolute;
	}

	.map-overlay-container-contents {
		display: none;
		background-color: rgba($background-color, 0.9);
		// height: 100%;
		padding-top: $header-height;
		position: absolute;
		width: 100%;
		z-index: $header-z-index - 1;

		@media (#{$bp-larger-than-mobile}) {
			background-color: inherit;
			// height: inherit;
			padding-top: 0;
			width: inherit;
		}
	}

	&.filters-open {
		.map-overlay-container-contents {
			display: block;
			padding-bottom: 4 * $toggle-filters-font-size;
			min-height: calc(100vh - #{$header-height + 2 * $toggle-filters-padding-vert});
		}
	}

	@media (#{$bp-larger-than-mobile}) {
		.map-overlay-container-contents {
			display: block;
		}
	}
}

.map-overlay-container-toggle-filters {
	background: $green;
	bottom: $toggle-filters-padding-vert;
	color: white;
	font-size: $toggle-filters-font-size;
	font-weight: bold;
	left: 50%;
	padding: $toggle-filters-padding-vert 5rem;
	position: absolute;
	text-transform: uppercase;
	transform: translateX(-50%);
	z-index: $header-z-index - 1;

	&:focus,
	&:hover,
	&:active {
		color: white;
	}

	@media (#{$bp-larger-than-mobile}) {
		display: none;
	}
}

.map-poi-legend {
	margin: 0.5rem 0;
	padding-top: 0.5rem;
{'fraction_non_alphanumeric': 0.18292682926829268, 'fraction_numerical': 0.01933372992266508, 'mean_word_length': 3.4133858267716537, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3930240', 'n_tokens_mistral': 1487, 'n_tokens_neox': 1313, 'n_words': 241}