/* login-form.css: ported 1:1 from foodforjoe.es CSS modules (hash suffixes removed). */

/* ── LoginForm ── */
.LoginForm_main {
  width:100%;
}

.LoginForm_form {
  padding:0;
  margin:0;
}

.LoginForm_separator {
  border:none;
  height:1px;
  background:var(--color-green);
  width:100%;
  margin:26px 0 20px;
  opacity:.3;
}

.LoginForm_title {
  margin-bottom:8px;
  text-align:center;
  display:inline-block;
  width:100%;
  font-size:32px;
  font-family: var(--font-family-serif-medium); font-variation-settings: var(--gp-medium-axes);
  line-height:1.09;
  font-weight:400;
}

.LoginForm_description {
  text-align:center;
  margin-bottom:16px;
  font-size:16px;
}

.LoginForm_input {
  margin-bottom:12px;
}

.LoginForm_link {
  display:block;
  margin:0 auto 16px;
  font-size:14px;
  width:-moz-fit-content;
  width:fit-content;
}

.LoginForm_dontKnowYet,
.LoginForm_linkLegal {
  font-family: var(--font-family-serif-medium); font-variation-settings: var(--gp-medium-axes);
}

.LoginForm_dontKnowYet {
  font-weight:400;
  font-size:20px;
  width:100%;
  line-height:1.39;
  text-align:center;
  display:inline-block;
}

.LoginForm_backToLogin {
  margin-top:21px;
  text-align:center;
  margin-bottom:0;
}

.LoginForm_checkboxes {
  margin-bottom:24px;
}

.LoginForm_registerError {
  width:100%;
  padding:10px;
  margin-bottom:11px;
  font-size:14px;
  line-height:1.36;
  text-align:center;
  color:var(--color-error-dark);
  background-color:rgba(255,79,79,.15);
}

.LoginForm_registerErrorLink {
  display:inline;
  margin:0;
  font-size:inherit;
  color:var(--color-error-dark);
  text-decoration:underline;
}

.LoginForm_checkbox {
  font-size:13px;
  line-height:19px;
  display:flex;
  align-items:center;
  margin-bottom:11px;
}

.LoginForm_checkbox a {
  display:inline-block;
  font-size:13px;
  line-height:19px;
  margin:0;
}

.LoginForm_checkbox label {
  display:inline-block;
  font-size:13px;
  line-height:19px;
  margin-left:11px;
}

.LoginForm_button {
  display:flex;
}

.LoginForm_button+.LoginForm_link {
  margin-bottom:12px;
}

.LoginForm_button>* {
  flex:1 1;
}

p.LoginForm_error {
  margin-bottom:16px;
  margin-top:0;
}

.LoginForm_error {
  color:var(--color-error);
}

.LoginForm_mainRegistered {
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.LoginForm_registeredImage {
  max-width:204px;
  margin:0 auto 14px;
}

.LoginForm_registeredTitle {
  font-size:26px;
  line-height:1.23;
  margin-bottom:10px;
}

@media (min-width:960px) {
  .LoginForm_mainRegistered,
  .LoginForm_main {
    width:340px;
  }
}

@media (min-width:960px) {
  .LoginForm_dontKnowYet {
    font-size:18px;
  }
}
