/* Hide content until webfonts are loaded (pairs with fonts-ready.js) */
@keyframes obro-fonts-fallback-reveal {
  to { visibility: visible; }
}

html:not(.fonts-ready):not(.auth-pending) body {
  visibility: hidden;
  animation: obro-fonts-fallback-reveal 0s 2.5s forwards;
}

html.auth-pending body {
  visibility: hidden !important;
  animation: none !important;
}

html.fonts-ready:not(.auth-pending) body {
  visibility: visible;
  animation: none;
}