/* Password input-group refinement.
 * PatternFly wraps the password input in its own form-control inside an outer
 * input-group. Only the outer group should draw the rounded control border.
 */
.pf-v5-c-input-group {
  overflow: hidden !important;
  border: 1px solid rgba(62, 31, 39, .16) !important;
  border-radius: 13px !important;
  background: #fff !important;
}

.pf-v5-c-input-group > .pf-v5-c-input-group__item.pf-m-fill .pf-v5-c-form-control,
.pf-v5-c-input-group > .pf-v5-c-input-group__item.pf-m-fill .pf-v5-c-form-control:focus-within {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.pf-v5-c-input-group:focus-within {
  border-color: #8c2d4d !important;
  box-shadow: 0 0 0 4px rgba(140, 45, 77, .09) !important;
}

.pf-v5-c-input-group > .pf-v5-c-input-group__item:not(.pf-m-fill) {
  border: 0 !important;
  border-left: 1px solid #d1d5db !important;
}

.pf-v5-c-input-group #password-show-password,
.pf-v5-c-input-group .pf-v5-c-button.pf-m-control {
  align-self: stretch;
  height: auto;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

/* PatternFly draws a control underline through ::after. The outer input-group
 * already supplies the complete border, so the eye button needs no underline.
 */
.pf-v5-c-input-group #password-show-password::after,
.pf-v5-c-input-group .pf-v5-c-button.pf-m-control::after {
  display: none !important;
}