// TODO: .form-group dropped in bootstrap v5
// https://redmine.weseek.co.jp/issues/129103
// override react-bootstrap-typeahead styles
// see: https://github.com/ericgio/react-bootstrap-typeahead
.form-group:not(.has-error) {
  .rbt-input.form-control {
    // focus
    &.focus {
      border-color: inherit;
    }
  }
}

// TODO: check padding when upgrade react-bootstrap-typeahead v6
// .close to .btn-close in bootstrap v5
// https://redmine.weseek.co.jp/issues/129103
.rbt-input-wrapper {
  .close.rbt-close {
    // default bootstrap .close has padding 0
    padding: 3px 7px;
  }
}

// hide loading icon
.rbt-aux {
  display: none;
}

// TODO: .input-group-prepend dropped in bootstrap v5
// https://redmine.weseek.co.jp/issues/129103
// seamless border for .input-group-prepend
.input-group-prepend + div {
  .rbt .rbt-input-main {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}