[data-usd-amount] {
  font-variant-numeric: tabular-nums;

  &[data-usd-tone="positive"] {
    color: var(--green);
  }

  &[data-usd-tone="negative"] {
    color: var(--red);
  }

  &[data-usd-size="title"] {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
  }

  [data-usd-muted] {
    color: color-mix(in oklch, currentColor 45%, transparent);
  }
}