<commit_before><link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-button/paper-button.html">
<link rel="import" href="search-filters.html">
<link rel="import" href="../scripts/accounting-js.html">

<dom-module id="filters-toolbar">
  <template>
    <style>
      :host {
        display: flex;
        position: relative;
      }
      
      #filters {
        flex: 1;
        border-right: 1px solid #ddd;
      }
      
      #total {
        width: 300px;
        background: var(--default-primary-color);
        color: var(--text-primary-color);
        box-sizing: border-box;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      
      #total .sum {
        font-size: 32px;
        font-weight: 200;
      }
      
      #filters-toggle {
        position: absolute;
        top: 4px;
        right: 16px;
        display: none;
      }
      
      #filters-toggle .count {
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border-radius: 50%;
        background: var(--dark-primary-color);
        color: var(--primary-color);
        font-weight: 600;
      }
      
      #filters-caption {
        display: none;
      }
      
      #buttons {
        display: none;
        justify-content: flex-end;
        margin-right: 16px;
      }
      
      #done-button {
        background: var(--accent-color);
        color: var(--text-primary-color);
      }
      
      @media (max-width: 900px) {
        :host {
          flex-direction: column-reverse;
        }
        #filters-toggle {
          display: flex;
          align-items: center;
        }
        :host([expanded]) #filters-toggle {
          color: #80CBC4;
          /*=primary-color, @media queries don't work with variables*/
        }
        :host([expanded]) #filters-toggle .count {
          color: #fff;
          background: #80CBC4;
          /*=primary-color, @media queries don't work with variables*/
        }
        #total {
          width: 100%;
          flex-direction: row;
          justify-content: flex-start;
          height: 48px;
          padding-left: 16px;
        }
        #total .sum {<commit_msg>changed clear filters button color<commit_after><link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-button/paper-button.html">
<link rel="import" href="search-filters.html">
<link rel="import" href="../scripts/accounting-js.html">

<dom-module id="filters-toolbar">
  <template>
    <style>
      :host {
        display: flex;
        position: relative;
      }
      
      #filters {
        flex: 1;
        border-right: 1px solid #ddd;
      }
      
      #total {
        width: 300px;
        background: var(--default-primary-color);
        color: var(--text-primary-color);
        box-sizing: border-box;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      
      #total .sum {
        font-size: 32px;
        font-weight: 200;
      }
      
      #filters-toggle {
        position: absolute;
        top: 4px;
        right: 16px;
        display: none;
      }
      
      #filters-toggle .count {
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border-radius: 50%;
        background: var(--dark-primary-color);
        color: var(--primary-color);
        font-weight: 600;
      }
      
      #filters-caption {
        display: none;
      }
      
      #buttons {
        display: none;
        justify-content: flex-end;
        margin-right: 16px;
      }
      
      #done-button {
        background: var(--accent-color);
        color: var(--text-primary-color);
      }
      
      #clear-button {
        color: var(--accent-color);
      }
      
      @media (max-width: 900px) {
        :host {
          flex-direction: column-reverse;
        }
        #filters-toggle {
          display: flex;
          align-items: center;
        }
        :host([expanded]) #filters-toggle {
          color: #80CBC4;
          /*=primary-color, @media queries don't work with variables*/
        }
        :host([expanded]) #filters-toggle .count {
          color: #fff;
          background: #80CBC4;
          /*=primary-color, @media queries don't work with variables*/
        }
        #total {
          width: 100%;
          flex-direction: row;
          justify-content: flex-start;
          height: 48px;
          padding-left: 16px;
        }
        #total .sum {
{'fraction_non_alphanumeric': 0.13113747954173485, 'fraction_numerical': 0.020049099836333878, 'mean_word_length': 1.521402784940691, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, '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': '4604970', 'n_tokens_mistral': 1553, 'n_tokens_neox': 1458, 'n_words': 303}