body {
  background: transparent;
}

/* Workaround for only rendering background when not in an iframe. */
@media (min-height: 300px) {
  body {
    background: black;
  }
}

#root {
  opacity: 0;
  transition-duration: 500ms;
}

#disconnected,
#unauthenticated,
#postCreateAccount {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  min-height: 80px;
}

/* The PWA overlays this iframe on its own button, so Unlock must cover the
   whole frame or taps near the edges miss it. */
#unauthenticated {
  min-height: 100vh;
}

#unlock {
  width: 100%;
  flex: 1;
}

#createAccountLink {
  display: none;
}

#logIn:disabled {
  opacity: 0.5;
}