<commit_before>iframe.kloudless-modal
  display block
  box-sizing border-box

  position fixed
  top 50%
  left 50%

  width 700px
  height 515px

  margin-top -250px
  margin-left -350px

  border: 0;
  border-radius 4px
  box-shadow 0 14px 20px rgba(0,0,0,.08)

  transition all 0
  -webkit-transition all 0
  z-index 999

  @media only screen and (max-width : 699px), only screen and (max-device-width : 699px)
    width: 100%
    height: 100%
    position:fixed !important
    margin: 0
    top: 0
    left: 0
    html,body
      overflow: hidden

iframe.kloudless-modal-dropzone
  @extend iframe.kloudless-modal
  position relative
  top 0
  left 0
  margin-top 0
  margin-left 0

.backdrop_div
  position fixed
  margin 0
  top 0
  left 0
  padding 0
  width: 100%
  height: 100%
  display none
  background-color black
  z-index 998
  opacity .6

.kloudless_dropzone_container
  display flex
  align-items center
  justify-content center
  box-sizing border-box
  position relative

  cursor pointer
  
  background-color rgb(245, 246, 247)
  color rgb(71, 71, 71)

  border-style dashed
  border-width 1px
  width 600px
  height 100px

  border-radius 4px
  box-shadow 0 14px 20px rgba(0,0,0,.08)

  @media only screen and (max-width : 699px), only screen and (max-device-width : 699px)
    width: 100% !important
    height: 100% !important
    position:fixed !important
    margin: 0
    top: 0
    left: 0
    html,body
      overflow: hidden

  > span
    position absolute 
    padding 0px 5px<commit_msg>do not expand Dropzone on small screen<commit_after>iframe.kloudless-modal
  display block
  box-sizing border-box

  position fixed
  top 50%
  left 50%

  width 700px
  height 515px

  margin-top -250px
  margin-left -350px

  border: 0;
  border-radius 4px
  box-shadow 0 14px 20px rgba(0,0,0,.08)

  transition all 0
  -webkit-transition all 0
  z-index 999

  @media only screen and (max-width : 699px), only screen and (max-device-width : 699px)
    width: 100%
    height: 100%
    position:fixed !important
    margin: 0
    top: 0
    left: 0
    html,body
      overflow: hidden

iframe.kloudless-modal-dropzone
  @extend iframe.kloudless-modal
  position relative
  top 0
  left 0
  margin-top 0
  margin-left 0

.backdrop_div
  position fixed
  margin 0
  top 0
  left 0
  padding 0
  width: 100%
  height: 100%
  display none
  background-color black
  z-index 998
  opacity .6

.kloudless_dropzone_container
  display flex
  align-items center
  justify-content center
  box-sizing border-box
  position relative

  cursor pointer
  
  background-color rgb(245, 246, 247)
  color rgb(71, 71, 71)

  border-style dashed
  border-width 1px
  width 600px
  height 100px

  border-radius 4px
  box-shadow 0 14px 20px rgba(0,0,0,.08)

  > span
    position absolute 
    padding 0px 5px
{'fraction_non_alphanumeric': 0.07178393745557925, 'fraction_numerical': 0.07711442786069651, 'mean_word_length': 2.758344459279039, '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': '5185206', 'n_tokens_mistral': 1188, 'n_tokens_neox': 963, 'n_words': 313}