@import "../lib.less";
@import (reference) "../dropdown.less";
@import "../variables/components/input.less";

.@{veui-prefix}-autocomplete {
    display: inline-flex;
    border-radius: @veui-input-border-radius-m;
  
    &[ui~="s"] {
      border-radius: @veui-input-border-radius-s;
    }
  
    &[ui~="xs"] {
      border-radius: @veui-input-border-radius-xs;
    }
  
    &[ui~="l"] {
      border-radius: @veui-input-border-radius-l;
    }
  
    .@{veui-prefix}-input {
      border-radius: inherit;
      width: auto;
      flex-grow: 1;
    }
  
    &-suggestion-group {
      &:extend(._veui-dropdown-overlay all);
    }

    &-suggestions {
      .veui-search-result-item-matched {
        color: @veui-color-brand-6;
        background-color: transparent;
      }
    }
}