Template:Variants/styles.css

/* =========================
   Variant Mini Requirement Boxes
   ========================= */

.vpvg-reqcell {
  text-align: left;
}

/* Item layout */
.vpvg-item {
  display: inline-flex;
  align-items: center;
}

/* Icon outside the box */
.vpvg-icon {
  margin-right: 4px;
}

.vpvg-icon img {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.4));
}

/* Mini requirement box */
.vpvg-mini-box {
  display: inline-block;

  background: var(--vp-journal-bg);
  color: var(--vp-journal-text);

  border: 2px solid var(--vp-journal-border);
  border-radius: 6px;

  padding: 2px 6px;
  margin-right: 4px;

  font-weight: 600;
  font-size: 0.9em;
  line-height: 1.2;

  text-shadow: 1px 1px 2px #003366;
}

/* Quantity */
.vpvg-mini-box .vpvg-qty {
  font-size: 0.85em;
}

/* Plus separator */
.vpvg-plus {
  margin: 0 4px;
  font-weight: bold;
  opacity: 0.7;
}