<commit_before>// stylelint-disable declaration-no-important

@keyframes container-rotate {
  to { transform: rotate(360deg); }
}

@keyframes fill-unfill-rotate {
  12.5% { transform: rotate(135deg); } // 0.5 * ARCSIZE
  25%   { transform: rotate(270deg); } // 1   * ARCSIZE
  37.5% { transform: rotate(405deg); } // 1.5 * ARCSIZE
  50%   { transform: rotate(540deg); } // 2   * ARCSIZE
  62.5% { transform: rotate(675deg); } // 2.5 * ARCSIZE
  75%   { transform: rotate(810deg); } // 3   * ARCSIZE
  87.5% { transform: rotate(945deg); } // 3.5 * ARCSIZE
  to    { transform: rotate(1080deg); } // 4   * ARCSIZE
}

@keyframes left-spin {
  from { transform: rotate(130deg); }
  50% { transform: rotate(-5deg); }
  to { transform: rotate(130deg); }
}

@keyframes right-spin {
  from { transform: rotate(-130deg); }
  50% { transform: rotate(5deg); }
  to { transform: rotate(-130deg); }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
  border-color: #4285f4;

  .circle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
  }

  // Patch the gap that appear between the two adjacent div.circle-clipper while the
  // spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
  .gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;

    .circle {
      width: 1000%;
      left: -450%;
    }
  }

  .circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;

    &.left .circle {
      border-right-color: transparent !important;
      transform: rotate(129deg);
      animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }

    &.right .circle {
      left: -100%;
      border-left-color: transparent !important;
      transform: rotate(-129deg);
      animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }

    .circle {
      width: 200%;
    }<commit_msg>_spinner.scss: remove unneeded `!important` (#342)<commit_after>@keyframes container-rotate {
  to { transform: rotate(360deg); }
}

@keyframes fill-unfill-rotate {
  12.5% { transform: rotate(135deg); } // 0.5 * ARCSIZE
  25%   { transform: rotate(270deg); } // 1   * ARCSIZE
  37.5% { transform: rotate(405deg); } // 1.5 * ARCSIZE
  50%   { transform: rotate(540deg); } // 2   * ARCSIZE
  62.5% { transform: rotate(675deg); } // 2.5 * ARCSIZE
  75%   { transform: rotate(810deg); } // 3   * ARCSIZE
  87.5% { transform: rotate(945deg); } // 3.5 * ARCSIZE
  to    { transform: rotate(1080deg); } // 4   * ARCSIZE
}

@keyframes left-spin {
  from { transform: rotate(130deg); }
  50% { transform: rotate(-5deg); }
  to { transform: rotate(130deg); }
}

@keyframes right-spin {
  from { transform: rotate(-130deg); }
  50% { transform: rotate(5deg); }
  to { transform: rotate(-130deg); }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
  border-color: #4285f4;

  .circle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent;
    border-radius: 50%;
  }

  // Patch the gap that appear between the two adjacent div.circle-clipper while the
  // spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
  .gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;

    .circle {
      width: 1000%;
      left: -450%;
    }
  }

  .circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;

    &.left .circle {
      border-right-color: transparent;
      transform: rotate(129deg);
      animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }

    &.right .circle {
      left: -100%;
      border-left-color: transparent;
      transform: rotate(-129deg);
      animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }

    .circle {
      width: 200%;
    }
{'fraction_non_alphanumeric': 0.14945596386778895, 'fraction_numerical': 0.06507903921166085, 'mean_word_length': 2.4750356633380886, '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': '6697530', 'n_tokens_mistral': 2016, 'n_tokens_neox': 1734, 'n_words': 440}