/* Extracted verbatim from index.php — the <style> block after </head> and the
   <style> block preceding the (disabled) image modal, in document order. */

	#circle {
		position: fixed;
		width: 30px;
		height: 30px;
		background-color: rgba(0, 174, 239, 0.5);
		border: solid 1px rgba(0, 0, 0, 0.1);
		border-radius: 50%;
		pointer-events: none;
		transform: translate(-50%, -50%);
		transition: all 0.4s ease;
		z-index: 100000 !important;
		opacity: 0;
	}

	body:has(#companies:hover) #circle {
		opacity: 1;
	}

	body:has(#companies .marker:hover) #circle {
		transform: translate(-50%, -50%) scale(2);
	}


		#imageModal .modal-content {
			background: transparent;
			box-shadow: none !important;
			border: none !important;
		}

		.modal .close {
			position: absolute;
			top: 0;
			z-index: 1;
			border: none;
			outline: none;
			color: black;
		}