/* Quiz-only token metadata. The simulator does not charge this displayed tax. */
.ax-pair.quiz-pair, .cb-pair.quiz-pair {
  color: rgb(var(--primary-color));
  background: rgb(var(--primary-color) / .08);
  border: 1px solid rgb(var(--primary-color) / .22);
}
.quiz-tax .ax-tax-icon { font-size: 12px; line-height: 1; }
/* Pool symbols and percentages are answer clues, so keep them visible at compact widths. */
.axc-cfg .quiz-pair .ax-pair-l,
.axt-badges.narrow .quiz-pair .ax-pair-l,
.axt-badges.narrow .quiz-tax .ax-fee-l,
.axt-badges.wide .quiz-pair .ax-pair-l,
.axt-badges.narrow .quiz-pair.cb-pair:not(.sol) .cb-t,
.axt-badges.wide .quiz-pair.cb-pair:not(.sol) .cb-t,
.axt-badges.narrow .quiz-tax.cb-fee .cb-t,
.axt-badges .quiz-pair .cb-t,
.axt-badges .quiz-tax .cb-t { display: inline; }
.axt-badges.narrow .quiz-pair.cb-pair:not(.sol),
.axt-badges.narrow .quiz-tax.cb-fee,
.axt-badges.narrow .quiz-pair, .axt-badges.narrow .quiz-tax,
.axt-badges.wide .quiz-pair, .axt-badges.wide .quiz-tax {
  width: auto;
  padding: 0 5px;
}
.j7-opt.quiz-config { align-items: center; }
.quiz-config-label { padding-left: 5px; flex: 0 0 auto; font-size: 10px; }
.j7-config-select {
  width: 100%; min-width: 0; height: 100%; padding: 0 2px;
  color: inherit; background: transparent; border: 0;
  font: inherit; cursor: pointer;
}
.j7-config-select option { color: #ededed; background: #17181b; }