<commit_before>// Dashboard filters
// --------------------------------------------------

@import "../new_variables/mixins";
@import "../new_variables/colors";
@import "../new_variables/sizes";


.Filters {
  display:block;
  width:100%;
}
.Filters > .u-inner {
  position:relative;
  display:block;
  height:81px;
  padding: 0;
  overflow:hidden;
}
.Filters-inner {
  display:block;
  padding: 0;
  @include transition(margin,150ms);
}
.Filters-separator {
  position:absolute;
  left:0;
  top:80px;
  width:100%;
  height:1px;
  background-color:$cStructure-softLine;
  z-index:0;
}
.Filters-row {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
  height:80px;
}
.Filters-list {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
}
.Filters-typeItem {
  position:relative;
  height:80px;
  margin:0 10px;

  &:first-child { margin-left:0 }
}

.Filters-searchLink {
  margin-right: 15px;
  padding-right: 2px;
  font-size: 14px;
  line-height: 80px;
  color: $cTypography-help;

  &:after {
    content: '|';
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -10px;
    line-height: normal;
    font-weight: $sFontWeight-lighter;
    color: $cStructure-softLine;
  }
}
.Filters-searchLinkIcon {
  @include inline-block();
  vertical-align: middle;
  margin-right:5px;
  
}
.Filters-searchLink:hover { color: #333 }
.Filters-searchItem {
  display:none;
  margin-right:0;
  &:after { content:'' }
}
.Filters-searchForm {
  position:relative;
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
  height:80px;
  width:827px;
}
.Filters-searchInput {
  width:790px;
  padding-left:5px;
  outline:none;
  border:none;
  background:none;
  font-size: $sFontSize-large;
}
.Filters-cleanSearch {
  position:absolute;
  top:23px;
  right:0;
  width:28px;
  height:28px;
  border-radius: 30px;
  border:1px solid #CCC;
  color:#CCC;
  text-align: center;
  line-height:32px;
  
  &:hover {
    border:1px solid #999;
    color:#999;
  }
}
// We can't group this style :(
.Filters-searchInput::-webkit-input-placeholder {
  font-style:italic;
  color:#DDD;
}
.Filters-searchInput::-moz-placeholder {
  font-style:italic;
  color:#DDD;
}
.Filters-searchInput:-ms-placeholder {
  font-style:italic;
  color:#DDD;
}
.Filters-typeLink {
  line-height: 80px;
  font-size: 14px;

  &:hover {
    color:$cTypography-linkSelected;
    text-decoration: none;
  }
}
.Filters-typeLink.is-selected {
  color:$cTypography-linkSelected;

  &:before {
    content:'';
    position:absolute;
    bottom:-1px;
    left:0;
    right:0;
    width:100%;
    height:1px;
    background:$cTypography-linkSelected;
  } 
  &:hover {
    cursor:default;
    text-decoration: none;
  }
}
.Filters-order {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
}
.Filters-orderList {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
}
.Filters-orderItem {
  @include inline-block();
  margin-right: 24px;
  color: $cTypography-secondary;
  line-height: normal;
}
.Filters-orderLink {
  @include inline-block();
  font-size: 19px;
  color: #CCCCCC;
  line-height:19px;
  &:hover { color: #666 }
}
.Filters-orderLink.is-selected {
  color:#666666;
  &:hover { cursor: default }
}
.Filters-orderLink--graph { line-height: 26px }
.Filters-orderLink--size {
  font-size: 17px;
  line-height: 17px;
}

.Filters-selectedItems {
  font-size:15px;
  font-weight:300;
  color:$cTypography-secondary;
}
.Filters-actionsList {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
}
.Filters-actionsLink {
  font-size:13px;
  padding-left:25px;
}
.Filters-actionsLink.is--critical {
  color:#FF6C6C;
}

// Filters states
.Filters-inner.items--selected {
  margin-top:-81px;
}
.Filters-inner.search--enabled {

  .Filters-typeItem,
  .Filters-orderItem,<commit_msg>filters styles changed<commit_after>// Dashboard filters
// --------------------------------------------------

@import "../new_variables/mixins";
@import "../new_variables/colors";
@import "../new_variables/sizes";


.Filters {
  display:block;
  width:100%;
}
.Filters > .u-inner {
  position:relative;
  display:block;
  height:81px;
  padding: 0;
  overflow:hidden;
}
.Filters-inner {
  display:block;
  padding: 0;
  @include transition(margin,150ms);
}
.Filters-separator {
  position:absolute;
  left:0;
  top:80px;
  width:100%;
  height:1px;
  background-color:$cStructure-softLine;
  z-index:0;
}
.Filters-row {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
  height:80px;
}
.Filters-list {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
}
.Filters-typeItem {
  position:relative;
  height:80px;
  margin:0 10px;

  &:first-child { margin-left:0 }
}

.Filters-searchLink {
  margin-right: 15px;
  padding-right: 2px;
  font-size: 14px;
  line-height: 80px;
  color: $cTypography-help;

  &:after {
    content: '|';
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -10px;
    line-height: normal;
    font-weight: $sFontWeight-lighter;
    color: $cStructure-softLine;
  }
}
.Filters-searchLinkIcon {
  @include inline-block();
  vertical-align: middle;
  margin-right:5px;
  
}
.Filters-searchLink:hover { color: #333 }
.Filters-searchItem {
  display:none;
  margin-right:0;
  &:after { content:'' }
}
.Filters-searchForm {
  position:relative;
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
  height:80px;
  width:827px;
}
.Filters-searchInput {
  width:790px;
  padding-left:5px;
  outline:none;
  border:none;
  background:none;
  font-size: $sFontSize-large;
}
.Filters-cleanSearch {
  position:absolute;
  top:23px;
  right:0;
  width:28px;
  height:28px;
  border-radius: 30px;
  border:1px solid #CCC;
  color:#CCC;
  text-align: center;
  line-height:32px;
  
  &:hover {
    border:1px solid #999;
    color:#999;
  }
}
// We can't group this style :(
.Filters-searchInput::-webkit-input-placeholder {
  font-style:italic;
  color:#DDD;
}
.Filters-searchInput::-moz-placeholder {
  font-style:italic;
  color:#DDD;
}
.Filters-searchInput:-ms-placeholder {
  font-style:italic;
  color:#DDD;
}
.Filters-typeLink {
  line-height: 80px;
  font-size: 14px;

  &:hover {
    color:$cTypography-linkSelected;
    text-decoration: none;
  }
}
.Filters-typeLink.is-selected {
  color:$cTypography-linkSelected;

  &:before {
    content:'';
    position:absolute;
    bottom:-1px;
    left:0;
    right:0;
    width:100%;
    height:1px;
    background:$cTypography-linkSelected;
  } 
  &:hover {
    cursor:default;
    text-decoration: none;
  }
}
.Filters-order {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
}
.Filters-orderList {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
}
.Filters-orderItem {
  @include inline-block();
  margin-right: 24px;
  color: $cTypography-secondary;
  line-height: normal;
}
.Filters-orderLink {
  @include inline-block();
  font-size: 19px;
  color: #CCCCCC;
  line-height:19px;
  &:hover { color: #666 }
}
.Filters-orderLink.is-selected {
  color:#666666;
  &:hover { cursor: default }
}
.Filters-orderLink--graph { line-height: 26px }
.Filters-orderLink--size {
  font-size: 17px;
  line-height: 17px;
}

.Filters-selectedItems {
  font-size:15px;
  font-weight:300;
  color:$cTypography-secondary;
}
.Filters-actionsList {
  @include display-flex();
  @include justify-content(space-between, justify);
  @include align-items(center, center);
}
.Filters-actionsText { color: $cTypography-help }
.Filters-actionsLink {
  font-size:13px;
  padding-left:25px;
}
.Filters-actionsLink.is--critical {
  color:#FF6C6C;
}

// Filters states
.Filters-inner.items--selected {
  margin-top:-81px;
}
.Filters-inner.search--enabled {

  .Filters-typeItem,
  .Filters-orderItem,
{'fraction_non_alphanumeric': 0.16788496105452366, 'fraction_numerical': 0.027801078490113842, 'mean_word_length': 3.5531914893617023, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '975029', 'n_tokens_mistral': 3201, 'n_tokens_neox': 3075, 'n_words': 514}