.status-icon > svg {
  height: 32px;
  height: var(--size-32);
  width: 32px;
  width: var(--size-32);
}
.status-circle .light {
  color: var(--color-contrast);
}
.status-circle .dark {
  color: #37517e;
  color: var(--color-content-primary);
}
.status-circle.warning,
.status-circle.pending {
  background-color: var(--color-sentiment-warning);
}
.np-theme-personal .status-circle.warning .status-icon,
.np-theme-personal .status-circle.pending .status-icon {
  color: var(--color-dark);
}
.status-circle-sm .status-icon > svg {
  height: 14px;
  height: var(--size-14);
  width: 14px;
  width: var(--size-14);
}
@media (max-width: 320px) {
  .status-circle-sm .status-icon > svg {
    width: 24px;
    width: var(--size-24);
    height: 24px;
    height: var(--size-24);
  }
}
.status-circle.negative,
.status-circle.error {
  background-color: var(--color-sentiment-negative);
}
.status-circle.neutral {
  background-color: #5d7079;
  background-color: var(--color-content-secondary);
}
.status-circle.positive,
.status-circle.success {
  background-color: var(--color-sentiment-positive);
}
