<commit_before>$z-index-editor-content: 10;

$z-index-editor-title-bar: 100;
$z-index-dropdown-menu: 1002;

$z-index-resizer-overlay: 1000;
$z-index-panel-resizer: 1001;

$z-index-component-view: 1000;

$z-index-footer-bar: 2000;
$z-index-footer-bar-item: 2000;
$z-index-footer-bar-item-panel: 2000;

$z-index-lock-screen: 10000;
$z-index-modal: 10000;

html {
  font-size: 100%;
}

body {
  font-size: var(--sn-stylekit-base-font-size);
}

html,
body {
  font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  height: 100%;
  line-height: normal;
  margin: 0;
  color: var(--sn-stylekit-foreground-color);
  background-color: var(--sn-stylekit-background-color);
}

* {
  box-sizing: border-box;
}

.uppercase {
  text-transform: uppercase;
}

.tinted {
  color: var(--sn-stylekit-info-color);
}

.tinted-selected {
  color: var(--sn-stylekit-info-contrast-color);
}

h1 {
  font-size: var(--sn-stylekit-font-size-h1);
}

h2 {
  font-size: var(--sn-stylekit-font-size-h2);
}

h3 {
  font-size: var(--sn-stylekit-font-size-h3);
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
}

a {
  text-decoration: none;

  &.no-decoration {
    color: inherit;
  }

  &:hover {
    text-decoration: underline;

    &.no-decoration {
      text-decoration: none;
    }
  }
}

::selection {
  background: var(--sn-stylekit-info-color) !important; /* WebKit/Blink Browsers */
  color: var(--sn-stylekit-info-contrast-color);
}

::-moz-selection {
  background: var(--sn-stylekit-info-color) !important;
  color: var(--sn-stylekit-info-contrast-color);
}

p {
  color: var(--sn-stylekit-paragraph-text-color);
  margin: 0;
}

.main-ui-view {
  min-height: 100vh;
  height: 100vh;
  position: relative;
  overflow: auto;
  background-color: var(--sn-stylekit-background-color);
}

$footer-height: 32px;

#resizer-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: $z-index-resizer-overlay;
  opacity: 0;
}

.app {
  height: calc(100% - #{$footer-height});
  width: 100%;
  display: flex;
  vertical-align: top;
  overflow: hidden;
  position: relative;

  panel-resizer {
    top: 0;
    right: 0;
    z-index: $z-index-panel-resizer;
    width: 8px;
    height: 100%;
    position: absolute;
    cursor: col-resize;
    // needs to be a color that works on main bg and contrast bg
    background-color: var(--sn-stylekit-secondary-contrast-background-color);
    opacity: 0;
    border-top: none;
    border-bottom: none;

    @keyframes fade {
      0% {
        opacity: 0;
      }

      50% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    &.left {
      left: 0;<commit_msg>fix: reduce panel resizer width<commit_after>$z-index-editor-content: 10;

$z-index-editor-title-bar: 100;
$z-index-dropdown-menu: 1002;

$z-index-resizer-overlay: 1000;
$z-index-panel-resizer: 1001;

$z-index-component-view: 1000;

$z-index-footer-bar: 2000;
$z-index-footer-bar-item: 2000;
$z-index-footer-bar-item-panel: 2000;

$z-index-lock-screen: 10000;
$z-index-modal: 10000;

html {
  font-size: 100%;
}

body {
  font-size: var(--sn-stylekit-base-font-size);
}

html,
body {
  font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  height: 100%;
  line-height: normal;
  margin: 0;
  color: var(--sn-stylekit-foreground-color);
  background-color: var(--sn-stylekit-background-color);
}

* {
  box-sizing: border-box;
}

.uppercase {
  text-transform: uppercase;
}

.tinted {
  color: var(--sn-stylekit-info-color);
}

.tinted-selected {
  color: var(--sn-stylekit-info-contrast-color);
}

h1 {
  font-size: var(--sn-stylekit-font-size-h1);
}

h2 {
  font-size: var(--sn-stylekit-font-size-h2);
}

h3 {
  font-size: var(--sn-stylekit-font-size-h3);
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
}

a {
  text-decoration: none;

  &.no-decoration {
    color: inherit;
  }

  &:hover {
    text-decoration: underline;

    &.no-decoration {
      text-decoration: none;
    }
  }
}

::selection {
  background: var(--sn-stylekit-info-color) !important; /* WebKit/Blink Browsers */
  color: var(--sn-stylekit-info-contrast-color);
}

::-moz-selection {
  background: var(--sn-stylekit-info-color) !important;
  color: var(--sn-stylekit-info-contrast-color);
}

p {
  color: var(--sn-stylekit-paragraph-text-color);
  margin: 0;
}

.main-ui-view {
  min-height: 100vh;
  height: 100vh;
  position: relative;
  overflow: auto;
  background-color: var(--sn-stylekit-background-color);
}

$footer-height: 32px;

#resizer-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: $z-index-resizer-overlay;
  opacity: 0;
}

.app {
  height: calc(100% - #{$footer-height});
  width: 100%;
  display: flex;
  vertical-align: top;
  overflow: hidden;
  position: relative;

  panel-resizer {
    top: 0;
    right: 0;
    z-index: $z-index-panel-resizer;
    width: 2px;
    height: 100%;
    position: absolute;
    cursor: col-resize;
    // needs to be a color that works on main bg and contrast bg
    background-color: var(--sn-stylekit-secondary-contrast-background-color);
    opacity: 0;
    border-top: none;
    border-bottom: none;

    @keyframes fade {
      0% {
        opacity: 0;
      }

      50% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    &.left {
      left: 0;
{'fraction_non_alphanumeric': 0.17042395693135937, 'fraction_numerical': 0.03297442799461642, 'mean_word_length': 2.9137590520079, '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': '4802380', 'n_tokens_mistral': 2533, 'n_tokens_neox': 2299, 'n_words': 433}