.amount {
  display: inline-block;
  padding-block: var(--space-3xs);
  padding-inline: var(--space-xs);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-sunken);
  color: var(--color-text);
  font-weight: var(--font-weight-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  transition:
    background-color var(--duration-state) var(--easing-state),
    color var(--duration-state) var(--easing-state);
}

.amount--incoming {
  background-color: var(--color-incoming-soft);
  color: var(--color-incoming);
}