.prompt {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px solid #ced4da;
  border-right: 0px;

  @mixin dark {
    border: 1px solid #373a40;
  }
}

.input {
  border: 1px solid #ced4da;
  flex: 1;

  &:not([data-promptArea]) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  &[data-promptArea] {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  &[data-disabled] {
    color: black;
    background-color: #fff;
  }

  @mixin dark {
    border: 1px solid #373a40;
  }
}

.root {
  flex: 1;
}