/* [project]/src/app/(frontend)/signup/signup.css [app-client] (css) */
.input-field.email-valid {
  background-color: #fff;
  border-color: #2ecc71;
  padding-right: 50px;
  position: relative;
  box-shadow: 0 0 8px rgba(46, 204, 113, .6);
  background-color: #fff !important;
}

.form-grp input.email-valid:focus {
  border-color: #2ecc71;
  box-shadow: 0 0 8px rgba(46, 204, 113, .6);
  background-color: #fff !important;
}

.form-grp:has(.email-valid) label {
  position: relative;
}

.form-grp:has(.email-valid) label:after {
  content: "";
  z-index: 9999;
  background: url("../media/tik.417bb7e7.svg") 0 0 / 15px no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 53px;
  right: 15px;
}

.input-field.email-invalid {
  border-color: #e74c3c;
  position: relative;
  box-shadow: 0 0 8px rgba(231, 76, 60, .6);
}

.form-grp input.email-invalid:focus {
  border-color: #e74c3c;
  box-shadow: 0 0 8px rgba(231, 76, 60, .6);
}

.input-field.email-invalid:after {
  content: "";
  background: url("../media/warning-icon.f40ec699.svg") 0 0 / contain no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  right: 0;
}

.form-grp:has(.email-invalid) label {
  position: relative;
}

.form-grp:has(.email-invalid) label:after {
  content: "";
  z-index: 9999;
  background: url("../media/warning-icon.f40ec699.svg") 0 0 / 15px no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 54px;
  right: 15px;
}

.form-grp.witheye:has(.email-invalid) label:after {
  right: 45px;
}

.form-grp.witheye:has(.email-valid) label:after {
  top: 56px;
  right: 45px;
}

.input-field.error-warning {
  background-color: #fffbe6;
  border-color: #f1c40f;
  box-shadow: 0 0 8px rgba(241, 196, 15, .6);
}

@media (max-width: 767px) {
  .form-grp:has(.email-valid) label:after {
    top: 51px;
  }

  .form-grp:has(.email-invalid) label:after {
    top: 50px;
  }
}

/*# sourceMappingURL=src_app_%28frontend%29_signup_signup_decbfe5b.css.map*/