/* Font Awesome font-display override */
/* Mitigates the issue where Font Awesome loads without font-display */

@font-face {
  font-family: 'FontAwesome';
  src: url('//cdn.jsdelivr.net/fontawesome/4.7.0/fonts/fontawesome-webfont.eot');
  src: url('//cdn.jsdelivr.net/fontawesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       url('//cdn.jsdelivr.net/fontawesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'),
       url('//cdn.jsdelivr.net/fontawesome/4.7.0/fonts/fontawesome-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Override font metrics to reduce CLS with Web Fonts */
/* These values should match FontAwesome metrics */
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: 'FontAwesome';
    src: url('//cdn.jsdelivr.net/fontawesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    ascent-override: 88%;
    descent-override: 23%;
    line-gap-override: 0;
  }
}