.signup-shell {
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

.signup-shell .login-panel {
  height: 100dvh;
  min-height: 0;
}

.signup-shell .story-panel {
  height: calc(100dvh - 143px);
  min-height: 0;
  align-self: start;
}

.signup-card {
  max-width: 400px;
}

.signup-card header {
  margin-bottom: 20px;
}

.signup-card .divider {
  margin: 18px 0;
}

.signup-label {
  margin-top: 12px !important;
}

.signup-card .password-label {
  margin-top: 12px;
}

.password-label > span {
  margin-bottom: 7px;
  color: #888d95;
  font-size: 10px;
}

.terms {
  align-items: flex-start !important;
  margin: 12px 0 14px !important;
}

.terms input {
  margin-top: 2px;
}

.terms a {
  color: #191a1d;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.signup-story > img {
  object-position: center;
}

@media (max-width: 820px) {
  html,
  body {
    height: 100%;
    overflow: hidden;
  }

  .signup-card {
    margin: 44px auto;
  }
}

@media (max-width: 820px) and (max-height: 720px) {
  .signup-card {
    margin: 28px auto 0;
  }
}

@media (max-height: 760px) and (min-width: 821px) {
  .signup-card {
    transform: scale(.9);
  }
}