	<style>
		.disable-select {
			user-select: none;
			/* supported by Chrome and Opera */
			-webkit-user-select: none;
			/* Safari */
			-khtml-user-select: none;
			/* Konqueror HTML */
			-moz-user-select: none;
			/* Firefox */
			-ms-user-select: none;
			/* Internet Explorer/Edge */
		}

	</style>

	<style>
		@-webkit-keyframes leaflet-gestures-fadein {
			0% {
				opacity: 0
			}

			100% {
				opacity: 1
			}
		}

		@keyframes leaflet-gestures-fadein {
			0% {
				opacity: 0
			}

			100% {
				opacity: 1
			}
		}

		.leaflet-container:after {
			-webkit-animation: leaflet-gestures-fadein .1s backwards;
			animation: leaflet-gestures-fadein .1s backwards;
			color: #aaa;
			font-family: Roboto, Arial, sans-serif;
			font-size: 22px;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			padding: 15px;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(255, 255, 255, .2);
			z-index: 99999;
			pointer-events: none
		}

		.leaflet-gesture-handling-scroll-warning:after,
		.leaflet-gesture-handling-touch-warning:after {
			-webkit-animation: leaflet-gestures-fadein .1s forwards;
			animation: leaflet-gestures-fadein .1s forwards
		}

		.leaflet-gesture-handling-touch-warning:after {
			content: attr(data-gesture-handling-touch-content)
		}

		.leaflet-gesture-handling-scroll-warning:after {
			content: attr(data-gesture-handling-scroll-content)
		}

	</style>

