.weather .current-conditions .mini {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.weather .current-conditions .mini svg {
	width: 24px;
	height: 24px;
}

.weather .current-conditions .condition,
.weather .forecasts .forecast .chron {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 32px;
}

.weather .current-conditions .summary strong {
	font-weight: 700;
}

.weather .current-conditions .condition .icon,
.weather .forecasts .forecast .icon {
	min-width: 72px;
	height: 72px;
	padding: 5px;
}

.weather .current-conditions .condition .icon svg,
.weather .forecasts .forecast .icon svg {
	width: 56px;
	height: 56px;
	color: #192a3d;
}

/** widget */
.weather .current-conditions .widget {
	margin-left: auto;
	margin-right: auto;
	aspect-ratio: 1 / 1;
	background-color: #f1f5f9;
	max-width: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #192a3d;
	flex-direction: column;
}
.weather .current-conditions .widget svg {
	width: 96px;
	height: 96px;
	color: #192a3d;
}
