:host,:root {
    --fa-family-brands: "Font Awesome 7 Brands";
    --fa-font-brands: normal 400 1em/1 var(--fa-family-brands)
}

@font-face {
    font-family: "Font Awesome 7 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../webfonts/fa-brands-400.woff2)
}


.fa-brands,.fa-classic.fa-brands,.fab {
    --fa-family: var(--fa-family-brands);
    --fa-style: 400
}

.fa-twitter {
    --fa: "\f099"
}

.fa-github {
    --fa: "\f09b"
}

.fa-youtube {
    --fa: "\f167"
}

.fa-facebook-f {
    --fa: "\f39e"
}