<commit_before>.search-wrapper {
  $search-height: 35px;
  $search-input-left-label-width: 35px;
  $search-button-width: 36px;
  $search-glyph-image: url('chrome://browser/skin/search-glass.svg');
  $glyph-forward: url('chrome://browser/skin/forward.svg');
  $search-glyph-size: 16px;
  // This is positioned so it is visually (not metrically) centered. r=abenson
  $search-glyph-left-position: 12px;

  cursor: default;
  display: flex;
  height: $search-height;
  margin-bottom: $section-spacing;
  position: relative;
  width: 100%;

  input {
    background: var(--newtab-textbox-background-color);
    border: solid 1px var(--newtab-search-border-color);
    box-shadow: $shadow-secondary, 0 0 0 1px $black-15;
    font-size: 15px;
    padding: 0;
    padding-inline-end: $search-button-width;
    padding-inline-start: $search-input-left-label-width;
    width: 100%;
  }

  &:hover input {
    box-shadow: $shadow-secondary, 0 0 0 1px $black-25;
  }

  &:active input,
  input:focus {
    border: $input-border-active;
    box-shadow: var(--newtab-textbox-focus-boxshadow);
  }

  .search-label {
    background: $search-glyph-image no-repeat $search-glyph-left-position center / $search-glyph-size;
    -moz-context-properties: fill;
    fill: var(--newtab-search-icon-color);
    height: 100%;
    offset-inline-start: 0;
    position: absolute;
    width: $search-input-left-label-width;
  }

  .search-button {
    background: $glyph-forward no-repeat center center;
    background-size: 16px 16px;
    border: 0;
    border-radius: 0 $border-radius $border-radius 0;
    -moz-context-properties: fill;
    fill: var(--newtab-search-icon-color);
    height: 100%;
    offset-inline-end: 0;
    position: absolute;
    width: $search-button-width;

    &:focus,
    &:hover {
      background-color: $grey-90-10;
      cursor: pointer;
    }

    &:active {
      background-color: $grey-90-20;
    }

    &:dir(rtl) {
      transform: scaleX(-1);
    }
  }
}
<commit_msg>feat(search): Use engine's icon --newtab-search-icon set by contentSearchUI (#4097)<commit_after>.search-wrapper {
  $search-height: 35px;
  $search-icon-size: 18px;
  $search-icon-padding: 8px;
  $search-icon-width: 2 * $search-icon-padding + $search-icon-size;
  $search-input-left-label-width: 35px;
  $search-button-width: 36px;
  $glyph-forward: url('chrome://browser/skin/forward.svg');

  cursor: default;
  display: flex;
  height: $search-height;
  margin-bottom: $section-spacing;
  position: relative;
  width: 100%;

  input {
    background: var(--newtab-textbox-background-color) var(--newtab-search-icon) $search-icon-padding center / $search-icon-size no-repeat;
    border: solid 1px var(--newtab-search-border-color);
    box-shadow: $shadow-secondary, 0 0 0 1px $black-15;
    font-size: 15px;
    -moz-context-properties: fill;
    fill: var(--newtab-search-icon-color);
    padding: 0;
    padding-inline-end: $search-button-width;
    padding-inline-start: $search-icon-width;
    width: 100%;

    &:dir(rtl) {
      background-position-x: right $search-icon-padding;
    }
  }

  &:hover input {
    box-shadow: $shadow-secondary, 0 0 0 1px $black-25;
  }

  &:active input,
  input:focus {
    border: $input-border-active;
    box-shadow: var(--newtab-textbox-focus-boxshadow);
  }

  .search-button {
    background: $glyph-forward no-repeat center center;
    background-size: 16px 16px;
    border: 0;
    border-radius: 0 $border-radius $border-radius 0;
    -moz-context-properties: fill;
    fill: var(--newtab-search-icon-color);
    height: 100%;
    offset-inline-end: 0;
    position: absolute;
    width: $search-button-width;

    &:focus,
    &:hover {
      background-color: $grey-90-10;
      cursor: pointer;
    }

    &:active {
      background-color: $grey-90-20;
    }

    &:dir(rtl) {
      transform: scaleX(-1);
    }
  }
}

{'fraction_non_alphanumeric': 0.1565578019699326, 'fraction_numerical': 0.029030585795749093, 'mean_word_length': 2.945807770961145, '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': '7483922', 'n_tokens_mistral': 1478, 'n_tokens_neox': 1340, 'n_words': 267}