/* =========================================================
   BADGES
========================================================= */

.scq-badge {

  display: inline-flex;

  align-items: center;

  min-height: 25px;

  padding:
    3px 9px;

  border-radius:
    999px;

  background:
    var(--surface-muted);

  color:
    var(--text-secondary);

  font-size: 11px;

  font-weight: 700;

}


.scq-badge-gold {

  background:
    var(--accent-soft);

  color:
    var(--accent-text);

}



/* =========================================================
   SUBJECT LABEL
========================================================= */

.subject-label {

  display: inline-flex;

  align-items: center;

  min-height: 27px;

  padding:
    3px 9px;

  color:
    var(--primary);

  background:
    var(--primary-soft);

  border-radius:
    999px;

  font-size: 11px;

  font-weight: 700;

}