.mana-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.mana-icon-name {
  font-size: 32px;
  color: red;
}
========================================== */

.mana-icon-CHAOS {
  width: 1.2001953125em;
}

.mana-icon-HR {
  width: 0.5em;
}

.mana-icon-HW {
  width: 0.5em;
}

.mana-icon-P {
  width: 0.5703125em;
}

.mana-icon-PW {
  width: 0.5400390625em;
}