/* Icone non incluse in Font Awesome 4, disegnate come maschera SVG.
   Caricato sia dal sito pubblico sia dall'admin: l'anteprima nella tabella
   dei profili social deve mostrare lo stesso glifo del footer. */

.icon-tiktok {
    /* L'<i> resta senza sfondo, come quelli a font: così il tema può
       disegnarci sopra il cerchio dei social. Il glifo sta nello ::before. */
    --tiktok-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448 209.9a210.1 210.1 0 0 1-122.8-39.3v178.8A162.6 162.6 0 1 1 185 188.3v89.9a74.6 74.6 0 1 0 52.2 71.2V0h88a121.2 121.2 0 0 0 1.9 22.2 122.2 122.2 0 0 0 53.9 80.2 121.4 121.4 0 0 0 67 20.1z'/%3E%3C/svg%3E");
    font-style: normal;
    line-height: 1;
}

.icon-tiktok::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: var(--tiktok-mask) no-repeat center / contain;
    mask: var(--tiktok-mask) no-repeat center / contain;
}

/* fa-lg ingrandisce le icone a font di 1/3: stesso trattamento qui. */
.icon-tiktok.fa-lg::before { width: 1.333em; height: 1.333em; }