:root{
  --elem-fire: #e0562f;
  --elem-water: #2f8fe0;
  --elem-wind: #6fc7c0;
  --elem-earth: #8a6a44;
  --elem-electricity: #9b3fd4;
  --elem-ice: #7fd3e8;
  --elem-magma: #b8451f;
  --elem-inferno: #a3251a;

  --path-light: #e8c94a;
  --elem-light: var(--path-light);
  --elem-light-sword: #f0a830;
  --elem-light-shield: #f5e7a8;

  --path-dark: #5b4d8a;
  --elem-dark: var(--path-dark);
  --elem-dark-energy: #7d3fa0;
  --elem-dark-necromancy: #3d2f66;

  --path-nature: #4f9e4a;
  --elem-nature: var(--path-nature);
  --elem-nature-life: #7fc93c;
  --elem-nature-death: #6b5a35;

  --elem-default: #999;
}

.breadcrumb-elem-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--tile-elem-color, var(--elem-default));
  margin-right:8px;
  vertical-align:middle;
  box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.breadcrumb-elem-badge img{
  width:13px;
  height:13px;
  filter:brightness(0) invert(1);
}