.ol-zoom button {
	 display: inline-flex;
	 height: 2rem;
	 width: 2rem;
	 background-color: #3f4247;
	 color: white;
	 justify-content: center;
	 align-items: center;
}
 .ol-zoom-in {
	 margin-right: 0;
}
 .ol-attribution {
	 position: absolute;
	 left: 0.5rem;
	 bottom: 0.5rem;
	 display: flex;
	 flex-flow: row;
	 justify-content: flex-start;
	 align-items: flex-start;
}
 .ol-attribution ul {
	 list-style: none;
	 padding: 0;
	 margin: 0 1rem 0 0;
}
 .map-marker {
	 width: 1.5rem;
	 height: 1.5rem;
	 border-radius: 50%;
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 background-color: #3f4247;
}
 .map-marker::before, .map-marker::after {
	 content: '';
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 border: 2px solid #3f4247;
	 border-radius: 50%;
}
 .map-marker::before {
	 animation: playanim1 1.5s linear infinite;
}
 .map-marker::after {
	 animation: playanim2 2.5s linear infinite;
}
 .map-marker .map-marker-dot {
	 width: 0.5rem;
	 height: 0.5rem;
	 background-color: #fdeb19;
	 border-radius: 50%;
	 display: block;
}
 .ol-attribution {
	 opacity: 0;
}
 @keyframes playanim1 {
	 from {
		 transform: scale(1);
		 opacity: 1;
	}
	 to {
		 transform: scale(2);
		 opacity: 0;
	}
}
 @keyframes playanim2 {
	 from {
		 transform: scale(1);
		 opacity: 1;
	}
	 to {
		 transform: scale(1.5);
		 opacity: 0;
	}
}
 

.kc-spinner{display:flex;justify-content:center}.kc-ring{display:inline-block;position:relative;width:80px;height:80px}.kc-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite kc-ring;border-color:#fff transparent transparent}.kc-ring div:first-child{animation-delay:-.45s}.kc-ring div:nth-child(2){animation-delay:-.3s}.kc-ring div:nth-child(3){animation-delay:-.15s}@keyframes kc-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}