.login-card h3 {
  font-size: 1.4rem;
}

.login-card .bagel-input input {
  min-width: calc(var(--input-height) * 2);
}

.login-card .loader-wrapper {
  width: 100%;
  margin-top: 1rem;
}

.login-card .bgl_btn {
  width: 100%;
  background: var(--bgl-primary);
  color: var(--bgl-white);
}

.login-card .forgot-password {
  margin: -5px 0 10px;
  color: var(--bgl-text-color);
  text-decoration: none;
}

.login-card .forgot-password:active {
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
  color: var(--bgl-primary);
}

.login-card .error {
  color: var(--bgl-red);
  font-size: 0.8rem;
  margin-top: -0.75rem;
  margin-bottom: 0.75rem;
}

@media screen and (max-width: 910px) {
  .login-card {
    width: 94%;
    max-width: 400px;
  }

  .login-card .bagel-input.wider input {
    min-width: 220px;
  }
}