/* Overrides font-display: auto -> optional for the FontAwesome CDN stylesheet,
   which does not expose a way to configure this itself. Must be loaded
   after the FontAwesome stylesheet so these rules win the @font-face cascade.
   Icon fonts use "optional" rather than "swap": these icons sit in fixed-size
   boxes, but the icon glyph's own metrics still differ from the invisible
   fallback, so swapping in later reflows the icon and was measured as a
   layout-shift culprit. "optional" renders with the fallback (or nothing)
   immediately and never swaps mid-session if the font is slow to arrive,
   trading a possibly-missing icon on a slow first load for zero CLS. */
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-regular-400.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-solid-900.woff2") format("woff2");
}