<commit_before>@import "../lib.less";
@import (reference) "../dropdown.less";

.veui-searchbox {
  display: inline-block;
  position: relative;
  color: @veui-text-color-weak;
  width: 210px;
  background-color: #fff;

  .veui-input {
    width: 100%;
    vertical-align: top;
    background-color: transparent;
    overflow: visible;
  }

  &-action {
    color: @veui-text-color-normal;
    white-space: nowrap;
    margin: -1px -1px -1px 0;

    &-icon {
      outline: none;
      border: none;
      margin-right: 10px;
      padding: 0;
      width: auto;
      height: auto;
      line-height: 1;
      background-color: transparent;
      .veui-button-transition();

      .veui-icon {
        vertical-align: middle;
      }

      &.focus-visible {
        .veui-focus-shadow();
      }
    }

    &-button.veui-button {
      vertical-align: top;
      display: none;
      outline: none;
    }
  }

  &.veui-disabled,
  &.veui-readonly {
    background-color: @veui-gray-color-8;
    border-color: @veui-gray-color-5;
    color: @veui-text-color-aux;<commit_msg>fix: vertical aligning search icon for searchbox better<commit_after>@import "../lib.less";
@import (reference) "../dropdown.less";

.veui-searchbox {
  display: inline-block;
  position: relative;
  color: @veui-text-color-weak;
  width: 210px;
  background-color: #fff;

  .veui-input {
    width: 100%;
    vertical-align: top;
    background-color: transparent;
    overflow: visible;
  }

  &-action {
    color: @veui-text-color-normal;
    white-space: nowrap;
    margin: -1px -1px -1px 0;

    &-icon {
      @half-height: @veui-height-normal / 2;
      outline: none;
      border: none;
      margin-top: ~"calc(@{half-height} - .5em)";
      margin-right: 10px;
      padding: 0;
      width: auto;
      height: auto;
      line-height: 1;
      vertical-align: top;
      background-color: transparent;
      .veui-button-transition();

      [ui~="large"] & {
        @half-height: @veui-height-large / 2;
        margin-top: ~"calc(@{half-height} - .5em)";
      }

      [ui~="small"] & {
        @half-height: @veui-height-small / 2;
        margin-top: ~"calc(@{half-height} - .5em)";
      }

      .veui-icon {
        vertical-align: top;
      }

      &.focus-visible {
        .veui-focus-shadow();
      }
    }

    &-button.veui-button {
      vertical-align: top;
      display: none;
      outline: none;
    }
  }

  &.veui-disabled,
  &.veui-readonly {
    background-color: @veui-gray-color-8;
    border-color: @veui-gray-color-5;
    color: @veui-text-color-aux;
{'fraction_non_alphanumeric': 0.1602489303772851, 'fraction_numerical': 0.014780241151302996, 'mean_word_length': 2.0876350540216086, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2973635', 'n_tokens_mistral': 954, 'n_tokens_neox': 909, 'n_words': 174}