/*
 * Three brand logos Font Awesome 4.2 does not have, drawn like its icons:
 * `<i class="fa fa-x-twitter">`, `fa-telegram`, `fa-tiktok`. The logo is
 * a mask over the current text colour, so it takes the size and colour
 * of the `fa` icons around it. Logos: Simple Icons 13.21.0, CC0.
 */
.fa.fa-x-twitter::before,
.fa.fa-telegram::before,
.fa.fa-tiktok::before {
    content: "";
    display: inline-block;
    width: 0.92em;
    height: 0.92em;
    background-color: currentColor;
    vertical-align: -0.1em;
    -webkit-mask: var(--brand-logo) no-repeat center / contain;
    mask: var(--brand-logo) no-repeat center / contain;
}

.fa.fa-x-twitter {
    --brand-logo: url("x.591d75f49453.svg");
}

.fa.fa-telegram {
    --brand-logo: url("telegram.d7bb1c357fbf.svg");
}

.fa.fa-tiktok {
    --brand-logo: url("tiktok.068c4facb7ef.svg");
}