.mcr-route-status {
	min-height: 24px;
	margin-top: 10px;
	color: #82d794;
	font-weight: 700;
}

.mcr-route-status.is-error {
	color: #ff7d87;
}

.mcr-route-planner-map.is-placing-waypoint,
.mcr-route-planner-map.is-drawing-route,
.mcr-route-planner-map.is-placing-waypoint .leaflet-interactive,
.mcr-route-planner-map.is-drawing-route .leaflet-interactive {
	cursor: crosshair !important;
}

.mcr-route-waypoint {
	background: none !important;
	border: 0 !important;
}

.mcr-route-waypoint span {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #111;
	color: #fff;
	font: 900 14px/1 Arial, sans-serif;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .65);
}

.mcr-route-turn {
	background: none !important;
	border: 0 !important;
}

.mcr-route-turn span {
	display: block;
	width: 18px;
	height: 18px;
	border: 3px solid #fff;
	border-radius: 4px;
	background: #d7b34c;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .75);
	transform: rotate(45deg);
	cursor: grab;
}

.mcr-route-marker-key {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 4px 0 10px;
	color: #ddd;
	font-size: 13px;
	font-weight: 700;
}

.mcr-route-marker-key__destination {
	display: inline-grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #111;
	color: #fff;
}

.mcr-route-marker-key__turn {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-left: 10px;
	border: 2px solid #fff;
	border-radius: 4px;
	background: #d7b34c;
	transform: rotate(45deg);
}

.mcr-route-candidates {
	margin: 14px 0;
	padding: 16px;
	border: 1px solid #4a4e54;
	border-radius: 14px;
	background: rgba(9, 10, 12, .88);
}

.mcr-route-candidates__heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.mcr-route-candidates__heading span {
	font-size: 19px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.mcr-route-candidates__heading small {
	color: #b7b9bd;
}

.mcr-route-candidates__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.mcr-route-portal .mcr-route-candidate {
	display: grid;
	justify-items: start;
	gap: 5px;
	min-width: 0;
	padding: 14px;
	text-align: left;
	background: #202226;
	border: 2px solid #3d4147;
	border-radius: 12px;
}

.mcr-route-portal .mcr-route-candidate strong {
	font-size: 17px;
	text-transform: uppercase;
}

.mcr-route-portal .mcr-route-candidate span {
	color: #fff;
	font-size: 13px;
}

.mcr-route-portal .mcr-route-candidate small {
	color: #b9bbc0;
	line-height: 1.35;
}

.mcr-route-portal .mcr-route-candidate.is-selected {
	border-color: #d21f2b;
	box-shadow: 0 0 0 2px rgba(210, 31, 43, .22);
}

@media (max-width: 760px) {
	.mcr-route-candidates__heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}

	.mcr-route-candidates__grid {
		grid-template-columns: 1fr;
	}
}