<commit_before>.card[data-type="file"] {
  background: url('../images/loading.gif') no-repeat center 48% #FFFFFF;
  background-size: 32px;

  &.is-uploading {
    border: 4px dashed #E0E0E0;

    .card-preview-extension {
      display: none;
    }

    .card-upload-progress {
      display: block;
    }
  }

  &.has-loaded-preview {
    background: #FFFFFF;

    .card-preview {
      display: block;
    }
  }

  &.is-item {
    &.is-featured {
      .card-preview {
        height: (($cardHeight * 2) + $cardGutter) - 38;
      }

      .card-preview-extension {
        padding-top: 168px;
      }
    }
  }

  &.is-detail {
    background: url('../images/loading.gif') no-repeat center center #FFFFFF;
    background-size: 32px;
    min-height: 150px;
    text-align: center;

    &.has-loaded-preview {
      background: #F9F9F9;
      height: 200px;

      &.has-preview {
        height: auto;
        min-height: inherit;
      }

      img.card-preview {
        display: inline;
      }
    }

    img.card-preview {
      display: none;
      height: auto;
      max-width: 100%;
      position: relative;
      width: auto;
    }

    .card-preview {
      background-size: auto auto !important;
    }
  }
}

.card-upload-progress {
  background: #F9F9F9;
  border: 4px solid transparent;
  border-radius: 50%;
  color: #9B9A9B;
  display: none;
  height: 55px;
  left: 50%;
  margin: -35px 0 0 -27.5px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 55px;
  z-index: 10;<commit_msg>Fix preview bg color in detail view.<commit_after>.card[data-type="file"] {
  background: url('../images/loading.gif') no-repeat center 48% #FFFFFF;
  background-size: 32px;

  &.is-uploading {
    border: 4px dashed #E0E0E0;

    .card-preview-extension {
      display: none;
    }

    .card-upload-progress {
      display: block;
    }
  }

  &.has-loaded-preview {
    background: #FFFFFF;

    .card-preview {
      display: block;
    }
  }

  &.is-item {
    &.is-featured {
      .card-preview {
        height: (($cardHeight * 2) + $cardGutter) - 38;
      }

      .card-preview-extension {
        padding-top: 168px;
      }
    }
  }

  &.is-detail {
    background: url('../images/loading.gif') no-repeat center center #FFFFFF;
    background-size: 32px;
    min-height: 150px;
    text-align: center;

    &.has-loaded-preview {
      background: #FFFFFF;
      height: 200px;

      &.has-preview {
        height: auto;
        min-height: inherit;
      }

      img.card-preview {
        display: inline;
      }
    }

    img.card-preview {
      display: none;
      height: auto;
      max-width: 100%;
      position: relative;
      width: auto;
    }

    .card-preview {
      background-size: auto auto !important;
    }
  }
}

.card-upload-progress {
  background: #FFFFFF;
  border: 4px solid transparent;
  border-radius: 50%;
  color: #9B9A9B;
  display: none;
  height: 55px;
  left: 50%;
  margin: -35px 0 0 -27.5px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 55px;
  z-index: 10;
{'fraction_non_alphanumeric': 0.14304418985270048, 'fraction_numerical': 0.03338788870703764, 'mean_word_length': 1.990215264187867, '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': '5082486', 'n_tokens_mistral': 1185, 'n_tokens_neox': 1079, 'n_words': 227}