$subjectIconBoxBackground: $blue-30;
$subjectIconBoxDarkerBackground: $blue-40;

.sg-subject-icon-box {
  border-radius: var(--border-radius-pill);
  background-color: $subjectIconBoxBackground;
  display: inline-block;
  font-size: 0;
  line-height: 0;

  &--darker {
    background-color: $subjectIconBoxDarkerBackground;
  }
}