.icon-weather {
	background-image: url('../img/app-dark.svg');
}
.icon-weather-light {
	background-image: url('../img/app.svg');
}

.weatherWidgetContents {
	margin: 0 44px;
}

.weatherWidgetContents h3.locationValue {
	text-align: left;
}

.weatherWidgetContents .weatherWidgetList {
	display: flex;
	padding: 0;
	flex-wrap: wrap;
}

.weatherWidgetContents .weatherWidgetList .measurement,
.weatherWidgetContents .weatherWidgetList .value {
	flex: 1 1 50%;
	text-align: left;
	min-width: 80px;
}

.weatherWidgetContents .weatherWidgetList .measurement {
	font-weight: bold;
}

.weatherWidgetContents .weaterWidgetList .measurement::after {
	content:":";
}

.weatherWidgetContents .info {
	position: absolute;
	bottom: 11px;
	left: 0;
	margin: 22px;
}

.weatherWidgetContents .info.error {
	color: red;
	color: var(--color-error);
}