.hr-login-stage{
  height: max(var(--hr-login-stage-height), calc(100vh - 48px));
}

.hr-login-art{
  margin: 28px;
  border-radius: 26px;
}

.hr-login-form .hr-login-actions{
  display: flex;
  align-items: center;
  gap: 18px;
}

.hr-login-forgot{
  width: 100%;
  margin: 14px 0 0;
  text-align: left;
  font-size: 14px;
}

.hr-login-forgot a{
  white-space: nowrap;
  color: var(--hr-green);
  text-decoration: none;
}

.hr-login-forgot a:hover{
  color: var(--hr-green);
  opacity: 0.82;
}

.hr-cancel-link{
  color: #000;
  text-decoration: none;
  font-size: 19px;
  font-weight: 400;
  transition: opacity 0.15s ease, color 0.15s ease;
}

.hr-cancel-link:hover{
  opacity: 0.72;
  color: #3A3938;
}

.hr-signup-note{
  margin: 48px 0 0;
  color: #6f6f6f;
  font-size: 15px;
}

.hr-signup-note a{
  color: var(--hr-green);
  text-decoration: none;
  font-weight: 700;
}

.hr-signup-note a:hover{
  text-decoration: underline;
}