<commit_before>@import '../../../../styles/colors';

.modal-container {

   position:fixed;
   display:table;
   height:100%;
   width:100%;
   top:0;
   left:0;
   transform:scale(0);
   z-index:100;

   &.animate {

    transform:scale(1);
    .modal-background {
      background: rgba(0,0,0,.0);
      position: fixed;
      top: 0;
      left: -25%;
      height: 100vh;
      width: 150%;
      animation: fadeIn .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;

      .modal {
        opacity:0;
        animation: scaleUp .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
      }
    }

    &.out {
      animation: quickScaleDown 0s .5s linear forwards;
      .modal-background {
        animation: fadeOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
        .modal {
           animation: scaleDown .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
        }
      }
    }
  }

  .modal-header {
   height: 10px;
   border-bottom: 0.5px solid rgba(0,0,0,0.5);
   padding-bottom: 35px;
   font-size: 26px;
   color: rgba(0,0,0,0.5);
}
  }
  .modal-background {

    display:table-cell;
    background:rgba(0,0,0,.8);
    text-align:center;
    vertical-align:middle;

    .modal {
      background:white;
      padding:50px;
      display:inline-block;
      border-radius:3px;
      font-weight:300;
      position:relative;
      width: 60%;

      h2 {
        font-size:25px;
        line-height:25px;
        margin-bottom:15px;
      }
      p {
        font-size:18px;
        line-height:22px;<commit_msg>bucket view options lsit<commit_after>@import '../../../../styles/colors';

.modal-container {

   position:fixed;
   display:table;
   height:100%;
   width:100%;
   top:0;
   left:0;
   transform:scale(0);
   z-index:100;

   &.animate {

    transform:scale(1);
    .modal-background {
      background: rgba(0,0,0,.0);
      position: fixed;
      top: 0;
      left: -25%;
      height: 100vh;
      width: 150%;
      animation: fadeIn .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;

      .modal {
        opacity:0;
        animation: scaleUp .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
      }
    }

    &.out {
      animation: quickScaleDown 0s .5s linear forwards;
      .modal-background {
        animation: fadeOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
        .modal {
           animation: scaleDown .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
        }
      }
    }
  }

  .modal-header {
   height: 10px;
   border-bottom: 0.5px solid rgba(0,0,0,0.5);
   padding-bottom: 35px;
   font-size: 26px;
   color: rgba(0,0,0,0.5);
  }
  .modal-background {

    display:table-cell;
    background:rgba(0,0,0,.8);
    text-align:center;
    vertical-align:middle;

    .modal {
      background:white;
      padding:50px;
      display:inline-block;
      border-radius:3px;
      font-weight:300;
      position:relative;
      width: 60%;

      h2 {
        font-size:25px;
        line-height:25px;
        margin-bottom:15px;
      }
      p {
        font-size:18px;
        line-height:22px;
{'fraction_non_alphanumeric': 0.15223688445445768, 'fraction_numerical': 0.08883167042162858, 'mean_word_length': 1.9798657718120805, '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': '2759982', 'n_tokens_mistral': 1338, 'n_tokens_neox': 1135, 'n_words': 208}