/**
 * 1. We don't want borders to change
 *    the size of the content-box.
 */

.setting {
  display: flex;
  height: 7rem;
  align-items: center;
  border: solid 1px rgba(255,255,255,0.15);
  border-width: 1px 0 0;
  box-sizing: content-box; /* 1 */
  transition: all 0ms 250ms;
}

/**
 * @last-child
 */

.setting:last-child {
  border-width: 1px 0 1px;
}

/**
 * @active
 */

.setting:active {
  background: rgba(0,142,171,0.3);
  border-color: transparent;
  transition: none;
}

/** Icon
 ---------------------------------------------------------*/

.setting:before {
  display: block;
  width: 4rem;
  font-size: 3rem;
  padding-left: 1rem;
}

/** Setting Text
 ---------------------------------------------------------*/

.setting_text {
  line-height: 1;
}

/** Title
 ---------------------------------------------------------*/

.setting_title {
  font-size: 1.9rem;
  margin-bottom: 0.6rem;
  color: rgba(255,255,255,0.5);
}

/**
 * :active
 */

.setting:active .setting_title {
  color: #fff;
}

/** Value
 ---------------------------------------------------------*/

.setting_value {
  font-size: 1.6rem;
  font-weight: 500;
}