.MapContainer {
	 width: 100%;
	 overflow: hidden;
	 position: absolute;
	 top: 0;
}
 .MarkerContainer {
	 position: relative;
	 margin-top: -38px;
}
 .Marker {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 position: relative;
}
 .Marker .arrow {
	 width: 12px;
	 height: 20px;
	 overflow: hidden;
	 position: absolute;
	 float: left;
	 bottom: -12px;
	 right: 40%;
	 transform: rotate(270deg);
}
 .Marker .outer {
	 width: 0;
	 height: 0;
	 border-right: 20px solid transparent;
	 border-top: 10px solid transparent;
	 border-bottom: 10px solid transparent;
	 position: absolute;
	 top: 0;
	 left: 0;
}
 .Marker .inner {
	 width: 0;
	 height: 0;
	 border-right: 20px solid #fff;
	 border-top: 10px solid transparent;
	 border-bottom: 10px solid transparent;
	 position: absolute;
	 top: 0;
	 left: 2px;
}
 .Marker .message {
	 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	 display: flex;
	 justify-content: center;
	 max-width: 72px;
	 height: 34px;
	 background-color: #fff;
	 padding: 4px 14px;
	 -webkit-border-radius: 12px;
	 -moz-border-radius: 12px;
	 -o-border-radius: 12px;
	 border-radius: 12px;
	 position: relative;
	 transition: all 0.2s ease-in-out;
}
 .Marker .message p {
	 font-weight: 600;
}
 .Marker .message:hover {
	 transform: scale(1.2);
	 z-index: 2;
}
 .Marker .HoveredCode {
	 transform: scale(1.2);
	 z-index: 2;
}
 .Marker .activeMarker {
	 transform: scale(1.2);
}
 .Marker .activeMarker p {
	 color: 'white';
}
 .UniMarker {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 position: relative;
}
 .UniMarker img {
	 position: absolute;
}
 .RoomDetails {
	 min-height: 150px;
	 width: 170px;
	 background: 'white';
	 position: absolute;
	 top: -150px;
	 z-index: 1;
	 left: -80px;
	 border-radius: 12px;
	 overflow: hidden;
}
 .RoomDetails a {
	 text-decoration: none;
}
 .RoomDetails .PropertyLink {
	 text-decoration: underline;
	 background: white;
	 width: 100%;
}
.RoomDetails .PropertyLink img {
	 width: 100%;
}
 .RoomDetails .RoomName {
	 display: flex;
	 padding: 4px 11px;
}
 .RoomDetails .RoomName span {
	 font-size: 12px;
	 line-height: 18px;
	 color: #2a2e31;
	 white-space: pre-wrap;
	 word-break: break-all;
	 display: -webkit-box;
	 -webkit-line-clamp: 2;
	 -webkit-box-orient: vertical;
}
 .RoomDetails.PropRoomDetails {
	 top: -175px;
}
 .InfoCardContainer {
	 background: 'white';
	 box-sizing: border-box;
	 position: absolute;
	 padding: 12px 10px;
	 border-radius: 0;
	 top: 0;
	 left: 0;
	 min-width: 100%;
}
 .InfoCardContainer .LabelTag {
	 display: flex;
	 align-items: center;
	 font-weight: 600;
	 font-size: 12px;
	 line-height: 140.62%;
}
 .InfoCardContainer__NameContainer {
	 margin-top: 6px;
	 box-sizing: border-box;
	 border-radius: 6px;
	 display: flex;
	 align-items: center;
	 min-height: 35px;
	 padding: 0 8px;
}
 .InfoCardContainer__NameContainer span {
	 margin-left: 6px;
	 font-size: 12px;
}
 .InfoCardContainer__DirectionInfo {
	 display: flex;
	 align-items: center;
	 margin-top: 10px;
	 justify-content: space-between;
}
 .InfoCardContainer__DirectionInfo .DirectionItem {
	 display: flex;
	 align-items: center;
}
 .InfoCardContainer__DirectionInfo .DirectionItem span {
	 font-size: 12px;
	 line-height: 18px;
}
 .InfoCardContainer__DirectionInfo :nth-child(3) span, .InfoCardContainer__DirectionInfo :nth-child(4) span {
	 margin-left: 4px;
}
 .InfoCardContainer .IconContainer img {
	 margin-bottom: -2px !important;
	 height: 21px;
	 width: 21px;
}