.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
}

.bi::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--bi-icon) no-repeat center / contain;
  mask: var(--bi-icon) no-repeat center / contain;
}

.bi-box-arrow-in-right {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5a.5.5 0 0 1 .5-.5h7A1.5 1.5 0 0 1 15 4.5v7A1.5 1.5 0 0 1 13.5 13h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M10.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L9.293 7.5H1.5a.5.5 0 0 0 0 1h7.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
}

.bi-box-arrow-right {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10 12.5a.5.5 0 0 1-.5.5h-8A1.5 1.5 0 0 1 0 11.5v-7A1.5 1.5 0 0 1 1.5 3h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h8a.5.5 0 0 1 .5.5z'/%3E%3Cpath d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
}

.bi-person-plus {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1c-2.67 0-5 1.34-5 3v1.5A1.5 1.5 0 0 0 2.5 15h7A1.5 1.5 0 0 0 11 13.5V12c0-1.66-2.33-3-5-3zm7-5a.5.5 0 0 1 .5.5V6H15a.5.5 0 0 1 0 1h-1.5v1.5a.5.5 0 0 1-1 0V7H11a.5.5 0 0 1 0-1h1.5V4.5A.5.5 0 0 1 13 4z'/%3E%3C/svg%3E");
}

.bi-cash-stack {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3zm2 1a2 2 0 0 1-1 1.73V8.3A2 2 0 0 1 3.7 10h7.6A2 2 0 0 1 13 8.3V5.7A2 2 0 0 1 11.3 4H3zm4.5 1.5A1.5 1.5 0 1 0 7.5 8a1.5 1.5 0 0 0 0-3zM3 13.5a.5.5 0 0 1 .5-.5h10A1.5 1.5 0 0 0 15 11.5v-7a.5.5 0 0 1 1 0v7A2.5 2.5 0 0 1 13.5 14h-10a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-credit-card {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm1 1v1h14V5H1zm0 3v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8H1zm2 2.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-person {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1c-2.67 0-5 1.34-5 3v1.5A1.5 1.5 0 0 0 4.5 15h7A1.5 1.5 0 0 0 13 13.5V12c0-1.66-2.33-3-5-3z'/%3E%3C/svg%3E");
}

.bi-pie-chart {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.5 1a.5.5 0 0 1 .5.5V8h6.5a.5.5 0 0 1 .5.5A7.5 7.5 0 1 1 7.5 1zm.5 8V2.02A6.5 6.5 0 1 0 13.98 9H8zm1-8a7.5 7.5 0 0 1 7 7h-7V1z'/%3E%3C/svg%3E");
}

.bi-trophy {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 2h10v2h2a1 1 0 0 1 1 1v1a4 4 0 0 1-4 4h-.1A5 5 0 0 1 9 12.9V14h2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1H7v-1.1A5 5 0 0 1 4.1 10H4a4 4 0 0 1-4-4V5a1 1 0 0 1 1-1h2V2zm1 1v4a4 4 0 0 0 8 0V3H4zM1 5v1a3 3 0 0 0 2.1 2.86A5 5 0 0 1 3 7V5H1zm12 0v2a5 5 0 0 1-.1 1.86A3 3 0 0 0 15 6V5h-2z'/%3E%3C/svg%3E");
}