.nw-userinputwrapper {
  align-items: center;
  display: flex;
  border: 2px solid $userinputwrapper-border-color;

  &.is-invalid {
    border-color: $userinputwrapper-invalid-border-color;
  }
}

.nw-usernameinputwrapper-genderdropdown {
  border: none; //stylelint-disable-line
  width: $usernameinputwrapper-genderdropdown-width;

  .nwc-select-arrowbottom {
    color: $usernameinputwrapper-genderdropdown-arrow-color;
  }
}

.nw-userinputwrapper-inp {
  border: none; //stylelint-disable-line
  width: 100%;
  height: $userinputwrapper-inp-height;
}

.nw-userinput-error {
  margin: 5px 0 7px;
  height: 10px;
  font-size: $userinput-error-font-size;
  color: $userinput-error-font-color;
}