/*
 * Enroute page
 */

.enrtCanvasRow {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
}
.enrtCanvasRow canvas {
	margin: 4px 4px 4px 0;
	height: 4em;
	width: calc(4em * 600/140);						/* replace with aspect-ratio CSS in 2026 */
}
.enrtCanvasRow .diagramText {
	width: 32ch;
	text-align: left;
	margin-top: 4px;
	margin-left: 4px;
}
.viewSizeXS .enrtCanvasRow .diagramText {
	width: 160px;
}

.enrt .settingsCard .card_label {
	flex: 0 0 42%;
}
.enrt .resultsCard .card_label {
	flex: 0 0 40%;
}
.enrt .card_row-colStyle-LV2 .card_value:nth-child(2) {
	flex: 0 0 15%;
}
.enrt .card_row-colStyle-LV2 .card_label:nth-child(3) {
	flex: 0 0 15%;
	text-align: right;
	padding-right: 0.8ch;
}

.enrt .oGroup canvas {
	width: 330px;
	margin-left: 0;
}
.enrt .canvasRow div {
	width: 330px;
	text-align: left;
	padding: 2px;
	margin: auto;
}
.viewSizeLT-M .enrt .oGroup canvas {
	width: 300px;
}
.viewSizeLT-M .enrt .canvasRow div {
	width: 300px;
}

.enrt .svId_enrt_climbType .selector_value {
	min-width: 6ch;
}

.windMode, .routeDistMode {
	height: 30px;
	font-size: 90%;
}