.energyCost {
	background: url(../../../assets/energy.png) no-repeat;
	background-size: 100% 100%;
	width: 626px;
	height: 460px;
}

.cost__info {
	margin-top: 4px;
	margin-bottom: 12px;

	div {
		flex-grow: 1;
	}
}

.info__item {
	border-radius: 2px;
	color: hsl(0, 0%, 100%, 0.9);
	box-shadow: inset 0 0 17px 0px hsla(0, 0%, 100%, 0.15);
	font-size: 14px;
	line-height: 40px;
	padding-left: 12px;
	user-select: none;
}

.hAuto {
	height: auto;
}

.info__item_groups {
	margin-left: 8px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}