.auth-shell {
  display: flex;
  justify-content: center;
  padding: 1rem 0 2.5rem;
}

.auth-shell__card {
  width: min(100%, 28rem);
}

.auth-shell__body {
  margin-top: 1rem;
}

.auth-shell__footer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #e0d5c8;
  font-size: 0.875rem;
  color: #5c5348;
  text-align: center;
}
.auth-shell__footer p {
  margin: 0;
}
.auth-shell__footer:not(:has(p, a)) {
  display: none;
}

.auth-error {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.625rem;
  background: #fee2e2;
  color: #b91c1c;
  font-size: 0.875rem;
  font-weight: 600;
}

.password-field {
  position: relative;
}
.password-field__toggle {
  position: absolute;
  top: 2.35rem;
  right: 0.5rem;
  padding: 0.25rem 0.5rem;
  border: none;
  background: transparent;
  font-size: 0.75rem;
  font-weight: 600;
  color: #2d6a4f;
  cursor: pointer;
}

.password-strength {
  height: 0.35rem;
  margin-top: 0.5rem;
  border-radius: 9999px;
  background: #e0d5c8;
}
.password-strength__bar {
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: #b45309;
  transition: width 180ms ease, background-color 180ms ease;
}
.password-strength__bar--medium {
  background: #e9b949;
}
.password-strength__bar--strong {
  background: #2d6a4f;
}

/*# sourceMappingURL=forgot_password-9e3183adc4.output.css.map */