/* Lobby Watch: login (design.md 5g). One 320 px column at the gutter, 96 px down (48 on phones). */

.v-login {
  width: 320px;
  max-width: 100%;
  margin-top: 96px;
}
.v-login .login-sub {
  margin-top: 4px;
  font-size: var(--fs-dense);
  line-height: var(--lh-dense);
  color: var(--text-2);
}
.v-login form {
  margin-top: 24px;
}
.v-login .login-submit {
  margin-top: 16px;
}
.v-login .login-err {
  margin-top: 8px;
  font-size: var(--fs-dense);
  line-height: var(--lh-dense);
  color: var(--err);
}
.v-login .login-err:empty {
  display: none;
}

@media (max-width: 719.98px) {
  .v-login {
    margin-top: 48px;
  }
}