.change {
  font-size: 0.7rem;

  --color-positive: #3d9970;
  --color-negative: #ff4136;
}

/* culture-sensitive color psychology */
.change[data-locale|='zh'],
.change[data-locale|='ja'] {
  --color-positive: #ff4136;
  --color-negative: #3d9970;
}

.change[data-locale|='ko'] {
  --color-positive: #0074d9;
  --color-negative: #3d9970;
}

.change svg {
  position: relative;
  top: 0.15rem;
  width: 13px;
  height: 13px;
}

.change.positive {
  color: var(--color-positive);
}

.change.negative {
  color: var(--color-negative);
}