.character-creation-attribute-progress.is-free-trait-spend {
  color: #ff6b6b;
  font-weight: 700;
}

.character-creation-attribute-trait.is-free-trait-spend {
  color: #ff6b6b !important;
  font-weight: 600;
}

.character-creation-attribute-trait-row.is-free-trait-spend {
  border-color: rgba(
    220,
    53,
    69,
    0.8
  ) !important;

  background:
    rgba(
      220,
      53,
      69,
      0.08
    );
}

.character-creation-attribute-trait-row.is-free-trait-spend
.character-creation-attribute-trait-label {
  color: #ff6b6b !important;
  font-weight: 600;
}

[data-creation-attribute-summary].is-free-trait-spend {
  color: #ff6b6b;
}

.character-free-trait-sources {
  margin-bottom: 0.9rem;
}

.character-free-trait-totals {
  padding-top: 0.7rem;

  border-top:
    1px solid
    rgba(
      255,
      255,
      255,
      0.12
    );
}

.character-free-trait-spending {
  margin-top: 0.9rem;
  padding-top: 0.7rem;

  border-top:
    1px solid
    rgba(
      255,
      255,
      255,
      0.12
    );
}

.character-free-trait-summary-title {
  margin-bottom: 0.35rem;

  color: #cfcfcf;

  font-size: 0.7rem;
  font-weight: 700;

  letter-spacing: 0.04rem;

  text-align: left;
  text-transform: uppercase;
}

.character-sheet-value.character-free-trait-gain {
  color: #73d99a;
  font-weight: 700;
}

.character-sheet-value.character-free-trait-cost {
  color: #ff6b6b;
  font-weight: 700;
}

.character-sheet-section
.character-free-trait-inline-cost {
  display: block;

  margin-top: 0.45rem;

  color: #ff6b6b !important;

  font-size: 0.66rem;
  font-weight: 600;

  text-align: center;
}

.character-sheet-section
.character-free-trait-inline-gain {
  display: block;

  margin-top: 0.45rem;

  color: #73d99a !important;

  font-size: 0.66rem;
  font-weight: 600;

  text-align: center;
}

.character-free-trait-gain::selection,
.character-free-trait-inline-gain::selection {
  background:
    rgba(
      40,
      167,
      69,
      0.35
    );
}

.character-free-trait-cost::selection,
.character-free-trait-inline-cost::selection,
.character-creation-attribute-progress.is-free-trait-spend::selection,
.character-creation-attribute-trait.is-free-trait-spend::selection {
  background:
    rgba(
      220,
      53,
      69,
      0.35
    );
}

.character-creation-ability-row.is-free-trait-spend
.character-creation-ability-summary-name,
.character-creation-ability-row.is-free-trait-spend
.character-creation-ability-summary-level,
.character-creation-ability-row.is-free-trait-spend
[data-creation-ability-level],
.character-creation-discipline-row.is-free-trait-spend
.character-creation-discipline-name,
.character-creation-discipline-row.is-free-trait-spend
[data-creation-discipline-level],
.character-creation-background-row.is-free-trait-spend
.character-creation-background-name,
.character-creation-background-row.is-free-trait-spend
[data-creation-background-level],
.character-creation-influence-row.is-free-trait-spend
.character-creation-influence-name,
.character-creation-influence-row.is-free-trait-spend
[data-creation-influence-level],
.character-ability-sheet-row.is-free-trait-spend
.character-sheet-label,
.character-ability-sheet-row.is-free-trait-spend
.character-sheet-value,
.character-discipline-sheet-row.is-free-trait-spend
.character-sheet-label,
.character-discipline-sheet-row.is-free-trait-spend
.character-sheet-value,
.character-background-sheet-row.is-free-trait-spend
.character-sheet-label,
.character-background-sheet-row.is-free-trait-spend
.character-sheet-value,
.character-influence-sheet-row.is-free-trait-spend
.character-sheet-label,
.character-influence-sheet-row.is-free-trait-spend
.character-sheet-value {
  color: #ff6b6b !important;
  font-weight: 700;
}

.character-creation-ability-row.is-free-trait-spend,
.character-creation-discipline-row.is-free-trait-spend,
.character-creation-background-row.is-free-trait-spend,
.character-creation-influence-row.is-free-trait-spend {
  border-color: rgba(
    220,
    53,
    69,
    0.55
  );
}

.character-creation-ability-row.is-free-trait-spend::selection,
.character-creation-discipline-row.is-free-trait-spend::selection,
.character-creation-background-row.is-free-trait-spend::selection,
.character-creation-influence-row.is-free-trait-spend::selection {
  background:
    rgba(
      220,
      53,
      69,
      0.35
    );
}


.character-sheet-pips
.character-sheet-pip.is-creation-sacrificed {
  background: #73d99a !important;
  border-color: #73d99a !important;
  box-shadow:
    0 0 4px
    rgba(
      115,
      217,
      154,
      0.35
    );
}

.character-sheet-pips
.character-sheet-pip.is-creation-purchased {
  background: #ff6b6b !important;
  border-color: #ff8a8a !important;
  box-shadow:
    0 0 4px
    rgba(
      255,
      107,
      107,
      0.4
    );
}

.character-sheet-pips
.character-sheet-pip.is-creation-sacrificed::selection {
  background:
    rgba(
      40,
      167,
      69,
      0.35
    );
}

.character-sheet-pips
.character-sheet-pip.is-creation-purchased::selection {
  background:
    rgba(
      220,
      53,
      69,
      0.35
    );
}