/* Icon codepoints must never fall back to a text font while the WOFF loads.
 * Hide only the generated glyph: labels, controls and their hit areas remain.
 * Tabler glyphs have a one-em advance; preserve it before the font is available.
 */
html.hm-icon-fonts .ti::before {
    display: inline-block;
    width: 1em;
}

html.hm-icon-fonts:not(.hm-tabler-ready) .ti::before,
html.hm-icon-fonts:not(.hm-tabler-ready) .ti::after {
    visibility: hidden;
}

html.hm-icon-fonts:not(.hm-fa-solid-ready) :is(.fa, .fas, .fa-solid, .fa-classic):not(.far, .fa-regular, .fab, .fa-brands)::before,
html.hm-icon-fonts:not(.hm-fa-solid-ready) :is(.fa, .fas, .fa-solid, .fa-classic):not(.far, .fa-regular, .fab, .fa-brands)::after,
html.hm-icon-fonts:not(.hm-fa-regular-ready) :is(.far, .fa-regular)::before,
html.hm-icon-fonts:not(.hm-fa-regular-ready) :is(.far, .fa-regular)::after,
html.hm-icon-fonts:not(.hm-fa-brands-ready) :is(.fab, .fa-brands)::before,
html.hm-icon-fonts:not(.hm-fa-brands-ready) :is(.fab, .fa-brands)::after {
    visibility: hidden;
}