<commit_before>// Loading notice styles
// ------------------------------------------

.loading-notice {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  margin: 0 auto;
  width: calc(100% - 275px);
  height: 100%;
  text-align: center;

  .wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    border-radius: 10px;
    background-color: $blue_light3;
    padding: 20px;
    width: 140px;
  }

  &.apploading {
    left: 0;
    width: 100%;
  }

  .loading-text {
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: $navy_drk2;
    font-weight: 300;
  }

  // adapted from @tobiasahlin's spinkit: http://tobiasahlin.com/spinkit/
  .spinner {
    margin: 0 auto 10px;
    width: 60px;
    height: 40px;
    text-align: center;
    font-size: 10px;

    > div {
      display: inline-block;
      -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
      animation: stretchdelay 1.2s infinite ease-in-out;
      margin-left: 3px;
      border-radius: 50px;
      background-color: $green;
      width: 7px;
      height: 100%;

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

    .rect2 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }

    .rect3 {
      -webkit-animation-delay: -1s;
      animation-delay: -1s;
    }

    .rect4 {
      -webkit-animation-delay: -.9s;
      animation-delay: -.9s;
    }

    .rect5 {
      -webkit-animation-delay: -.8s;
      animation-delay: -.8s;
    }
  }
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(.4); }
  20% { -webkit-transform: scaleY(1); }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(.4);
    -webkit-transform: scaleY(.4);
  }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
<commit_msg>Fix #1086 - Loader in the Center<commit_after>// Loading notice styles
// ------------------------------------------

.loading-notice {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  text-align: center;

  .wrapper {
    position: relative;
    top: 50%;
    transform: translateX(-49%) translateY(-51%);
    left: 50%;
    border-radius: 10px;
    background-color: $blue_light3;
    padding: 20px;
    width: 140px;
  }

  &.apploading {
    left: 0;
    width: 100%;
  }

  .loading-text {
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: $navy_drk2;
    font-weight: 300;
  }

  // adapted from @tobiasahlin's spinkit: http://tobiasahlin.com/spinkit/
  .spinner {
    margin: 0 auto 10px;
    width: 60px;
    height: 40px;
    text-align: center;
    font-size: 10px;

    > div {
      display: inline-block;
      -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
      animation: stretchdelay 1.2s infinite ease-in-out;
      margin-left: 3px;
      border-radius: 50px;
      background-color: $green;
      width: 7px;
      height: 100%;

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

    .rect2 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }

    .rect3 {
      -webkit-animation-delay: -1s;
      animation-delay: -1s;
    }

    .rect4 {
      -webkit-animation-delay: -.9s;
      animation-delay: -.9s;
    }

    .rect5 {
      -webkit-animation-delay: -.8s;
      animation-delay: -.8s;
    }
  }
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(.4); }
  20% { -webkit-transform: scaleY(1); }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(.4);
    -webkit-transform: scaleY(.4);
  }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

{'fraction_non_alphanumeric': 0.17242302543507362, 'fraction_numerical': 0.05167336010709505, 'mean_word_length': 2.0153349475383373, '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': '7055082', 'n_tokens_mistral': 1552, 'n_tokens_neox': 1358, 'n_words': 295}