/* Force the bundled Font Awesome WOFF2 fonts to render immediately while they load. */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../vendor/fontawesome/webfonts/fa-regular-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../vendor/fontawesome/webfonts/fa-solid-900.woff2') format('woff2');
}

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

/* Routed views have broad `* { font-family: ... }` rules. Keep those from
   overriding the icon font on the icon element and its generated glyph. */
#modalIframe .fa,
#modalIframe .fa-classic,
#modalIframe .fa-solid,
#modalIframe .fa-regular,
#modalIframe .fas,
#modalIframe .far {
  font-family: 'Font Awesome 6 Free' !important;
  font-style: normal;
}

#modalIframe .fa-brands,
#modalIframe .fab {
  font-family: 'Font Awesome 6 Brands' !important;
  font-style: normal;
}