<commit_before>$sidenav_width: 250px
$notif_width: 250px
$font-size: 0.97rem

body
  padding: 0
  margin: 0
  font-family: 'Lato', sans-serif
  p
    font-family: 'Roboto', sans-serif
    font-weight: 300
  input
    height: 2rem
    background-color: transparent
    border: 0;
    border-bottom: 0.12rem solid white
    margin: 0.4rem 0;
    transition : border 200ms ease-out
    color: white
    padding-bottom: 2px
    font-size: 0.95rem
    &:active, &:focus
      outline: none
      border-bottom-color: #2A8B9D
  button
    border: 0
    background-color: #40415A
    height: 2rem
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
    color: white
    font-size: 0.95rem
    text-transform: uppercase
    margin: 0.5rem 0
    background-color: #C14857
    border-radius: 0.1rem
    transition: all 0.3s cubic-bezier(.25,.8,.25,1)
    &:hover
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)
      cursor: pointer
    &:active, &:focus
      outline: none
    &:disabled
      background-color: grey
      box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
  .toast
    position: fixed
    bottom: 1rem
    padding: 1rem
    background-color: rgba(0, 0, 0, 0.3)
    left: 50%
    transform: translate(-50%, 0)
    color: white
    border-radius: 0.2rem
    z-index: 199
    transition: all 0.2s ease-out

  .main_container
    position: absolute
    width: 100%

  .middle_container
    position: absolute
    left: $sidenav_width
    right: 0

  .fade-enter<commit_msg>Fixed column overflow<commit_after>$sidenav_width: 250px
$notif_width: 250px
$font-size: 0.97rem

body
  padding: 0
  margin: 0
  font-family: 'Lato', sans-serif
  p
    font-family: 'Roboto', sans-serif
    font-weight: 300
  input
    height: 2rem
    background-color: transparent
    border: 0;
    border-bottom: 0.12rem solid white
    margin: 0.4rem 0;
    transition : border 200ms ease-out
    color: white
    padding-bottom: 2px
    font-size: 0.95rem
    &:active, &:focus
      outline: none
      border-bottom-color: #2A8B9D
  button
    border: 0
    background-color: #40415A
    height: 2rem
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
    color: white
    font-size: 0.95rem
    text-transform: uppercase
    margin: 0.5rem 0
    background-color: #C14857
    border-radius: 0.1rem
    transition: all 0.3s cubic-bezier(.25,.8,.25,1)
    &:hover
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)
      cursor: pointer
    &:active, &:focus
      outline: none
    &:disabled
      background-color: grey
      box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
  .toast
    position: fixed
    bottom: 1rem
    padding: 1rem
    background-color: rgba(0, 0, 0, 0.3)
    left: 50%
    transform: translate(-50%, 0)
    color: white
    border-radius: 0.2rem
    z-index: 199
    transition: all 0.2s ease-out

  .main_container
    position: absolute
    width: 100%

  .middle_container
    position: absolute
    left: $sidenav_width
    width: calc(100% - #{$sidenav_width})
    display: flex
    justify-content: center

  .fade-enter
{'fraction_non_alphanumeric': 0.11959608709372041, 'fraction_numerical': 0.08961817608078258, 'mean_word_length': 2.5738444193912065, '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': '1872733', 'n_tokens_mistral': 1414, 'n_tokens_neox': 1197, 'n_words': 308}