/*
 * Small guards for public pages while heavyweight assets such as fonts and
 * Font Awesome are deferred. Main layout CSS should stay in indexv6/tailwind.
 */
img.lozad:not([src]) {
  visibility: hidden;
}

.product-builder-image-load-error {
  visibility: hidden;
}

html:not(.fa-deferred-ready) .fa,
html:not(.fa-deferred-ready) .fas,
html:not(.fa-deferred-ready) .far,
html:not(.fa-deferred-ready) .fab,
html:not(.fa-deferred-ready) .fal,
html:not(.fa-deferred-ready) .fad,
html:not(.fa-deferred-ready) .fat,
html:not(.fa-deferred-ready) .fa-solid,
html:not(.fa-deferred-ready) .fa-regular,
html:not(.fa-deferred-ready) .fa-brands,
html:not(.fa-deferred-ready) .fa-light,
html:not(.fa-deferred-ready) .fa-thin,
html:not(.fa-deferred-ready) .fa-duotone {
  display: inline-block;
  width: 1em;
  min-width: 1em;
  height: 1em;
  visibility: hidden;
}