.status-circle {
  &.negative,
  &.error {
    background-color: var(--color-sentiment-interactive-primary, var(--color-sentiment-negative));
    .status-icon {
      color: var(--color-sentiment-interactive-control, var(--color-sentiment-negative-secondary));
    }
  }

  &.positive,
  &.success {
    background-color: var(--color-sentiment-interactive-primary, var(--color-sentiment-positive));
    .status-icon {
      color: var(--color-sentiment-interactive-control, var(--color-sentiment-positive-secondary));
    }
  }

  &.warning,
  &.pending {
    background-color: var(--color-sentiment-interactive-primary, var(--color-sentiment-warning));
    .status-icon {
      color: var(--color-sentiment-interactive-control, var(--color-dark));
    }
  }

  &.neutral,
  &.info {
    background-color: var(--color-sentiment-interactive-primary, var(--color-content-secondary));
    .status-icon {
      color: var(--color-sentiment-interactive-control, var(--color-contrast-overlay));

      .np-theme-personal--bright-green & {
        color: var(--color-sentiment-interactive-control, var(--color-white));
      }
    }
  }
}