/*
 * Локальная сборка Font Awesome 7.3.1 Free (self-hosted, без CDN).
 * Сгенерировано из официального Desktop-пакета (otfs/ + metadata/icons.json) -
 * содержит @font-face на три .otf шрифта и content-правила только для тех
 * иконок ("fa-solid fa-xxx" / "fa-regular fa-xxx" / "fa-brands fa-xxx"),
 * которые реально используются в проекте. Чтобы добавить новую иконку -
 * дописать её unicode (см. metadata/icons.json в официальном архиве) сюда же.
 */

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./webfonts/fa-solid-900.otf") format("opentype");
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./webfonts/fa-regular-400.otf") format("opentype");
}

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./webfonts/fa-brands-400.otf") format("opentype");
}

.fa-solid,
.fa-regular,
.fa-brands {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-solid { font-family: "Font Awesome 7 Free"; font-weight: 900; }
.fa-regular { font-family: "Font Awesome 7 Free"; font-weight: 400; }
.fa-brands { font-family: "Font Awesome 7 Brands"; font-weight: 400; }

.fa-xmark::before { content: "\f00d"; }
.fa-gamepad::before { content: "\f11b"; }
.fa-spinner::before { content: "\f110"; }
.fa-display::before { content: "\e163"; }
.fa-video::before { content: "\f03d"; }
.fa-circle-info::before { content: "\f05a"; }
.fa-check::before { content: "\f00c"; }
.fa-desktop::before { content: "\f390"; }
.fa-microphone-slash::before { content: "\f131"; }
.fa-microphone::before { content: "\f130"; }
.fa-chevron-up::before { content: "\f077"; }
.fa-download::before { content: "\f019"; }
.fa-gear::before { content: "\f013"; }
.fa-right-from-bracket::before { content: "\f2f5"; }
.fa-headphones::before { content: "\f025"; }
.fa-video-slash::before { content: "\f4e2"; }
.fa-chart-line::before { content: "\f201"; }
.fa-keyboard::before { content: "\f11c"; }
.fa-sliders::before { content: "\f1de"; }
.fa-thumbtack::before { content: "\f08d"; }
.fa-volume-high::before { content: "\f028"; }
.fa-hashtag::before { content: "\23"; }
.fa-wand-magic-sparkles::before { content: "\e2ca"; }
.fa-volume-xmark::before { content: "\f6a9"; }
.fa-stop::before { content: "\f04d"; }
.fa-circle-exclamation::before { content: "\f06a"; }
.fa-circle::before { content: "\f111"; }
.fa-arrow-rotate-left::before { content: "\f0e2"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-phone-slash::before { content: "\f3dd"; }
.fa-window-maximize::before { content: "\f2d0"; }
.fa-window-restore::before { content: "\f2d2"; }
.fa-chrome::before { content: "\f268"; }
.fa-expand::before { content: "\f065"; }
.fa-google::before { content: "\f1a0"; }
.fa-discord::before { content: "\f392"; }
.fa-twitch::before { content: "\f1e8"; }

/*
 * "display-slash" - такой глиф отсутствует в Font Awesome вообще (ни в Free,
 * ни в Pro), поэтому собирается вручную: базовый fa-display + диагональная
 * черта через ::after, как сам FA делает для части своих "-slash" иконок,
 * только тем нарисован отдельный глиф, а этот - составной.
 */
.fa-display-slash { position: relative; }
.fa-display-slash::before { content: "\e163"; }
.fa-display-slash::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 140%;
  height: 1px;
  background: currentColor;
  transform: rotate(-45deg);
}