.login-container {
  max-width: 600px;
  margin: 0 auto;
}
.login-container #recover {
  display: none;
}
.login-container.card-true {
  position: relative;
  border-radius: var(--genstore-borderRadius-500, 20px);
  background: var(--genstore-neutral-background-default, #fff);
  padding: var(--genstore-spacing-vertical-1200, 36px)
    var(--genstore-spacing-horizontal-1200, 36px);
}
.title {
  color: var(--genstore-neutral-texticon-900, rgba(0, 0, 0, 0.9));
  font-size: var(--genstore-fontSize-800, 24px);
  font-weight: var(--genstore-heading-fontWeight-bold, 600);
  line-height: var(--genstore-lineHeight-1300, 36px);
}
.sub_title {
  color: var(--genstore-neutral-texticon-550, rgba(0, 0, 0, 0.55));
  font-size: var(--genstore-fontSize-250, 13px);
  font-weight: var(--genstore-fontWeight-regular, 400);
  line-height: var(--genstore-lineHeight-500, 20px);
}
.tips {
  font-size: var(--genstore-fontSize-300, 14px);
  color: var(--genstore-neutral-texticon-400, rgba(0, 0, 0, 0.4));
}
.tips .s_link {
  cursor: pointer;
  display: inline-flex !important;
  color: var(--genstore-link-1000, #2a6ae9) !important;
}
.loginBox,
.recoverBox,
.resetBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--genstore-spacing-gap-1200, 36px);
}
.loginBox.left,
.recoverBox.left,
.resetBox.left {
  align-items: left;
}
.loginBox .thirdBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.thirdBox-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--genstore-spacing-gap-400, 8px);
}
.thirdBox-button-icon .thirdBox-button-icon-label {
    color: var(--genstore-neutral-texticon-550, rgba(0, 0, 0, 0.55));
    font-family: Outfit;
    font-size: var(--genstore-fontSize-300, 14px);
    font-weight: var(--genstore-fontWeight-regular, 400);
    line-height: var(--genstore-lineHeight-700, 24px);
  }
.thirdBox-button-icon img {
    cursor: pointer;
  }
@media screen and (min-width: 750px) {
  .loginBox .thirdBox {
    flex-direction: row;
  }
  .loginBox .thirdBox .thirdBtn:last-child {
    margin-top: 0;
    margin-inline-start: 12px;
  }
}
.loginBox .thirdBox .thirdBtn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.or {
  color: var(--genstore-neutral-texticon-900, rgba(0, 0, 0, 0.9));
  font-size: var(--genstore-fontSize-300, 14px);
  font-weight: var(--genstore-fontWeight-regular, 500);
  line-height: var(--genstore-lineHeight-700, 24px);
  gap: var(--genstore-spacing-gap-1000, 30px);
}
.or .line {
  width: 0;
  flex-grow: 1;
  height: 1px;
  background-color: var(--genstore-neutral-border-50, rgba(0, 0, 0, 0.05));
}
.policy-tips {
  border-top: 1px solid var(--genstore-neutral-border-50, rgba(0, 0, 0, 0.05));
  padding-top: var(--genstore-spacing-gap-400, 12px);
  color: var(--genstore-neutral-texticon-400, rgba(0, 0, 0, 0.4));
  font-family: Outfit;
  font-size: var(--genstore-fontSize-250, 13px);
  font-style: normal;
  font-weight: var(--genstore-fontWeight-regular, 500);
  line-height: var(--genstore-lineHeight-500, 20px);
}
.policy-tips .link {
  color: var(--genstore-link-1000, #2a6ae9);
}
.h-center {
  display: flex;
  align-items: center;
}
.v-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.v-space-800,
.v-space-600,
.v-space-400,
.v-space-200 {
  display: flex;
  flex-direction: column;
}
.v-space-200 {
  gap: var(--genstore-spacing-gap-200, 4px);
}
.v-space-400 {
  gap: var(--genstore-spacing-gap-400, 12px);
}
.v-space-600 {
  gap: var(--genstore-spacing-gap-600, 18px);
}
.v-space-800 {
    gap: var(--genstore-spacing-gap-800, 22px);
  }
.s_field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: var(--genstore-spacing-vertical-400, 12px);
}
.s_field:last-child {
  margin-bottom: 0;
}
.s_field .s_code {
  font-size: var(--genstore-fontSize-300, 14px);
  color: var(--genstore-link-1000, #2a6ae9);
  position: absolute;
  inset-inline-end: 10px;
  top: 17px;
  cursor: pointer;
}
.s_field .s_code.s_disabled {
  color: var(--genstore-neutral-texticon-400, rgba(0, 0, 0, 0.4));
  cursor: not-allowed;
}
.s_input {
  width: 100%;
}
.s_input_row {
  width: calc((100% - var(--genstore-spacing-gap-600))/2);
}
@media screen and (max-width: 750px) {
  .thirdBtn {
    margin-bottom: var(--genstore-spacing-gap-400, 12px);
  }
  .thirdBtn:last-child {
    margin-bottom: 0;
  }
}
.s_disabled {
  color: var(--genstore-neutral-texticon-400, rgba(0, 0, 0, 0.4));
}
.relative {
  position: relative;
}
.genstore-input .icon.remove {
  display: none !important;
}
.eye {
  position: absolute;
  inset-inline-end: 12px;
  top: 16px;
}
.password_section {
  position: relative;
}
.main-register-name_input-box {
  display: flex;
  gap: var(--genstore-spacing-gap-600, 0.75rem);
}
.register-subscribe {
  display: flex;
  align-items: center;
  font-family: Outfit;
  color: var(--genstore-neutral-texticon-900, rgba(0, 0, 0, 0.9));
  font-weight: var(--genstore-fontWeight-regular, 400);
  line-height: var(--genstore-lineHeight-700, 1.5rem);
  font-size: var(--genstore-fontSize-300, 0.875rem);
}