@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, 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, 0.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;
}
.account-section:has(#apply-form) {
  height: auto;
  max-height: none;
  min-height: calc(100vh - 100px);
  padding: 40px 0;
}
#apply-form fieldset {
  overflow: visible;
}
.social-platforms {
  margin: 15px 0;
}
.social-platform-item {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 15px 0;
}
.social-platform-item[hidden],
.social-platforms__select-wrap[hidden] {
  display: none !important;
}
#apply-form .social-platforms__select-wrap,
#apply-form .social-platforms__type-wrap,
#apply-form .social-platforms__url-wrap {
  position: relative;
  display: block;
  margin: 0;
  flex: 1;
  gap: 0;
}
#apply-form .social-platforms__type-wrap {
  flex: 0 0 126px;
  max-width: 40%;
}
#apply-form .social-platforms__url-wrap {
  flex: 1;
  min-width: 0;
}
#apply-form .social-platforms__select,
#apply-form .social-platforms__type,
.social-platforms__url-wrap input {
  display: block;
  appearance: none;
  -webkit-appearance: none;
  position: static;
  width: 100%;
  max-width: none;
  height: 44px;
  margin: 0;
  padding: 0 36px 0 15px;
  font-size: var(--text-size-s);
  font-family: Roboto;
  font-weight: var(--text-weight-normal);
  letter-spacing: 1px;
  color: #000;
  background: #fff;
  background-color: #fff;
  border: 1px solid #dfded9;
  border-radius: 0;
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
  opacity: 1;
}
#apply-form .social-platforms__select:hover,
#apply-form .social-platforms__type:hover {
  color: #000;
  background: #fff;
  background-color: #fff;
}
#apply-form .social-platforms__select.is-placeholder {
  color: var(--paragraph-fill-opacity);
}
#apply-form .social-platforms__type {
  border-right: 0 none;
  padding-right: 28px;
}
.social-platforms__url-wrap input {
  padding-right: 15px;
  cursor: text;
}
.social-platforms__url-wrap input:focus,
#apply-form .social-platforms__select:focus,
#apply-form .social-platforms__type:focus {
  outline: none;
}
.social-platforms__url-wrap input::placeholder {
  font-size: var(--text-size-xs);
  color: var(--paragraph-fill-opacity);
}
.social-platforms__select-wrap:after,
.social-platforms__type-wrap:after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border: solid var(--paragraph-fill-opacity);
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
  pointer-events: none;
  z-index: 1;
}
.social-platforms__menu {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: calc(100% - 1px);

  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #dfded9;
  max-height: 220px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.social-platforms__menu[hidden] {
  display: none !important;
}
.social-platforms__menu-item {
  display: block;
  height: 36px;
  line-height: 36px !important;
  padding: 0 12px;
  font-family: Roboto;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0.62px;
  letter-spacing: 1px;
  color: #000;
  background: #fff;
  cursor: pointer;
  white-space: nowrap;
}
.social-platforms__menu-item.is-placeholder,
.social-platforms__menu-item.is-active,
.social-platforms__menu-item:hover {
  background: #fafafa;
}
.social-platforms.invalid {
  position: relative;
  z-index: 1;
}
.social-platforms.invalid .social-platforms__select,
.social-platforms.invalid .social-platforms__type,
.social-platforms.invalid .social-platforms__url-wrap input {
  border-color: var(--invalid);
}
.social-platforms.invalid .social-platforms__type {
  border-right-color: transparent;
}
#apply-form.loading .social-platforms__select,
#apply-form.loading .social-platforms__type {
  opacity: 1;
  color: #000;
  cursor: pointer;
}
#apply-form.loading .social-platforms__select:before,
#apply-form.loading .social-platforms__type:before {
  display: none;
}
.social-platforms.invalid:before {
  content: attr(data-invalid);
  display: block;
  position: absolute;
  bottom: -40px;
  left: 0;
  z-index: 2;
  padding: 9px 12px;
  font-size: var(--text-size-xs);
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 1px;
  color: var(--invalid);
  background-color: var(--white);
  border: 1px solid currentColor;
}
.social-platforms.invalid:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  left: 12px;
  z-index: 3;
  width: 10px;
  height: 10px;
  color: var(--invalid);
  border: 1px solid currentColor;
  border-width: 1px 0 0 1px;
  background-color: var(--white);
  transform: rotate(45deg);
}
.slider-captcha[hidden] {
  display: none !important;
}
.slider-captcha {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-captcha__mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}
.slider-captcha__panel {
  position: relative;
  width: 320px;
  padding: 20px 18px 22px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  color: var(--text-dark);
}
.slider-captcha__title {
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 600;
}
.slider-captcha__track {
  position: relative;
  height: 42px;
  overflow: hidden;
  border: 1px solid #d8d5cc;
  border-radius: 4px;
  background: #f7f6f2;
  user-select: none;
  box-sizing: border-box;
}
.slider-captcha__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 42px;
  background: #dcecd2;
}
.slider-captcha__hint {
  position: absolute;
  inset: 0 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #8a8778;
  pointer-events: none;
}
.slider-captcha__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: #5e5c43;
  cursor: grab;
  box-sizing: border-box;
}
.slider-captcha__thumb:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 auto;
  border: 2px solid #fff;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
.slider-captcha.is-success .slider-captcha__fill {
  background: #c8e0b8;
}
.slider-captcha.is-success .slider-captcha__hint {
  color: #557a46;
}
#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, 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;
  }
}