@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons-ouuYaTX.woff2") format("woff2"),
url("../fonts/bootstrap-icons-tJeCyRi.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: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*
 * Bootstrap Icons — https://github.com/twbs/icons
 * The MIT License (MIT), Copyright (c) 2019-2024 The Bootstrap Authors.
 * Повний текст дозволу — assets/fonts/bootstrap-icons-LICENSE.txt, поруч зі шрифтом.
 */

/*
 * ФОРК upstream-файлу, обрізаний навмисно. Оригінал оголошує 1854 іконки на 88.6 КБ; сайт
 * використовує 17, і решта 1837 правил їхали в КОЖЕН перший рендер, блокуючи його (13 КБ
 * після gzip — другий за вагою CSS сторінки після самого бутстрапа).
 *
 * Обрізаний і сам ШРИФТ: bootstrap-icons.woff2 це 2 КБ на 17 гліфів замість 112 КБ на 1854.
 * Тобто цей файл і шрифт поруч — одна пара, і правити їх треба разом.
 *
 * ЯК ДОДАТИ ІКОНКУ — два кроки, обидва обов'язкові:
 *   1. Взяти codepoint на https://icons.getbootstrap.com і дописати сюди рядок того ж вигляду,
 *      що й сусідні.
 *   2. Перезібрати шрифт зі СВІЖОГО upstream-файлу (той, що лежить тут, уже обрізаний і
 *      потрібного гліфа не містить):
 *
 *        pip install fonttools brotli zopfli
 *        pyftsubset bootstrap-icons-upstream.woff2 \
 *          --unicodes=U+f119,U+f1c7,...  # коди з правил нижче, ВСІ, включно з новим
 *          --flavor=woff2 --layout-features='' --no-hinting --desubroutinize \
 *          --output-file=assets/fonts/bootstrap-icons.woff2
 *
 *      Те саме з `--flavor=woff` для другого файлу — вони мають лишатись однаковими за складом.
 *
 * ЩО СТАНЕТЬСЯ, ЯКЩО ЗАБУТИ. Ні збірка, ні PHPStan цього не бачать; на сторінці буде порожнє
 * місце або квадратик. Ловить обидва кроки BootstrapIconsCoverageTest: він сканує шаблони, PHP
 * і переклади за `bi-*`, вимагає правило на кожну знайдену іконку — і окремо звіряє, що гліф
 * справді є в шрифті. Тому список іконок не треба дублювати ніде: його джерело це сам код.
 */

.bi-arrow-down-circle::before { content: "\f119"; }
.bi-box-seam::before { content: "\f1c7"; }
.bi-cart-check::before { content: "\f23a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-exclamation-triangle::before { content: "\f33b"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-list::before { content: "\f479"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-receipt::before { content: "\f50f"; }
.bi-shop::before { content: "\f543"; }
.bi-tags::before { content: "\f5b2"; }
.bi-toggle-off::before { content: "\f5d5"; }
.bi-toggle-on::before { content: "\f5d6"; }
.bi-trash::before { content: "\f5de"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-octagon::before { content: "\f627"; }