.bi {
  display: inline-flex;
  width: 1.15em;
  min-width: 1.15em;
  height: 1.15em;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: -0.125em;
}

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

.bi-search { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='4.6'/%3E%3Cpath d='m10.5 10.5 3.2 3.2'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-person, .bi-person-circle, .bi-person-gear { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='5' r='3'/%3E%3Cpath d='M2.5 14c.9-3 2.9-4.5 5.5-4.5s4.6 1.5 5.5 4.5'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-house { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7.5 8 2l6 5.5'/%3E%3Cpath d='M4 6.8V14h8V6.8'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-calendar-event, .bi-calendar-plus, .bi-calendar3 { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='3' width='11' height='10.5' rx='1.5'/%3E%3Cpath d='M5 1.8v2.4M11 1.8v2.4M2.7 6.2h10.6'/%3E%3Cpath d='M8 8.2v3M6.5 9.7h3'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-ticket-perforated { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5a2 2 0 1 0 0 4v2.2c0 .7.6 1.3 1.3 1.3h9.4c.7 0 1.3-.6 1.3-1.3V9a2 2 0 1 0 0-4V2.8c0-.7-.6-1.3-1.3-1.3H3.3C2.6 1.5 2 2.1 2 2.8V5Z'/%3E%3Cpath d='M6 3v10' stroke-dasharray='1.2 1.8'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-cart3, .bi-cart-plus, .bi-cart-check { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 2h1.8l1.5 8.2h7.4l1.4-5.5H4.2'/%3E%3Ccircle cx='6' cy='13' r='1'/%3E%3Ccircle cx='11.5' cy='13' r='1'/%3E%3Cpath d='M8.8 6.2v2.8M7.4 7.6h2.8'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-bag-check { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h8l.8 8.3H3.2L4 5Z'/%3E%3Cpath d='M6 5a2 2 0 0 1 4 0'/%3E%3Cpath d='m5.8 9.3 1.5 1.5 3-3'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-box-arrow-left, .bi-arrow-left { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h4v10H9'/%3E%3Cpath d='M10 8H2.5M5.5 5 2.5 8l3 3'/%3E%3C/g%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%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h6v10H7'/%3E%3Cpath d='M2 8h7.5M6.5 5l3 3-3 3'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-dash-lg { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.bi-camera { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 4 6.7 2.5h2.6L10.5 4H13c.8 0 1.4.6 1.4 1.4v6.8c0 .8-.6 1.4-1.4 1.4H3c-.8 0-1.4-.6-1.4-1.4V5.4C1.6 4.6 2.2 4 3 4h2.5Z'/%3E%3Ccircle cx='8' cy='8.8' r='2.6'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-eye { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 8s2.3-4.5 6.5-4.5S14.5 8 14.5 8 12.2 12.5 8 12.5 1.5 8 1.5 8Z'/%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-eye-slash, .bi-slash-circle { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 8s2.3-4.5 6.5-4.5S14.5 8 14.5 8s-.8 1.6-2.3 2.8'/%3E%3Cpath d='M3 2.5 13 13.5'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-building-add { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14V2.5h7V14M1.8 14h12.4'/%3E%3Cpath d='M5 5h1M8 5h1M5 8h1M8 8h1M12.5 5.5v4M10.5 7.5h4'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-rocket-takeoff, .bi-graph-up-arrow { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 11.5 6 8l2.2 2.2 5-6.2'/%3E%3Cpath d='M9.7 4h3.5v3.5'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-speedometer2 { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12.5a6 6 0 1 1 11 0'/%3E%3Cpath d='M8 8.5 11 5.5'/%3E%3Cpath d='M4.2 9.5h.1M8 4.2v.1M11.8 9.5h.1'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-layers { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2 14 5.2 8 8.5 2 5.2 8 2Z'/%3E%3Cpath d='m2 8 6 3.2L14 8M2 11l6 3.2 6-3.2'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-link-45deg, .bi-share { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 5.5 9.5 2.5a2.4 2.4 0 0 1 3.4 3.4l-2.2 2.2'/%3E%3Cpath d='M9.5 10.5 6.5 13.5a2.4 2.4 0 0 1-3.4-3.4l2.2-2.2'/%3E%3Cpath d='M6 10 10 6'/%3E%3C/g%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%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'%3E%3Crect x='2' y='3.5' width='12' height='9' rx='1.5'/%3E%3Cpath d='M2.2 6.5h11.6M4.2 10h3'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-receipt { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2h8v12l-2-1-2 1-2-1-2 1V2Z'/%3E%3Cpath d='M6 5h4M6 8h4M6 11h3'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-bell { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 11.5h9c-.9-1-.9-2.3-.9-4A3.6 3.6 0 0 0 8 3.8 3.6 3.6 0 0 0 4.4 7.5c0 1.7 0 3-.9 4Z'/%3E%3Cpath d='M6.7 13a1.5 1.5 0 0 0 2.6 0'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-qr-code-scan, .bi-qr-code, .bi-grid { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2 2h4v4H2V2Zm1.2 1.2v1.6h1.6V3.2H3.2ZM10 2h4v4h-4V2Zm1.2 1.2v1.6h1.6V3.2h-1.6ZM2 10h4v4H2v-4Zm1.2 1.2v1.6h1.6v-1.6H3.2ZM8 8h2v2H8V8Zm3 0h1.5v1.5H11V8Zm-3 3h1.5v3H8v-3Zm2.5.5H14V14h-1.5v-1h-2v-1.5Z'/%3E%3C/svg%3E"); }
.bi-wallet2 { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4.5h11.5V13H3.2C2.5 13 2 12.5 2 11.8V4.5Z'/%3E%3Cpath d='M2 4.5 11.8 2.5v2M10.5 8.5H14v2h-3.5a1 1 0 0 1 0-2Z'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-layout-sidebar-inset { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2.5' width='12' height='11' rx='1.5'/%3E%3Cpath d='M6 3v10M8.5 6h3M8.5 8h3M8.5 10h3'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-plus-lg, .bi-folder-plus { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.bi-gear { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='2.4'/%3E%3Cpath d='M8 1.8v2M8 12.2v2M1.8 8h2M12.2 8h2M3.6 3.6 5 5M11 11l1.4 1.4M12.4 3.6 11 5M5 11l-1.4 1.4'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-people { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='5' r='2.3'/%3E%3Ccircle cx='11' cy='6' r='1.8'/%3E%3Cpath d='M1.8 14c.8-2.8 2.3-4 4.2-4s3.4 1.2 4.2 4M9.5 10.5c1.8.2 3 .9 3.7 2.5'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-filter, .bi-funnel { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 3h11L9 8.2V13l-2 1V8.2L2.5 3Z' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.bi-image { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='12' height='10' rx='1.5'/%3E%3Ccircle cx='5.5' cy='6' r='1'/%3E%3Cpath d='m3.5 12 3.3-3.5 2.1 2.2 1.5-1.6L13 12'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-check2-circle { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m5 8.2 2 2 4-4'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-x-circle { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m5.5 5.5 5 5M10.5 5.5l-5 5'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-arrow-clockwise { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5.5A5.5 5.5 0 1 0 13 11'/%3E%3Cpath d='M13 2.5v3h-3'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-download { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.5v7M5 7l3 3 3-3M3 13.5h10'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-copy { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='8' height='10' rx='1.2'/%3E%3Cpath d='M3 11V5.2C3 4.5 3.5 4 4.2 4H5'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-pencil-square { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H3.5C2.7 3 2 3.7 2 4.5v8C2 13.3 2.7 14 3.5 14h8c.8 0 1.5-.7 1.5-1.5V8'/%3E%3Cpath d='M7 10.5 12.2 5.3 10.7 3.8 5.5 9 5 11l2-.5Z'/%3E%3C/g%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%3Cg fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4h11M6 4V2.5h4V4M4 4l.7 10h6.6L12 4M6.5 7v4M9.5 7v4'/%3E%3C/g%3E%3C/svg%3E"); }
.bi-geo-alt { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 14s4.5-4.1 4.5-8A4.5 4.5 0 0 0 3.5 6c0 3.9 4.5 8 4.5 8Z'/%3E%3Ccircle cx='8' cy='6' r='1.6'/%3E%3C/g%3E%3C/svg%3E"); }