.bsi-arrow-left:before {
  display: inline-block;
  content: "";
  vertical-align: -0.25em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23337ab7' class='bi bi-arrow-left' viewBox='0 0 16 16'>  <path fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  width: 1.25em;
  height: 1.25em;
}
.bsi-arrow-right:before {
  display: inline-block;
  content: "";
  vertical-align: -0.25em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23337ab7' class='bi bi-arrow-right' viewBox='0 0 16 16'>  <path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  width: 1.25em;
  height: 1.25em;
}
.bsi-arrow-up-left:before {
  display: inline-block;
  content: "";
  vertical-align: -0.25em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23337ab7' class='bi bi-arrow-up-left' viewBox='0 0 16 16'>  <path fill-rule='evenodd' d='M2 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1H3.707l10.147 10.146a.5.5 0 0 1-.708.708L3 3.707V8.5a.5.5 0 0 1-1 0v-6z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  width: 1.25em;
  height: 1.25em;
}
.bsi-arrow-down-right:before {
  display: inline-block;
  content: "";
  vertical-align: -0.25em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23337ab7' class='bi bi-arrow-down-right' viewBox='0 0 16 16'>  <path fill-rule='evenodd' d='M14 13.5a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1 0-1h4.793L2.146 2.854a.5.5 0 1 1 .708-.708L13 12.293V7.5a.5.5 0 0 1 1 0v6z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  width: 1.25em;
  height: 1.25em;
}
.bsi-chevron-down:before {
  display: inline-block;
  content: "";
  vertical-align: -0.25em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23337ab7' class='bi bi-chevron-down' viewBox='0 0 16 16'>  <path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  width: 1.25em;
  height: 1.25em;
}
.bsi-collection:before {
  display: inline-block;
  content: "";
  vertical-align: -0.25em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23337ab7' class='bi bi-collection' viewBox='0 0 16 16'>  <path d='M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  width: 1.25em;
  height: 1.25em;
}
.bsi-link-45deg:before {
  display: inline-block;
  content: "";
  vertical-align: -0.25em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23337ab7' class='bi bi-link-45deg' viewBox='0 0 16 16'>  <path d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z'/>  <path d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  width: 1.25em;
  height: 1.25em;
}
.bsi-lock-fill:before {
  display: inline-block;
  content: "";
  vertical-align: -0.25em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23337ab7' class='bi bi-lock-fill' viewBox='0 0 16 16'>  <path d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  width: 1.25em;
  height: 1.25em;
}