@categorypicker-prefix: ~'@{prefix}categorypicker';

.h-func-plugin-input(@categorypicker-prefix);

.@{categorypicker-prefix} {
  &-value-single {
    > .@{prefix}icon-close {
      .h-func-input-right-icon();
    }
  }
  &-ul {
    .h-func-list-style();
    min-width: 300px;
    max-width: 500px;
    padding: 15px 10px;
  }
  &-ul {
    .@{categorypicker-prefix}-item {
      padding: 3px 6px;
      display: inline-flex;
      align-items: center;
      margin: 3px 8px;
      border-radius: 2px;
      cursor: pointer;
      &-title {
        display: inline-block;
        vertical-align: 0;
      }
      &:hover {
        background: @hover-background-color;
      }
      .h-checkbox {
        margin-right: 5px;
      }
    }
    .@{categorypicker-prefix}-item-selected {
      background: @primary-color;
      color: #fff;
    }
  }
  &-ul&-single-picker {
    .@{categorypicker-prefix}-item {
      padding: 2px 5px;
    }
  }
  &-tabs > .h-tabs-item {
    margin-left: 20px !important;
  }
}