.matching {
  &__widget.is-disabled &-item__select-icon {
    color: @disabled-inverted;
  }

  // Error highlight
  // --------------------------------------------------
  &__widget:not(.is-complete) &-item__select-container.has-error .dropdown__btn {
    box-shadow: 0 0 0 1px @validation-error inset;
  }
}

.matching-item {
  margin-bottom: @item-margin / 2;

  &__title {
    padding: @item-padding;
  }

  &__select-container {
    position: relative;
  }

  &__select-state {
    position: absolute;
    top: 50%;
    right: @item-padding;
    .transform(translateY(-50%));

    .dir-rtl & {
      right: inherit;
      left: @item-padding;
    }
  }
}
