/**
 * BAAN Icon Set — class-based icons for plain HTML/CSS/JS (no React).
 * Usage: <i class="baan-icon baan-icon-home" aria-hidden="true"></i>
 *
 * Copy the whole `baan-icons/` folder; keep `baan-icons.css` and `svg/` together.
 * Color follows `color` on the element or parent (currentColor).
 */

.baan-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: inherit;
  line-height: 1;
  vertical-align: -0.125em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

i.baan-icon {
  font-style: normal;
}

.baan-icon-sm {
  font-size: 0.875em;
}

.baan-icon-lg {
  font-size: 1.25em;
}

.baan-icon-xl {
  font-size: 1.5em;
}

.baan-icon-2x {
  font-size: 2em;
}

.baan-icon-home {
  -webkit-mask-image: url("svg/home.svg");
  mask-image: url("svg/home.svg");
}

.baan-icon-wallet {
  -webkit-mask-image: url("svg/wallet.svg");
  mask-image: url("svg/wallet.svg");
}

.baan-icon-pet {
  -webkit-mask-image: url("svg/pet.svg");
  mask-image: url("svg/pet.svg");
}

.baan-icon-rewards {
  -webkit-mask-image: url("svg/rewards.svg");
  mask-image: url("svg/rewards.svg");
}

.baan-icon-profile {
  -webkit-mask-image: url("svg/profile.svg");
  mask-image: url("svg/profile.svg");
}

.baan-icon-points-coin {
  -webkit-mask-image: url("svg/points-coin.svg");
  mask-image: url("svg/points-coin.svg");
}

.baan-icon-leaf-credit {
  -webkit-mask-image: url("svg/leaf-credit.svg");
  mask-image: url("svg/leaf-credit.svg");
}