/* Bootstrap Icons Custom Implementation */
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("/fonts/bootstrap-icons.woff2") format("woff2"),
       url("/fonts/bootstrap-icons.woff") format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Include a few common icon definitions as examples */
.bi-arrow-left::before { content: "\f12a"; }
.bi-arrow-right::before { content: "\f12b"; }
.bi-check::before { content: "\f26e"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-eye::before { content: "\f341"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-gear::before { content: "\f3e7"; }
.bi-image::before { content: "\f424"; }
.bi-pencil::before { content: "\f4c2"; }
.bi-plus::before { content: "\f4fe"; }
.bi-search::before { content: "\f52a"; }
.bi-trash::before { content: "\f5de"; }
.bi-upload::before { content: "\f5fd"; }
.bi-x::before { content: "\f62a"; }
.bi-three-dots::before { content: "\f5d2"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-translate::before { content: "\f5db"; }
.bi-globe::before { content: "\f3e8"; }
.bi-globe2::before { content: "\f3e9"; }
.bi-folder::before { content: "\f381"; }
.bi-folder-plus::before { content: "\f380"; }

/* For additional icons, you can check the bootstrap-icons.json file in the bootstrap-icons package */
/* and add the unicode content codes for the icons you need */