#kc-register-form {
  --madicut-field-background: #1a1822;
  --madicut-field-border: #625b6d;
  --madicut-field-border-hover: #8b8198;
  --madicut-field-focus: #ff4d7a;
}

#kc-register-form .pf-v5-c-form__label {
  margin-block-end: 0.55rem;
}

#kc-register-form .pf-v5-c-form__label-text {
  color: #f5f1f8;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

#kc-register-form .pf-v5-c-form__label-required {
  color: #ff7597;
}

#kc-register-form span.pf-v5-c-form-control {
  --pf-v5-c-form-control--BackgroundColor: var(--madicut-field-background);
  --pf-v5-c-form-control--Color: #f7f5fb;
  --pf-v5-c-form-control--m-placeholder--Color: #9891a2;
  --pf-v5-c-form-control--m-placeholder--child--Color: #9891a2;
  min-height: 50px;
  overflow: hidden;
  border: 1px solid var(--madicut-field-border);
  border-radius: 10px;
  background: var(--madicut-field-background);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 5px 14px rgba(0, 0, 0, 0.12);
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    background-color 150ms ease;
}

#kc-register-form span.pf-v5-c-form-control::before,
#kc-register-form span.pf-v5-c-form-control::after {
  border: 0 !important;
}

#kc-register-form span.pf-v5-c-form-control:hover {
  border-color: var(--madicut-field-border-hover);
  background: #1e1b26;
}

#kc-register-form span.pf-v5-c-form-control:focus-within {
  border-color: var(--madicut-field-focus);
  background: #211c26;
  box-shadow:
    0 0 0 3px rgba(255, 77, 122, 0.2),
    0 8px 22px rgba(0, 0, 0, 0.2);
}

#kc-register-form span.pf-v5-c-form-control > input {
  min-height: 48px;
  padding: 0.75rem 0.875rem;
  background: transparent;
  caret-color: #ff7597;
  color: #f7f5fb !important;
  -webkit-text-fill-color: #f7f5fb;
}

#kc-register-form span.pf-v5-c-form-control > input::placeholder {
  color: #9891a2;
  opacity: 1;
}

#kc-register-form span.pf-v5-c-form-control > input:focus {
  outline: 0;
}

#kc-register-form .pf-v5-c-input-group {
  min-height: 50px;
  overflow: hidden;
  border: 1px solid var(--madicut-field-border);
  border-radius: 10px;
  background: var(--madicut-field-background);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 5px 14px rgba(0, 0, 0, 0.12);
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    background-color 150ms ease;
}

#kc-register-form .pf-v5-c-input-group:hover {
  border-color: var(--madicut-field-border-hover);
  background: #1e1b26;
}

#kc-register-form .pf-v5-c-input-group:focus-within {
  border-color: var(--madicut-field-focus);
  background: #211c26;
  box-shadow:
    0 0 0 3px rgba(255, 77, 122, 0.2),
    0 8px 22px rgba(0, 0, 0, 0.2);
}

#kc-register-form .pf-v5-c-input-group span.pf-v5-c-form-control {
  min-height: 48px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#kc-register-form .pf-v5-c-input-group span.pf-v5-c-form-control:focus-within {
  background: transparent;
  box-shadow: none;
}

#kc-register-form .pf-v5-c-input-group .pf-v5-c-button.pf-m-control {
  width: 52px;
  min-height: 48px;
  border: 0;
  border-left: 1px solid #514a5b;
  background: #26222f;
  color: #f7f5fb;
}

#kc-register-form .pf-v5-c-input-group .pf-v5-c-button.pf-m-control:hover {
  background: #302a39;
}

#kc-register-form span.pf-v5-c-form-control.pf-m-error,
#kc-register-form span.pf-v5-c-form-control:has(input[aria-invalid="true"]),
#kc-register-form .pf-v5-c-input-group:has(input[aria-invalid="true"]) {
  border-color: #ff6b7a;
  box-shadow: 0 0 0 3px rgba(255, 107, 122, 0.16);
}

#kc-register-form input:-webkit-autofill,
#kc-register-form input:-webkit-autofill:hover,
#kc-register-form input:-webkit-autofill:focus {
  box-shadow: inset 0 0 0 1000px var(--madicut-field-background);
  caret-color: #ff7597;
  -webkit-text-fill-color: #f7f5fb;
}