.bar-chart {
  height: 1.5rem;
}

.bar-chart-container {
  width: 50%;
}

.square-color-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.dashboard-graph {
  border-radius: 0.3rem;
  overflow: hidden;
  height: 24rem;
}

.dashboard-graph-column h3 {
  margin: 2rem 0;
}

.appliance-row {
  margin-bottom: 2rem;
}

.appliance-row .square-color-icon {
  border-radius: 0.4rem;
  margin-right: 2rem;
  flex-shrink: 0;
}

.appliance-row .bar-label {
  display: flex;
  flex-grow: 1;
  align-items: baseline;
}

.appliance-row .stat,
.appliance-row .percentage {
  width: 15%;
  flex-shrink: 0;
}

.appliance-row .stat {
  font-size: 1.4rem;
}

.appliance-row .stat.kwh,
.appliance-row .percentage {
  text-align: right;
}

.appliance-row .depiction {
  width: 40%;
  flex-shrink: 0;
}

.appliance-row .depiction h4 {
  font-weight: 600;
}

.appliance-row .depiction span {
  font-size: 1.3rem;
  letter-spacing: 0.02rem;
  display: block;
  line-height: 1.8rem;
  opacity: 0.7;
}

.bar-chart {
  border-radius: 0.4rem;
}

.bar-chart-container {
  margin-top: 0.6rem;
}