/* Icone FontAwesome Pro 5.15.4 come SVG locali (images/icons/), al posto del Kit FA.
   Il tag <i> resta nel markup: la mask lo disegna con il colore del testo.
   Nuova icona = file SVG in images/icons/ + un blocco qui sotto, con
   width = larghezza viewBox / altezza viewBox (in em). */

i.fa, i.fas, i.far, i.fal, i.fat, i.fad, i.fab,
i[class*="fa-solid"], i[class*="fa-regular"], i[class*="fa-light"],
i[class*="fa-thin"], i[class*="fa-brands"], i[class*="fa-sharp"] {
    display: inline-block;
    height: 1em;
    width: 1em;
    vertical-align: -0.125em;
    -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;
    -webkit-mask-position: center;   mask-position: center;
    -webkit-mask-size: contain;      mask-size: contain;
}

/* viewBox 448x512 */
i.fa-arrow-right {
    width: 0.875em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-arrow-right.svg");
            mask-image: url("../images/icons/light-arrow-right.svg");
}

/* viewBox 192x512 */
i.fa-angle-left {
    width: 0.375em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-angle-left.svg");
            mask-image: url("../images/icons/light-angle-left.svg");
}

/* viewBox 256x512 — light: form rapido */
i.fa-angle-down {
    width: 0.5em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-angle-down.svg");
            mask-image: url("../images/icons/light-angle-down.svg");
}

/* viewBox 320x512 — solid: selettore lingua ("fa fa-angle-down") */
i.fa.fa-angle-down, i.fas.fa-angle-down {
    width: 0.625em;
    -webkit-mask-image: url("../images/icons/solid-angle-down.svg");
            mask-image: url("../images/icons/solid-angle-down.svg");
}

/* viewBox 448x512 */
i.fa-chevron-up {
    width: 0.875em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-chevron-up.svg");
            mask-image: url("../images/icons/light-chevron-up.svg");
}

/* viewBox 512x512 */
i.fa-search-plus {
    width: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/light-search-plus.svg");
            mask-image: url("../images/icons/light-search-plus.svg");
}

/* viewBox 352x512 — solid: popup ("fa fa-times") */
i.fa-times {
    width: 0.6875em;
    background-color: currentColor;
    -webkit-mask-image: url("../images/icons/solid-times.svg");
            mask-image: url("../images/icons/solid-times.svg");
}