@import "/assets/build/form-b0bf3d1e.css";

.password-input-mask {
  display: none;
  position: absolute;
  width: 30px;
  height: 30px;
  margin: 7px 0 0 -37px;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAMAAACyy+glAAAAflBMVEUAAACuraGoqKGurqGuraGsrKGuraGurqGuraKurqGxrqOvraGurqGvraGvr6CurKGurp+uraGuraKuraGuraGuraGuraCvrqGtraKvrqGsrJ6uraGuraGuraGuraGuraCvrqCsrKKuraGuraGvraGuraCuraKsrKCvrKCuraGVUXTnAAAAKXRSTlMA+gW70gvnn0YsEOHBpjMoH+sw3ISBa2VAPBf2ysW3r0oZ8s6Xi3RWUwEWZDUAAAGISURBVDjL7VTpmoIwDNyUcgkU5FREDvGa93/BBWwRBXX3v/OLTudLQjLpzxfvEGzSY+W61THdBB+kYdyuIbFu4/C1klkVOtA64jxaEzpUFlvWNiejj+dlm9D3w03m9TmMU7Mg1WsHIC3TJ1SmEeDU+kwcGx1/zh/J/OwARvzcAxM4eKt5wpV3AMzggery7TKpZSL2vFgweZXtQNokjO8C3FKHvtC+fF8SFgdcf4zrEiIhD/YeEntbUiICuTJ2oAGuumAFiF/z/MoJBVMBXEC71W0SnE4rcwJFOMyyACzF2g7I7JsZA1yM5ZvA9va1BcyRFhyI9Z+tAbrPVC+xkwe2Q6nfnUAwtoO4/iyuB7Ge/LWMRF/4wVYM1+3sB3sE5aSnbA/il6a5cMKeTXpfBvdhR4KNPZVQvWcimg7c1z6NWx1UbEqVkcLENJNQGSmlPu7covncovnMoj2SwfzN06YN5k9erVU6XatUrdUc+fLC5q+eAu/5KfCkbRZhJ4UBCaNI7P88X1+8wS9zty9lbuILsAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  background-size: 22px 20px;
}
.password-input-mask.visible {
  display: inline-block;
}
.password-input.empty ~ .password-input-mask.masked {
  opacity: .5;
}
.password-input-mask.masked {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAMAAACyy+glAAABsFBMVEUAAACuraGuraGvrqGurqGurqGwrqKurqGuraKtraGuraGurqGurp74+Pb9/f2uraGvraGuraGuraKuraGvrqGuraGvrqCvraGmpqauraGuraGuraGuraGvraH///+vraKyr6Ovr6L///+srKH////////o6OSuraH///////+uraH///+traCvraGvraH///+vrqGtraOurqGurKGtraD///+2tp6urqT8/Pv///////+uraH///////////7///+xsKX////7+/n////////a2dT39/b///////////////////////+uraD29vX///+trZ/j4+D////39/e4tqv///////+xqqOurqH///+qqpX////LysP+/v3+/v7////29fP////Dwrn////o5uL7+/v///+3t6zt6+mtq6H////ExLv///////////+uraGwr6OysaXy8vDq6ubU083Q0MnMzMTIx76/v7W6uq+zs6f7+/rs7One3tnb29XCwbj5+fj29vT09PLm5uLi4t3FxLu9vLK4t6y1tKn4+Pfz8/Hv7uzk5ODX1tDKycG8u7G1I27HAAAAb3RSTlMA+fwuwTMQnkYr7L0g/vjn4YTTy7q3gWgL6d3RxamnpWJBHRgWCP708OLaw7Gil0tKPzwoHRoKBvv06dDIs5F+cjgzLgX479nR0MyhnIuHbm1fWlpSQScnJhEMC/jtwL+uq5qVj42Li4GAdnVqYiLEWPhJAAAC7klEQVQ4y62U51fiQBTFQwIr0gRpItLsvSv2XtbeV1e3935D7yiCiv1f3okbIIDnLB+8XzjM++XOzXuToZ5cR7+tX16WyNaPXybdbbWlsatKPxsc7iqFHXibCALnJcG11tMAEPI8GkPh2OxsF4vbOzcdCo4dOz0H7q+WHmEZjVYGXjKthvkzfnVGMkSXpwtJp9QCItrUOjraaqIBhBbcISCYGKsvZOvWKjg/m72HOThgeuw2WcjjPibsddtsATrYrQZEOmNVbmlm4foCOFa+KRqIxgSop+oEK7Nt10HCuj0fCnvQATTZngmXZlqiaeDsstGFDoWw8EwugsiYYSUam02ztRw9J+zV+E9SkgtsysWAWcr/6ZPT4JJ6wmADqvcNlNQMiMuzvmIa1ZJMp2sALmljCAgkrAPcTtWgxbx3v07wpLMG9OjuVjNJyt6pVuayO+v6KU5lIqizu0gBraRrMXkB+JXv6jM51RCVkd8qDVDJZ+CeBBxdwzcsWH8kRuq8JJWAporqrYBIml081KNppyVFfH2X8bD+MFuQilDR+wB3Z9eq9OwrVQpw+Zo/N0GfG2f3AzxoyI/hV8bSgPdkchfIj2EY5F+Q4RcbPkVixNfbPCnRgs7GY/gXJK3TAzU8/WskHgZuI+t2M40ap6D3+v7MsPmhHG1E4kA4fuIDMr3nh5IbeJ+c5CZ7/mi+Jb7xiM/Fnda+TCNIXnmf4CDpyGmZWj/xEt/YyDdDR4eByZSMpKTLO4+KMmBe5SWOsaHtBuHnY2kCyhRUvr7Oc0nTqZZtITqlBiq+U4WaUJGkbGpoZy43ISN3Wqu7BwuvqI9KP3BxcxqQWewOZn+fcdgtMhDbtboi31WVn4UrOXTGArSs1WxuldEgskidRdfZSuIOCDUu7pUbtCbwMmkN5VSR5qyqAPH1vN7j+tJj/Hd9GXsUVLEaJrir796zNE39Xy+ee1mkoyOELQ0ORsdmSmFJDGXS3TJLlagN6+QA9dT6C8Pr0PXWdBXAAAAAAElFTkSuQmCC);
}





html {
  background: #ececec url(/assets/build/account-form-8529e809.jpg) no-repeat 47vw 0;
  background-size: auto 779px;
}
html:has(#contact-us) {
  background: transparent none;
}
body {
  background: linear-gradient(99.6deg, var(--white) 0, var(--white) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
}


body:before, .page-header:before {
  content: none;
}
.page-header {
  /* position: relative; */
  background: rgba(255,255,255,calc(var(--fill) * 3 - 2));
}
.page-header.sticky {
  box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
}
/* .page-header-wrap {
  height: var(--page-header-height);
}
.page-header-placeholder {
  display: none;
} */
.page-header .logo-anchor .logo {
  background-image: url(/assets/build/logo-green-cf9f2542.svg);
}
/* .page-header .logo-anchor .logo {
  transform: none;
} */

.page-header .nav-item, .page-header .nav-item:visited {
  color: var(--text-dark-deep);
}
.page-header .expanded .nav-item, .page-header .expanded .nav-item:visited {
  color: var(--text-light);
}
.page-header .login .thin-button {
  color: var(--text-dark);
  border-color: currentColor;
}
.drawer-menu .login .thin-button {
  border-color: var(--menu-button-border);
}
.page-header .login .thin-button:hover {
  opacity: initial;
  background-color: rgba(94,92,67,.05);
}
.page-header .expanded .login .thin-button  {
  color: var(--text-light);
}
.page-header .expand-button:after {
  background-color: var(--text-dark);
  box-shadow: 0 -8px 0 #5E5C43, 0 8px 0 #5E5C43;
}
.account-section {
  display: flex;
  height: calc(100vh - 100px);
  min-height: 586px;
  max-height: 679px;
  color: var(--text-light);
  box-sizing: border-box;
  justify-content: center;
  flex-direction: column;
}
.account-section:has(#create-form) {
  min-height: 679px;
}
#create-form  {
  padding-bottom: 0;
}
#create-form legend {
  width: 340px;
}
#create-form .tips {
  margin: 10px 0;
  white-space: normal;
  text-align: left;
}
html:has(.general-account-form), body:has(.general-account-form) {
  background: var(--white);
}
.general-account-form {
  padding-left: 191px;
  box-sizing: border-box;
}
.general-account-form:before {
  left: 131px;
}
.general-account-form fieldset {
  width: auto;
}
.general-account-form legend {
  text-align: left;
  text-indent: -4.78px;
}
#reset-form input, #reset-form button {
  max-width: 340px;
}
#reset-form input {
  margin-top: 5px;
}
#reset-form .password-input-mask {
  margin-top: 12px;
}
#forgot-form.loading button {
  font-size: 0;
  color: transparent;
}
#forgot-form.loading button:after {
  content: "Sending...";
  display: block;
  font-size: var(--text-size-ms);
  color: var(--text-thin);
}
#forgot-form.loading button[data-loading]:before {
  content: none;
}
#forgot-form.loading button[data-loading]:after {
  content: attr(data-loading);
}
#send-form .text {
  margin-bottom: 20px;
}
#resend-message {
  display: block;
  pointer-events: all;
  cursor: text;
}
#resend-message .address {
  font-style: normal;
}
#resend-message a.address {
  text-decoration: underline;
  text-underline-offset: 20%;
  text-decoration-color: var(--text-gray);
  text-decoration-thickness: 1px;
}
/* #contact-us {
  background: #EDEDDD;
} */
#contact-us .page-header {
  background-color: var(--black-deep);
}
#contact-us .page-header .logo-anchor .logo {
  background-image: url(/assets/build/logo-0ea5bd0d.svg);
}
#contact-us .account-section {
  max-height: 760px;
  min-height: 760px;
}
#contact-us .page-header .login .thin-button {
  color: inherit;
  border-color: var(--paragraph-gray-opacity);
}
#contact-us .nav-item, #contact-us .nav-item:visited {
  color: inherit;
}
#contact-us .page-header .login .thin-button:hover {
  opacity: inherit;
  background-color: inherit;
}
#contact-us .page-header .expand-button:after {
  background-color: #fff;
  box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff;
}

#contact-us-form {
  padding-left: 0;
}

#contact-us-form:before {
  content: none;
}
#contact-us .popover .popup {
  width: 500px;
}
#contact-us-form fieldset {
  width: 604px;
}
#contact-us-form .image {
  flex: 1;
  padding-top: 70px;
  padding-left: 60px;
  overflow: hidden;
  text-align: right;
}
#contact-us-form .image img {
  --size: 430px;
  width: var(--size);
  aspect-ratio: 430/520;
  border-top-left-radius: calc(var(--size) / 2);
  border-top-right-radius: calc(var(--size) / 2);
}
#contact-us-form legend {
  margin-top: 136px;
  font-size: calc(var(--text-size-l)* 2);
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
}
#contact-us-form p:first-of-type {
  margin-top: 0;
}
#contact-us-form p label {
  margin-top: 25px;
}
#contact-us-form input {
  height: 56px;
}
#contact-us-form textarea {
  height: 240px;
}

#contact-us-form button {
  height: 56px;
  margin-top: 20px;
}
/* 
@media screen and (max-width: 1650px) {
  html {
    background-size: 60vw auto;
  }
}
@media screen and (max-width: 1500px) {
  html {
    background-position: 110% 0;
  }
}
@media screen and (max-width: 1300px) {
  html {
    background-position: 120% 0;
    background-size: 70vw auto;
  }
} */
@media screen and (max-width: 1280px) {
  #contact-us-form fieldset {
    width: 520px;
  }
}

/* @media screen and (max-width: 1140px) {
  html {
    background-position: 140% 0;
    background-size: 75vw auto;
  }
} */
@media screen and (max-width: 1049px) {
  html {
    background-size: auto 743px;
  }
  .account-section {
    min-height: 400px;
  }
  .account-form {
    padding: 100px 0 150px 105px;
  }
  #create-form {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #contact-us-form {
    width: 520px;
    max-width: var(--section-width);
    min-width: 290px;
    padding: 50px 0;
    margin: 0 auto;
  }
  #contact-us-form .image {
    display: none;
  }
  #contact-us-form p {
    display: block;
  }
  #contact-us-form p label {
    display: block;
    margin-top: 15px;
  }
  #contact-us-form p:first-of-type label:first-child {
    margin-top: 0;
  }
  #contact-us-form .tips {
    line-height: 1.4;
    white-space: normal;
  }
}
/* @media screen and (max-width: 910px) {
  html {
    background-position: 30vw 0;
    background-size: 90vw auto;
  }
} */

@media screen and (max-width: 870px) {
  html {
    background: none;
  }
  body {
    background: rgba(255,255,255,1);
  }
  .page-header {
    box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
  }
  .account-section {
    min-height: 320px;
    height: auto;
  }

  .account-section:has(#create-form) {
    min-height: 540px;
  }
  .account-form, .general-account-form {
    width: 340px;
    max-width: var(--section-width);
    min-width: 290px;
    padding: 50px 0;
    margin: 0 auto;
  }
  .account-form:before {
    content: none;
  }
  .account-form legend {
    font-size: var(--text-size-xxl);
  }
  .account-form .agree {
    font-size: var(--text-size-xs);
  }
  .account-form .tips {
    font-size: 15px;
  }
  .general-account-form {
    margin-left: auto;
  }
}
@media screen and (max-width: 420px) {
  .account-form legend {
    text-align: center;
  }
  .general-account-form .text {
    text-align: center;
  }
}
@media screen and (max-width: 375px) {
  .account-form .agree {
    font-size: var(--text-size-xxs);
  }
  #apply-form legend {
    font-size: 27px;
  }
  #create-form legend {
    width: auto;
    font-size: 27px;
  }
}

@media screen and (max-width: 359px) {
  .account-form fieldset {
    max-width: none;
  }
  .account-form .agree {
    font-size: var(--text-size-xxxs);
  }
  .account-form p input, .account-form p textarea, .account-form button, .account-form input[type="submit"] {
    max-width: none;
  }
  #apply-form legend {
    font-size: 25px;
  }
  #create-form legend {
    font-size: 25px;
  }
}