.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
}

.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa::before {
    content: var(--fa);
}

.fa-classic, .fas, .fa-solid, .far, .fa-regular {
    font-family: 'Font Awesome 6 Free';
}

.fa-brands, .fab {
    font-family: 'Font Awesome 6 Brands';
}


.fa-search {--fa: "\f002";--fa--fa: "\f002\f002";}
.fa-volume-up {--fa: "\f028";--fa--fa: "\f028\f028";}
.fa-play {--fa: "\f04b";--fa--fa: "\f04b\f04b";}
.fa-pause {--fa: "\f04c";--fa--fa: "\f04c\f04c";}
.fa-facebook-f {--fa: "\f39e";}
.fa-twitter {--fa: "\f099";}
.fa-x-twitter {--fa: "\e61b";}
.fa-linkedin-in {--fa: "\f0e1";}
.fa-whatsapp {--fa: "\f232";}
.fa-youtube {--fa: "\f167";}
.fa-instagram {--fa: "\f16d";}


:root, :host {
    --fa-style-family-brands: 'Font Awesome 6 Brands';
    --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/webfonts/fa-brands-400.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/webfonts/fa-brands-400.ttf") format("truetype");
}

.fab, .fa-brands {
    font-weight: 400;
}

:root, :host {
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
}

.far, .fa-regular {
    font-weight: 400;
}

:root, :host {
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/webfonts/fa-solid-900.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/webfonts/fa-solid-900.ttf") format("truetype");
}

.fas, .fa-solid {
    font-weight: 900;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-display: block;
    font-weight: 400;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/webfonts/fa-brands-400.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/webfonts/fa-brands-400.ttf") format("truetype");
}
