/*
 * Theme-owned Font Awesome brands override that preserves the vendor glyph
 * mappings while swapping to a swap-enabled font family.
 */
:root, :host {
  --fa-style-family-brands: 'Font Awesome 6 Brands Swap';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands Swap';
}

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

.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands Swap';
  font-weight: 400;
}