/* =========================================================
   Font Awesome 6 Free - Solid
   ========================================================= */

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src:
        url('./fa-solid-900.woff2') format('woff2'),
        url('./fa-solid-900.ttf') format('truetype');
}

/* =========================================================
   Font Awesome 6 Free - Regular
   ========================================================= */

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src:
        url('./fa-regular-400.woff2') format('woff2'),
        url('./fa-regular-400.ttf') format('truetype');
}

/* =========================================================
   Font Awesome 6 Brands
   ========================================================= */

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

/* =========================================================
   Font Awesome 4 Compatibility
   ========================================================= */

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src:
        url('./fa-v4compatibility.woff2') format('woff2'),
        url('./fa-v4compatibility.ttf') format('truetype');
}

/* =========================================================
   Font Awesome Classes
   ========================================================= */

.fa-solid {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.fa-regular {
    font-family: 'Font Awesome 6 Free';
    font-weight: 400;
}

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

/* =========================================================
   Compatibility with older Font Awesome class names
   ========================================================= */

.fas {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.far {
    font-family: 'Font Awesome 6 Free';
    font-weight: 400;
}

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