@supports (display: flex) {
	#FigureDiv img {
		display: none;
		visibility: hidden;
	}

	.annotate {
		opacity: 1 !important;
		fill: #28a745 !important;
		fill-opacity: 0.2 !important;
		stroke: black !important;
		stroke-opacity: 1 !important;
		stroke-width: 5px !important;
	}

	.annotate:hover {
		opacity: 1 !important;
		fill: #28a745 !important;
		fill-opacity: 0.42 !important;
		stroke: #28a745 !important;
		stroke-opacity: 1 !important;
		stroke-width: 5px !important;
	}

	.annotate #annotate-pointer {
		display: none;
		opacity: 0 !important;
		fill: #28a745 !important;
		fill-opacity: 0 !important;
		stroke: black !important;
		stroke-width: 5px !important;
	}

	.annotate:hover #annotate-pointer {
		display: initial;
		opacity: 1 !important;
		fill: #28a745 !important;
		fill-opacity: 1 !important;
		stroke: #28a745 !important;
		stroke-width: 5px !important;
	}

	.annotate #annotate-text:before {
		padding-left: 10px !important;
		content: " ";
	}

	.annotate #annotate-text {
		display: none !important;
		opacity: 0 !important;
		fill: #015272 !important;
		fill-opacity: 1 !important;
		stroke: #ffffff !important;
		stroke-opacity: 1 !important;
		stroke-width: initial !important;
		font-size: 48px !important;
		font-size: 3rem !important;
	}

	.annotate:hover #annotate-text {
		display: initial !important;
		opacity: 1 !important;
		fill: #015272 !important;
		fill-opacity: 1 !important;
		stroke: #ffffff !important;
		stroke-opacity: 1 !important;
		stroke-width: 2px !important;
		font-size: 48px !important;
		font-size: 3rem !important;
	}

	.annotate-light {
		fill: #28a745 !important;
		fill-opacity: 0.20 !important;
		stroke: white !important;
		stroke-width: 5px !important;
	}

	#ImageMap { 
		position: relative;
		width: 100%; 
		padding-bottom: 77%;
		vertical-align: middle; 
		margin: 0; 
		overflow: hidden; 
	}

	#ImageMap svg { 
		display: inline-block;
		position: absolute; 
		top: 0; 
		left: 0; 
	}

	/* smartphones, touchscreens */
	@media (hover: none) and (pointer: coarse) {
	/*
		.annotate {
		}
	*/
	}

	/* stylus-based screens */
	@media (hover: none) and (pointer: fine) {
	/*
		.annotate {
		background: black;
		color: black;
		opacity: 1;
		fill: #00FF00;
		fill-opacity: 100%;
		stroke: #00FF00;
		stroke-width: 10px;
		}
	*/
		.annotate #annotate-pointer { transition-delay: 3s; }
		.annotate:hover #annotate-pointer { transition-delay: 0s; }

		.annotate #annotate-text { transition-delay: 3s; }
		.annotate:hover #annotate-text { transition-delay: 0s; }
	}

	/* Nintendo Wii controller, Microsoft Kinect */
	@media (hover: hover) and (pointer: coarse) {
		.annotate #annotate-pointer { transition-delay: 3s; }
		.annotate:hover #annotate-pointer { transition-delay: 0s; }

		.annotate #annotate-text { transition-delay: 3s; }
		.annotate:hover #annotate-text { transition-delay: 0s; }
	}

	/* mouse, touch pad */
	@media (hover: hover) and (pointer: fine) {
		.annotate #annotate-pointer { transition-delay: 3s; }
		.annotate:hover #annotate-pointer { transition-delay: 0s; }

		.annotate #annotate-text { transition-delay: 3s; }
		.annotate:hover #annotate-text { transition-delay: 0s; }
	}
}