<commit_before>@mixin form() {

  // ┌───────┐
  // │ Forms │
  // └───────┘
  //  ↳ http://esri.github.io/calcite-web/components/#form-overview
  //  ↳ components → _form-overview.md
  form {
    margin: 0;
    padding: 0;
  }

  fieldset {
    margin: 0 0 $baseline 0;
    padding: 0;
    border: none;
    display: block;
  }

  label {
    position: relative;
    display: block;
    margin: 0 0 $baseline 0;
  }

  legend {
    position: relative;
    display: block;
    margin-bottom: .25rem;
  }

  input, select, textarea {
    position: relative;
    display: block;
    height: 2.25rem;
    width: 100%;
    max-width: 100%;
    margin: .25rem 0 0 0;
    padding: 0 $baseline / 5;
    @include box-sizing(border-box);
    font-family: $avenir-family;
    font-size: modular-scale(-1);
    line-height: 1.25rem;
    color: $off-black;
    vertical-align: baseline;
    outline: none;
    outline-offset: 0;
    background-color: $white;
    border: 1px solid $light-gray;
    border-radius: 0;
    @include transition(border-color 150ms linear);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    &:disabled {
      opacity: .3;
      cursor: default;
    }
    &:focus {
      border-color: $blue;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);
    }
  }

  input {
    -webkit-appearance: none;
  }

  textarea {
    height: auto;
    padding-top: $baseline / 5;
  }

  // Set placeholder text to minimum 4.5/1 contrast (#703)
  :placeholder                   { color: #767676;  }
  :input-placeholder             { color: #767676;  }
  ::-webkit-input-placeholder    { color: #767676;  }
  ::-moz-placeholder             { color: #767676;  }
  :-ms-input-placeholder         { color: #767676;  }

  // ┌─────────────┐
  // │ Text Inputs │
  // └─────────────┘
  //  ↳ http://esri.github.io/calcite-web/components/#text-inputs
  //  ↳ components → _text-inputs.md
  .input-search {
    background-image: url('data:image/svg+xml;base64,<KEY>');
    background-size: 1em;
    background-position: .25em center;
    background-repeat: no-repeat;
    padding-left: 1.75em;
  }

  .input-minimal {
    @include font-size(0);
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom-color: $lighter-gray;
    box-shadow: none;
  }

  .input-minimal:focus {
    border-bottom-color: #999;
    box-shadow: none;
  }

  // ┌─────────────────┐
  // │ Form Validation │
  // └─────────────────┘
  //  ↳ http://esri.github.io/calcite-web/components/#form-validation
  //  ↳ components → _form-validation.md
  .input-error {
    border-color: $Calcite_Red_200;
    padding-right: 24px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZ<KEY>ZWlnaHQ<KEY>IHZpZXdCb3g9IjAgMCAxNiAxNiIgeD0iMiIgeT0iMCI+PHBhdGggZmlsbD0iI2M4NmE0YSIgZD0iTTExLjIyNSwwSDQuNjQ4TDAsNC42NXY2LjU3Nmw0LjY0OCw0LjY0OWg2LjU3Nmw0LjY1LTQuNjQ5VjQuNjVMMTEuMjI1LDB6IE05LjA3MSwxMy42MDdINi44MDR2LTIuMjY5aDIuMjY4VjEzLjYwN3ogTTkuMDcxLDkuMDcxSDYuODA0VjMuNDAyaDIuMjY4VjkuMDcxeiIvPjwvc3ZnPg==');
    background-position: right center;
    background-repeat: no-repeat;
    &:focus {
      border-color: $Calcite_Red_200;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(200, 106, 75, 0.5);
    }
  }

  .input-success {
    padding-right: 24px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiPjxwb2x5Z29uIGZpbGw9IiM1QTkzNTkiIHBvaW50cz0iOC4xODgsMTEuMDgyIDQuMDU5LDYuOTUyIDIuMjU4LDguNzUyIDguMTg4LDE0LjY4MyAxOS43NTQsMy4xMTkgMTcuOTU0LDEuMzE3ICIvPjwvc3ZnPg==');
    background-position: right center;<commit_msg>make input-search and input-minimal extendable classes<commit_after>%input-search {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzZENkU3MSI+ICAgIDxwYXRoIGQ9Ik0zMS42MDcgMjcuODM4bC02LjEzMy02LjEzN2ExLjMzNiAxLjMzNiAwIDAgMC0xLjg4NyAwbC0uMDM1LjAzNS0yLjUzMy0yLjUzMy0uMDE0LjAxNGMzLjY1Mi00LjU1NiAzLjQyMi0xMS4xOTUtLjgwMy0xNS40Mi00LjUyOS00LjUyNy0xMS44NzUtNC41MzEtMTYuNDA0IDAtNC41MzEgNC41MzEtNC41MjkgMTEuODc1IDAgMTYuNDA2IDQuMjA1IDQuMjA0IDEwLjgxMSA0LjQ1NSAxNS4zNjUuODQ4bC4wMDQuMDAzLS4wMzMuMDMzIDIuNTQxIDIuNTRhMS4zMyAxLjMzIDAgMCAwIC4wMjUgMS44NDhsNi4xMzUgNi4xMzNhMS4zMyAxLjMzIDAgMCAwIDEuODg3IDBsMS44ODUtMS44ODNhMS4zMzIgMS4zMzIgMCAwIDAgMC0xLjg4N3pNMTcuODExIDE3LjgwOWE4LjIxMyA4LjIxMyAwIDAgMS0xMS42MTkgMCA4LjIxNyA4LjIxNyAwIDAgMSAwLTExLjYyMiA4LjIxOSA4LjIxOSAwIDAgMSAxMS42MTkuMDA0IDguMjE2IDguMjE2IDAgMCAxIDAgMTEuNjE4eiIvPjwvc3ZnPg==');
  background-size: .875em;
  background-position: .25em center;
  background-repeat: no-repeat;
  padding-left: 1.5em;
}

@mixin input-search {
  @extend %input-search;
}

@mixin input-minimal {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom-color: $lighter-gray;
  box-shadow: none;
  &:focus {
    border-bottom-color: #999;
    box-shadow: none;
  }
}

@mixin form() {

  // ┌───────┐
  // │ Forms │
  // └───────┘
  //  ↳ http://esri.github.io/calcite-web/components/#form-overview
  //  ↳ components → _form-overview.md
  form {
    margin: 0;
    padding: 0;
  }

  fieldset {
    margin: 0 0 $baseline 0;
    padding: 0;
    border: none;
    display: block;
  }

  label {
    position: relative;
    display: block;
    margin: 0 0 $baseline 0;
  }

  legend {
    position: relative;
    display: block;
    margin-bottom: .25rem;
  }

  input, select, textarea {
    position: relative;
    display: block;
    height: 2.25rem;
    width: 100%;
    max-width: 100%;
    margin: .25rem 0 0 0;
    padding: 0 $baseline / 5;
    @include box-sizing(border-box);
    font-family: $avenir-family;
    font-size: modular-scale(-1);
    line-height: 1.25rem;
    color: $off-black;
    vertical-align: baseline;
    outline: none;
    outline-offset: 0;
    background-color: $white;
    border: 1px solid $light-gray;
    border-radius: 0;
    @include transition(border-color 150ms linear);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    &:disabled {
      opacity: .3;
      cursor: default;
    }
    &:focus {
      border-color: $blue;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);
    }
  }

  input {
    -webkit-appearance: none;
  }

  textarea {
    height: auto;
    padding-top: $baseline / 5;
  }

  // Set placeholder text to minimum 4.5/1 contrast (#703)
  :placeholder                   { color: #767676;  }
  :input-placeholder             { color: #767676;  }
  ::-webkit-input-placeholder    { color: #767676;  }
  ::-moz-placeholder             { color: #767676;  }
  :-ms-input-placeholder         { color: #767676;  }

  // ┌─────────────┐
  // │ Text Inputs │
  // └─────────────┘
  //  ↳ http://esri.github.io/calcite-web/components/#text-inputs
  //  ↳ components → _text-inputs.md

  .input-search {
    @include input-search();
  }

  .input-minimal {
    @include input-minimal();
  }

  // ┌─────────────────┐
  // │ Form Validation │
  // └─────────────────┘
  //  ↳ http://esri.github.io/calcite-web/components/#form-validation
  //  ↳ components → _form-validation.md
  .input-error {
    border-color: $Calcite_Red_200;
    padding-right: 24px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyN<KEY>');
    background-position: right center;
    background-repeat: no-repeat;
    &:focus {
      border-color: $Calcite_Red_200;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(200, 106, 75, 0.5);
    }
  }

  .input-success {
    padding-right: 24px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiPjxwb2x5Z29uIGZpbGw9IiM1QTkzNTkiIHBvaW50cz0iOC4xODgsMTEuMDgyIDQuMDU5LDYuOTUyIDIuMjU4LDguNzUyIDguMTg4LDE0LjY4MyAxOS43NTQsMy4xMTkgMTcuOTU0LDEuMzE3ICIvPjwvc3ZnPg==');
    background-position: right center;
{'fraction_non_alphanumeric': 0.13709875030629748, 'fraction_numerical': 0.06910071061014457, 'mean_word_length': 3.421993499458288, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 6}, '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': '3508769', 'n_tokens_mistral': 4084, 'n_tokens_neox': 3584, 'n_words': 523}