.custom-form-input input,
.custom-form-input input:focus {
  padding: 12px;
  background-color: transparent;
  border: 1px solid var(--input-border-color);
  color: var(--text-primary);
}

.custom-form-input input::placeholder {
  color: var(--subtext-primary);
}

.custom-form-input input:focus {
  border-color: color-mix(in srgb, transparent 50%, var(--primary-color));
  box-shadow: 0 0 0 0.25rem
    color-mix(in srgb, transparent 80%, var(--primary-color));
}

.custom-form-input input:disabled {
  background-color: var(--disabled-color);
  color: color-mix(
    in srgb,
    var(--text-primary, black) 30%,
    transparent
  ) !important;
  cursor: initial !important;
  pointer-events: none !important;
}

.custom-form-input .input-group span {
  margin: 0 !important;
  padding: 12px;
  color: var(--text-primary);
  background-color: color-mix(in srgb, var(--text-primary) 3%, transparent);
  border-color: var(--input-border-color);
  font-size: var(--font-size3);
}

.custom-form-input .password-btn {
  border-left: none !important;
  cursor: pointer;
}

.custom-form-input input[type="password"]::-ms-reveal,
.custom-form-input input[type="password"]::-ms-clear {
  display: none;
}

.custom-form-input input[type="password"]::-webkit-credentials-auto-fill-button,
.custom-form-input
  input[type="password"]::-webkit-textfield-decoration-container {
  display: none !important;
}

.custom-form-input .password-invalid-feedback {
  display: flex;
  flex-direction: column;
}
.custom-form-input .password-invalid-feedback span {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  color: var(--danger-color);
}