:root {
  --fallback-font-stack: Helvetica, Arial, serif;
}

.login.accountSection {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  overflow: hidden;
}
.login .componentContainer {
  min-height: 72px;
}
.login .loginBlockSection {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  background-color: white;
}
.login .accountRootDiv {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  margin: 112px 0 112px 4.44%;
  width: 90%;
  max-width: 1295.9896240234px;
}
@media (max-width: 575px) {
  .login .accountRootDiv {
    position: relative;
    margin: 80px 0 80px 4.44%;
  }
}
@media (max-width: 383px) {
  .login .accountRootDiv {
    margin: 50px 0 50px 4.44%;
  }
}
.login .descriptionContainer {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.login .loginPrompt {
  font: 48px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  letter-spacing: -0.48px;
}
@media (max-width: 991px) {
  .login .loginPrompt {
    align-items: flex-start;
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .login .loginPrompt {
    font-size: 36px;
  }
}
.login .loginInstructions {
  font: 18px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
@media (max-width: 991px) {
  .login .loginInstructions {
    align-items: flex-start;
    font-size: 16px;
  }
}
.login .inputsContainer {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 512.9861450195px;
  max-width: 85%;
}
@media (max-width: 479px) {
  .login .inputsContainer {
    position: relative;
    width: 100%;
    max-width: 100%;
  }
}
.login .accountInputBlock {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 479px) {
  .login .accountInputBlock {
    align-items: center;
    gap: 32px 16px;
  }
}
@media (max-width: 383px) {
  .login .accountInputBlock {
    gap: 32px 8px;
  }
}
.login .accountInputWrapper {
  display: flex;
  flex-direction: column;
  min-width: 61.99%;
  min-height: 40px;
}
.login .accountInputWrapper input {
  border: 1px solid #000;
  border-radius: 10px;
  padding: 1.2em 1em;
}
@media (max-width: 479px) {
  .login .accountInputWrapper {
    position: relative;
    margin: unset;
    width: 70%;
    min-width: unset;
  }
}
.login .signUpPrompt {
  display: flex;
  justify-content: center;
  width: 102px;
  min-width: 102px;
  font: 500 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #231b21;
  padding: 10px 18px;
  border-radius: 6px;
  border-width: 2px 2px 4px;
  border-color: #0b0209;
  border-style: solid;
}
@media (max-width: 575px) {
  .login .signUpPrompt {
    position: relative;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (max-width: 479px) {
  .login .signUpPrompt {
    margin: unset;
    width: 30%;
  }
}
@media (max-width: 383px) {
  .login .signUpPrompt {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.login .passwordInputWrapper {
  display: flex;
  flex-direction: column;
  max-width: 85%;
  min-height: 40px;
}
.login .passwordInputWrapper input {
  border: 1px solid #000;
  border-radius: 10px;
  padding: 1.2em 1em;
}
.login .termsAgreementInfo {
  font: 12px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.login .additionalInfoContainer {
  min-height: 546px;
}