/*
 * Local compatibility layer for the self-hosted Font Awesome bundle.
 *
 * Font Awesome 7 renders glyphs through :is(...) and the two-value
 * `content: var(--fa) / ""` syntax. Some embedded and older browsers load
 * all.min.css and the WOFF2 files successfully, but do not render that
 * pseudo-element. These direct selectors keep the official icon mappings
 * from all.min.css while making the actual glyph rendering predictable.
 */
@font-face {
  font-family: "LiveMap Font Awesome Solid";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../vendor/fontawesome/webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "LiveMap Font Awesome Regular";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../vendor/fontawesome/webfonts/fa-regular-400.woff2") format("woff2");
}

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

.fa-solid,
.fas {
  font-family: "LiveMap Font Awesome Solid" !important;
  font-style: normal;
  font-weight: 900 !important;
}

.fa-regular,
.far {
  font-family: "LiveMap Font Awesome Regular" !important;
  font-style: normal;
  font-weight: 400 !important;
}

.fa-brands,
.fab {
  font-family: "LiveMap Font Awesome Brands" !important;
  font-style: normal;
  font-weight: 400 !important;
}

.fa-solid::before,
.fas::before,
.fa-regular::before,
.far::before,
.fa-brands::before,
.fab::before {
  content: var(--fa) !important;
}