/* Log in: the site's own button ("Sign in with Google", or "Sign in on this Mac" on this Mac), drawn by the dots. */
.login {
  min-height: calc(100svh - 200px);
  display: flex;
  flex-direction: column;
}

.lg {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: min(340px, 100%);
  padding-block: 24px;
}

.lg h2 {
  margin: 0 0 10px;
  font: 400 34px/1 var(--display);
  color: var(--ink);
  text-align: center;
}

.lg button {
  appearance: none;
  margin: 0;
  border: 1px solid var(--cyan-edge);
  background: var(--cyan-soft);
  color: var(--cyan-ink);
  border-radius: 14px;
  padding: 14px;
  font: 500 15px/1 var(--sans);
  cursor: pointer;
}

.lg button:disabled {
  opacity: 0.5;
  cursor: default;
}

.lg p {
  margin: 0;
  font-size: 14px;
  color: var(--ink-2);
  text-align: center;
}

#app[data-view="login"] footer {
  display: none;
}