a, a:hover, a *, a:hover *		{ transition:all .3s ease; }
body,html						{ color:rgb(100,100,100); font:15px/25px sans-serif; margin:0; height:100%; padding:0; position:relative; }
#map							{ background:#ccc; width:100%; height:100%; }
.marker 						{ border-radius:50%; background-size:cover; cursor:pointer; transition:0.05s width ease, 0.05s height ease; }
.marker.xl						{ width:45px !important; height:45px !important; transition:0.05s width ease, 0.05s height ease; z-index:1; }
.maplibregl-ctrl-compass		{ display:none !important; }
.maplibregl-popup 				{ max-width:200px; z-index:10; }
.maplibregl-popup-close-button	{ display:none; }
.maplibregl-popup-content		{ border-radius:6px; padding:0 0 15px 0; text-align:center; }
.maplibregl-popup-content a		{ border:none !important; outline:none !important; text-decoration:none !important; }
.maplibregl-popup-content a:focus { border:none !important; }
.maplibregl-popup-content a *	{ border:none !important; outline:none !important; text-decoration:none !important; }
.maplibregl-popup-content h3	{ color:#555; font:bold 12px/14px sans-serif; margin:8px 0 0 0; padding:8px 15px 0 15px; }
.maplibregl-popup-content img	{ border-radius:6px 6px 0 0 !important; display:block; margin-bottom:-2px; }
.maplibregl-popup-content p		{ color:#555; font:12px/14px sans-serif; margin:0; padding:0 15px; }

.panel *						{ color:gray !important; }
.panel > div					{ background:white; width:80vw; max-width:600px !important; }
.panel button					{ color:black !important; }
.pop							{ cursor:pointer; }