<commit_before>@import "../../variables";
@import "../../mixins";

.search {
  position: relative;
  height: 48px;
  overflow: visible;
}

.search--active.search--z-indexed {
  z-index: 200;
}

.search__close {
  display: none;
  text-decoration: none;
  padding: 16px;

  img {
    position: relative;
    width: 16px;
    height: 16px;
  }
}

.search-wrapper {
  /* fallback */
  background-color: #fefefd;
  border: 1px solid rgba(0,0,0,.08);
  border-bottom: 0;

  /* theme */
  @supports (--foo: bar) {
    background-color: var(--theme-color-bg-search, #fefefd);
    border: var(--theme-search-border, 1px solid rgba(0,0,0,.08));
    border-bottom: var(--theme-search-border-bottom, 0);
  }

  border-radius: 2px;
  transition: box-shadow .2s ease-in-out;
}

.search--active {
  .search-wrapper {
    box-shadow: $shadow-elevation4;
    background-color: #fefefd;
    border: 1px solid rgba(0,0,0,.08);
    border-bottom: 0;
  }
}

.search__input--wrapper {
  display: flex;
  border-bottom: solid 1px rgba(0, 0, 0, 0.08);
}

.search__icon {
  background-image: url(../img/search-sprite.svg);
  background-position: 10px -32px;
  background-size: 28px;
  background-repeat: no-repeat;
  width: 48px;
  flex-shrink: 0;

  /* fallback */
  filter: none;
<commit_msg>SRFCMSAL-2000 - Bring search bacl<commit_after>@import "../../variables";
@import "../../mixins";

.search {
  position: relative;
  height: 48px;
  overflow: visible;
}

.search--active.search--z-indexed {
  z-index: 200;
}

.search__close {
  display: none;
  text-decoration: none;
  padding: 16px;

  img {
    position: relative;
    width: 16px;
    height: 16px;
  }
}

.search-wrapper {
  /* fallback */
  background-color: #fefefd;
  border: 1px solid rgba(0,0,0,.08);
  border-bottom: 0;

  /* theme */
  @supports (--foo: bar) {
    background-color: var(--theme-color-bg-search, #fefefd);
    border: var(--theme-search-border, 1px solid rgba(0,0,0,.08));
    border-bottom: var(--theme-search-border-bottom, 0);
  }

  border-radius: 2px;
  transition: box-shadow .2s ease-in-out;
}

.search--active {
  position: relative;
  z-index: 1;

  .search-wrapper {
    box-shadow: $shadow-elevation4;
    background-color: #fefefd;
    border: 1px solid rgba(0,0,0,.08);
    border-bottom: 0;
  }
}

.search__input--wrapper {
  display: flex;
  border-bottom: solid 1px rgba(0, 0, 0, 0.08);
}

.search__icon {
  background-image: url(../img/search-sprite.svg);
  background-position: 10px -32px;
  background-size: 28px;
  background-repeat: no-repeat;
  width: 48px;
  flex-shrink: 0;

  /* fallback */
  filter: none;

{'fraction_non_alphanumeric': 0.1752021563342318, 'fraction_numerical': 0.04120138621486331, 'mean_word_length': 2.9423368740515934, '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': '1453725', 'n_tokens_mistral': 1094, 'n_tokens_neox': 984, 'n_words': 203}