/* Required registration fields share the existing dark-purple form layout. */
html body #app .register_inputGroup__2VkRD:has(input[name="paypassword"]),
html body #app .register_inputGroup__2VkRD:has(input[name="paypassword_confirmation"]) {
  display: flex !important;
}
html body #app .register__row__1yYHy:has(input[name="paypassword"]),
html body #app .register__row__1yYHy:has(input[name="paypassword_confirmation"]) {
  display: block !important;
}
html body #app input[name="paypassword"],
html body #app input[name="paypassword_confirmation"] {
  box-sizing: border-box !important;
  color: #f5efff !important;
  caret-color: #cb9bff !important;
  min-width: 0 !important;
}
html body #app input[name="paypassword"]::placeholder,
html body #app input[name="paypassword_confirmation"]::placeholder {
  color: #c3b3d8 !important;
  opacity: 1 !important;
  font-size: 14px !important;
}
html body.hy9-auth-page #app .register_input__1ukwi::placeholder {
  font-size: 14px !important;
}
html body #app input[name="paypassword"]:-webkit-autofill,
html body #app input[name="paypassword_confirmation"]:-webkit-autofill {
  -webkit-text-fill-color: #f5efff !important;
  -webkit-box-shadow: 0 0 0 1000px #211630 inset !important;
  caret-color: #cb9bff !important;
}