<commit_before>@import '../../settings';

.c-timebar {
  background-color: $color-1;
  display: flex;
  height: 100%;

  @media #{$mq-mobile-large} {
    padding: 0 0 0 10px;
  }

  .c-timebar-element {
    height: 100%;
  }

  .c-timebar-datepicker {
    width: 20%;

    @media #{$mq-mobile-large} {
      width: 100px;
    }
  }

  .c-timebar-playback {
    text-align: center;
    width: 10%;

    @media #{$mq-mobile-large} {
      width: 50px;
    }

    button {
      background: none;
      border: 0;
      color: $color-3;
      cursor: pointer;
      font-size: $font-size-x-small;
      height: 100%;
      width: 100%;

      &:focus {
        outline: none;
      }
    }
  }
}<commit_msg>Timebar mobiles styles<commit_after>@import '../../settings';

.c-timebar {
  background-color: $color-1;
  display: flex;
  height: 100%;

  @media #{$mq-mobile-large} {
    padding: 0 0 0 10px;
  }

  .c-timebar-element {
    height: 100%;
  }

  .c-timebar-datepicker {
    width: 20%;

    @media #{$mq-mobile-large} {
      width: 100px;
    }
  }

  .c-timebar-playback {
    text-align: center;
    width: 10%;

    @media #{$mq-mobile-large} {
      width: 100px;
    }

    button {
      background: none;
      border: 0;
      color: $color-3;
      cursor: pointer;
      font-size: $font-size-x-small;
      height: 100%;
      width: 100%;

      &:focus {
        outline: none;
      }
    }
  }
}
{'fraction_non_alphanumeric': 0.16643159379407615, 'fraction_numerical': 0.04160789844851904, 'mean_word_length': 1.8210735586481113, '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': '3386364', 'n_tokens_mistral': 596, 'n_tokens_neox': 527, 'n_words': 108}