<commit_before>@import '~styles/layout.scss';
@import '~styles/settings.scss';

.wrapper {
  position: relative;
  margin-bottom: 40px;
}

.column {
  @include columns();
}

.buttonGroup {
  width: auto;
  margin-top: 1em;
  min-width: 200px;
  float: right;

  .containerControls & {
    @media #{$tablet-portrait} {
      margin-top: 0;
      width: 100%;
      min-width: 0;
    }
  }
}

.containerControls {
  @media #{$tablet-portrait} {
    @include columns((8,4));
  }

  margin-bottom: 40px;
  margin-top: 20px;

  @include clearFix();
}

.searchBox {
  @media #{$tablet-landscape} {
    @include column-offset(9, $gutters: true);

    margin-top: 20px;
  }
}

.legend {
  position: absolute;
  left: 0;
  bottom: 12%;
  max-width: 100%;

  @media #{$tablet-portrait} {
    max-width:160px;
  }

  @media #{$tablet-landscape} {
    bottom: -3em;
  }
  [class*=__buckets__]:nth-child(5) {
    [class*=__bucketIcon__] {
      background:repeating-linear-gradient(
        -45deg,
        #aaa,
        #aaa 2px,
        #ddd 2px,
        #ddd 4px
      ) !important;
    }
  }
}

:global .__react_component_tooltip {
  max-width: 250px;
  white-space:pre-line;
}

.loader {
  min-height: 500px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
}

.containerUpper,
.containerCharts,
.containerMap {
  position: relative;
}

.containerMap {
  @media #{$tablet-landscape} {
    padding-left: calc(#{$gutter-padding} / 2);
  }

  padding-top: calc(#{$gutter-padding} / 2);
  [class*=map-styles__wrapper] {
    &,&[class*=__notDraggable] {
      cursor:default;
    }
  }
}

.containerUpper {
  @media #{$tablet-landscape} {
    @include columns((4,8));
  }
}

.containerCharts {
  box-shadow: 0 20px 20px -20px $chart-fill-gray;

  > div {
    @include columns(100%);
  }

  @media #{$tablet-portrait} {
    > div {
      @include columns(33.333%);
    }
  }

  @media #{$tablet-landscape} {
    box-shadow: 20px 0 20px -20px $chart-fill-gray;

    &,
    > div {
      height: 100%;
    }

    > div {
      @include columns(100%);
    }

  }
}

.circularChartContainer {
  position: relative;
  margin: -10% 0;
  flex: 1;
  height: 200px;
  overflow: visible;
  display: flex;
  flex-direction: row;
  font-size: 0.8em;

  > div {
    position: relative;
    &:first-child {
      max-width:50%;
    }
  }

  @media #{$tablet-portrait} {
    font-size: 1em;
    padding-right: calc(#{$gutter-padding} / 2);
    margin: -60px 0 6.8em;
    flex-direction:column;
    > div {
      &:first-child {
        max-width:100%;
      }
    }
  }

  @media #{$tablet-landscape} {
    margin: -5% $card-content-margin 0;
    &:first-child {
      margin-top:0;
    }
  }

  @media #{$desktop} {
    flex-direction:row;
    margin-bottom:-5%;
    > div {
      &:first-child {
        max-width:50%;
      }
    }
  }

  [class*=circularChartWrapper] {
    position: static;
    margin: 0 auto;
  }

  svg {<commit_msg>Spacing/layout tweak for factoids<commit_after>@import '~styles/layout.scss';
@import '~styles/settings.scss';

.wrapper {
  position: relative;
}

.column {
  @include columns();
}

.buttonGroup {
  width: auto;
  margin-top: 1em;
  min-width: 200px;
  float: right;

  .containerControls & {
    @media #{$tablet-portrait} {
      margin-top: 0;
      width: 100%;
      min-width: 0;
    }
  }
}

.containerControls {
  @media #{$tablet-portrait} {
    @include columns((8,4));
  }

  margin-bottom: 40px;
  margin-top: 20px;

  @include clearFix();
}

.searchBox {
  @media #{$tablet-landscape} {
    @include column-offset(9, $gutters: true);

    margin-top: 20px;
  }
}

.legend {
  position: absolute;
  left: 0;
  bottom: 12%;
  max-width: 100%;

  @media #{$tablet-portrait} {
    max-width:160px;
  }

  @media #{$tablet-landscape} {
    bottom: 0;
  }
  [class*=__buckets__]:nth-child(5) {
    [class*=__bucketIcon__] {
      background:repeating-linear-gradient(
        -45deg,
        #aaa,
        #aaa 2px,
        #ddd 2px,
        #ddd 4px
      ) !important;
    }
  }
}

:global .__react_component_tooltip {
  max-width: 250px;
  white-space:pre-line;
}

.loader {
  min-height: 500px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
}

.containerUpper,
.containerCharts,
.containerMap {
  position: relative;
}

.containerMap {
  @media #{$tablet-landscape} {
    padding-left: calc(#{$gutter-padding} / 2);
  }

  padding-top: calc(#{$gutter-padding} / 2);
  [class*=map-styles__wrapper] {
    &,&[class*=__notDraggable] {
      cursor:default;
    }
  }
}

.containerUpper {
  @media #{$tablet-landscape} {
    @include columns((4,8));
  }
}

.containerCharts {
  box-shadow: 0 20px 20px -20px $chart-fill-gray;

  > div {
    @include columns(100%);
  }

  @media #{$tablet-portrait} {
    > div {
      @include columns(33.333%);
    }
  }

  @media #{$tablet-landscape} {
    box-shadow: 20px 0 20px -20px $chart-fill-gray;

    &,
    > div {
      height: 100%;
    }

    > div {
      @include columns(100%);
    }

  }
}

.circularChartContainer {
  position: relative;
  margin: -10% 0;
  flex: 1;
  height: 200px;
  overflow: visible;
  display: flex;
  flex-direction: row;
  font-size: 0.8em;

  > div {
    position: relative;
    &:first-child {
      max-width:50%;
    }
  }

  @media #{$tablet-portrait} {
    font-size: 1em;
    padding-right: calc(#{$gutter-padding} / 2);
    margin: -60px 0 6.8em;
    flex-direction:column;
    &:last-child {
      margin-bottom:10%;
    }
    > div {
      &:first-child {
        max-width:100%;
      }
    }
  }

  @media #{$tablet-landscape} {
    margin: -5% $card-content-margin 0;
    &:last-child {
      margin-bottom:-5%;
    }
  }

  @media #{$desktop} {
    flex-direction:row;
    margin-bottom:-10%;
    > div {
      &:first-child {
        max-width:50%;
      }
    }
  }

  [class*=circularChartWrapper] {
    position: static;
    margin: 0 auto;
  }

  svg {
{'fraction_non_alphanumeric': 0.1686746987951807, 'fraction_numerical': 0.03614457831325301, 'mean_word_length': 2.3641552511415527, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 17, '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': '3025450', 'n_tokens_mistral': 2524, 'n_tokens_neox': 2285, 'n_words': 413}