.metrics
  +top-horizontal-rule(1)
  +bottom-horizontal-rule(1)
  color: $gray
  +space(margin-top, 2)
  +space(margin-bottom, 0.5)
.metrics__icon
  +space(width, 2)
  +space(height, 2)
  display: block
  margin: 0 auto
.metrics__icon--small
  +space(width, 1)
  +space(height, 2)
  display: block
  margin: 0 auto
.metrics__progress_bar
  width: 100%
  background-color: $gray-lightest
  +space(height, 0.5)
  +space(margin-top, 0.25)
.metrics__progress
  height: 100%
  display: block
  width: 0px
  -webkit-transition: width 1s ease-in-out
  -moz-transition: width 1s ease-in-out
  -o-transition: width 1s ease-in-out
  transition: width 1s ease-in-out
.metrics__progress--red
  background-color: $red
.metrics__progress--blue
  background-color: $blue
.favorites__icon__container
  box-shadow: 0 0 0 1px $gray-light
  border-radius: 12px
  +space(width, 2)
  margin: auto
.favorites__icon__container--active
  background-color: $red