<commit_before>$size: 50px;
$spin-duration: 1s;

$orange: #FF7500;
$off-orange: #FFE3CC;

$white: #FFFFFF;
$off-white: rgba($white, 0.7);

$grey: #949494;
$off-grey: #D2D2D2;

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.sc-spinner-loading {
  border-radius: 50%;
  width: $size;
  height: $size;
  animation: spin $spin-duration infinite linear;
  border: 6px solid $off-white;
  border-top-color: $white;

  &.orange {
    border-color: $off-orange;
    border-top-color: $orange;
  }

  &.grey {
    border-color: $off-grey;
    border-top-color: $grey;
  }
}

.sc-spinner-value-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: $white;

  .sc-spinner-value {
    position: absolute;
  }

  .orange ~ .sc-spinner-value {
    color: $orange;
  }

  .grey ~ .sc-spinner-value {
    color: $grey;
  }
}<commit_msg>fixed spinner value position in safari<commit_after>$size: 50px;
$spin-duration: 1s;

$orange: #FF7500;
$off-orange: #FFE3CC;

$white: #FFFFFF;
$off-white: rgba($white, 0.7);

$grey: #949494;
$off-grey: #D2D2D2;

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.sc-spinner-loading {
  border-radius: 50%;
  width: $size;
  height: $size;
  animation: spin $spin-duration infinite linear;
  border: 6px solid $off-white;
  border-top-color: $white;

  &.orange {
    border-color: $off-orange;
    border-top-color: $orange;
  }

  &.grey {
    border-color: $off-grey;
    border-top-color: $grey;
  }
}

.sc-spinner-value-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: $white;
  position: relative;

  .sc-spinner-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    transform: translateY(32%)
  }

  .orange ~ .sc-spinner-value {
    color: $orange;
  }

  .grey ~ .sc-spinner-value {
    color: $grey;
  }
}
{'fraction_non_alphanumeric': 0.16902119071644803, 'fraction_numerical': 0.035317860746720484, 'mean_word_length': 2.9267326732673267, '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': '6192354', 'n_tokens_mistral': 890, 'n_tokens_neox': 799, 'n_words': 165}