.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: transparent;
  -webkit-mask: var(--bi-icon) no-repeat center / contain;
  mask: var(--bi-icon) no-repeat center / contain;
}

.bi-arrow-repeat::before,
.bi-box-arrow-in-right::before,
.bi-box-arrow-right::before,
.bi-cash-stack::before,
.bi-credit-card::before,
.bi-pencil::before,
.bi-person::before,
.bi-person-plus::before,
.bi-pie-chart::before,
.bi-plus-lg::before,
.bi-trash::before,
.bi-trophy::before {
  background-color: currentColor;
}

.bi-arrow-repeat {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zM.534 9h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z'/%3E%3Cpath fill-rule='evenodd' d='M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z'/%3E%3C/svg%3E");
}

.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-pencil {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z'/%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-plus-lg {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2z'/%3E%3C/svg%3E");
}

.bi-trash {
  --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z'/%3E%3Cpath fill-rule='evenodd' d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1 0-2H5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1h2.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3h11V2h-11v1z'/%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");
}