/** plugin: Scrollable Map Sidebar #EOL code **/
/* BEGIN Scrollable Map Sidebar by Salvatos */
.main-sidebar {
	--map-sidebar-scrollbar-track-color: auto;
	--map-sidebar-scrollbar-slider-color: auto;
	--map-sidebar-scrollbar-width: thin;
}
@media (min-width:768px) {
	#map-body {
		/* Prevent scrollbar in main pane */
		#sidebar-map, .main-sidebar {
			max-height: calc(100vh - 3.1rem);
		}

		/* Scrollbar width and colors */
		#sidebar-content {
			scrollbar-width: var(--map-sidebar-scrollbar-width);
			scrollbar-color: var(--map-sidebar-scrollbar-slider-color) var(--map-sidebar-scrollbar-track-color);
		}
		/* Webkit patch */
		#sidebar-content::-webkit-scrollbar {
			background-color: var(--map-sidebar-scrollbar-track-color);
		}
		#sidebar-content::-webkit-scrollbar-thumb {
			background-color: var(--map-sidebar-scrollbar-slider-color);
		}

		/* Legend spacing */
		#sidebar-map {
			.marker-actions {
				padding-block: 1em;
			}
			.map-legend:not(:last-child) {
				padding: 0 10px;
			}
		}

		/* Sticky Back/Remove button */
		.map-legend:last-child,
		.marker-header ~ div .marker-actions {
			position: sticky;
			bottom: 0px;
			margin: 0;
			padding: 10px 0px;
			background: var(--sidebar-background, hsl(var(--si)));
		}
		.marker-header + .gap-3 {
			gap: unset;
		}
	}
}
/* END Scrollable Map Sidebar by Salvatos */

/** plugin: Scrollable Main Sidebar #1.13 code **/
/* BEGIN Scrollable Main Sidebar */
.main-sidebar {
  --sidebar-scrollbar-track-color: auto;
  --sidebar-scrollbar-slider-color: auto;
  --sidebar-scrollbar-width: thin;
}
@media (min-width:768px) {
	.main-sidebar {
		position: fixed;
	}
	.main-sidebar .sidebar-menu {
		margin-bottom: 3rem;
	}
	/* Main site sidebar */
	body:not(#map-body) .main-sidebar .sidebar {
		height: calc(100vh - (160px + 50px) - 3rem) !important;
		padding-bottom: 1em;
		overflow-y: scroll;
		scrollbar-width: var(--sidebar-scrollbar-width);
		scrollbar-color: var(--sidebar-scrollbar-slider-color) var(--sidebar-scrollbar-track-color);
	}

	/* Webkit patch */
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar {
		background-color: var(--sidebar-scrollbar-track-color);
	}
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar-thumb {
		background-color: var(--sidebar-scrollbar-slider-color);
	}
}
/* END Scrollable Main Sidebar */