.wml-toolkit-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke: currentColor;
  fill: none;
  stroke-width: var(--wml-icon-stroke, 2);
  vertical-align: middle;
  pointer-events: none;
}

.icon-thin   { --wml-icon-stroke: 1; }
.icon-regular{ --wml-icon-stroke: 2; }
.icon-bold   { --wml-icon-stroke: 3; }

.icon-muted  { color: var(--color-muted); }
.icon-danger { color: var(--color-danger); }

.icon-xs { font-size: 0.75rem; }
.icon-sm { font-size: 1rem; }
.icon-lg { font-size: 1.5rem; }
.icon-xl { font-size: 2rem; }
.icon-xxl { font-size: 3rem; }