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

.insets-track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
}

.inset {
  z-index: 1;
  position: absolute;
  border: 0px solid white;
  background: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5),
              0 2px 6px 0 rgba(0, 0, 0, 0.33),
              0 2px 9px 0 rgba(0, 0, 0, 0.2);
  transition: transform $normal $ease,
              width $fast $ease,
              height $fast $ease,
              background $fast $ease,
              border $fast $ease,
              box-shadow $fast $ease;
}

.inset-track-non-smooth-transitions .inset {
  transition: border $fast $ease,
              background $fast $ease,
              box-shadow $fast $ease;
}

.inset-fast-transition,
.inset-track-non-smooth-transitions .inset-fast-transition {
  transition: transform $fast $ease,
              width $fast $ease,
              height $fast $ease,
              background $fast $ease,
              border $fast $ease,
              box-shadow $fast $ease;
}

.inset-is-top {
  transform-origin: center top;
}

.inset-is-bottom {
  transform-origin: center bottom;
}

.inset-is-left {
  transform-origin: left center;
}

.inset-is-right {
  transform-origin: right center;
}

.inset-focus,
.inset-dragging {
  z-index: 3;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6),
              0 2px 6px 0 rgba(0, 0, 0, 0.5),
              0 3px 22px 0 rgba(0, 0, 0, 1);
}

.inset-dragging {
  transition: border $fast $ease,
              background $fast $ease,
              box-shadow $fast $ease;
}

.inset-leader-line {
  z-index: 0;
  position: absolute;
  transition: transform $fast $ease;
  transform-origin: center left;
}

.inset-leader-line-focus,
.inset-leader-line-dragging {
  z-index: 2;
}

.inset-leader-line-dragging {
  transition: none;
}

.inset-leader-line-stub,
.inset-leader-line-stub-left,
.inset-leader-line-stub-right {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.inset-leader-line-stub-left,
.inset-leader-line-stub-right {
  transition: width $fast $ease,
              height $fast $ease;
}

.inset-leader-line-stub-left {
  left: 0;
}

.inset-leader-line-stub-right {
  right: 0;
}

.indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: white;
  transition: background $fast $ease;
  transform-origin: bottom left;
}

.indicator-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.inset-images-wrapper {
  position: absolute;
  display: flex;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  overflow: hidden;
  align-items: stretch;
}<commit_msg>Show indicator button on the left to avoid occlusion<commit_after>@import './colors';
@import './transitions';

.insets-track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
}

.inset {
  z-index: 1;
  position: absolute;
  border: 0px solid white;
  background: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5),
              0 2px 6px 0 rgba(0, 0, 0, 0.33),
              0 2px 9px 0 rgba(0, 0, 0, 0.2);
  transition: transform $normal $ease,
              width $fast $ease,
              height $fast $ease,
              background $fast $ease,
              border $fast $ease,
              box-shadow $fast $ease;
}

.inset-track-non-smooth-transitions .inset {
  transition: border $fast $ease,
              background $fast $ease,
              box-shadow $fast $ease;
}

.inset-fast-transition,
.inset-track-non-smooth-transitions .inset-fast-transition {
  transition: transform $fast $ease,
              width $fast $ease,
              height $fast $ease,
              background $fast $ease,
              border $fast $ease,
              box-shadow $fast $ease;
}

.inset-is-top {
  transform-origin: center top;
}

.inset-is-bottom {
  transform-origin: center bottom;
}

.inset-is-left {
  transform-origin: left center;
}

.inset-is-right {
  transform-origin: right center;
}

.inset-focus,
.inset-dragging {
  z-index: 3;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6),
              0 2px 6px 0 rgba(0, 0, 0, 0.5),
              0 3px 22px 0 rgba(0, 0, 0, 1);
}

.inset-dragging {
  transition: border $fast $ease,
              background $fast $ease,
              box-shadow $fast $ease;
}

.inset-leader-line {
  z-index: 0;
  position: absolute;
  transition: transform $fast $ease;
  transform-origin: center left;
}

.inset-leader-line-focus,
.inset-leader-line-dragging {
  z-index: 2;
}

.inset-leader-line-dragging {
  transition: none;
}

.inset-leader-line-stub,
.inset-leader-line-stub-left,
.inset-leader-line-stub-right {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.inset-leader-line-stub-left,
.inset-leader-line-stub-right {
  transition: width $fast $ease,
              height $fast $ease;
}

.inset-leader-line-stub-left {
  left: 0;
}

.inset-leader-line-stub-right {
  right: 0;
}

.indicator {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 2px 0 0 2px;
  background: white;
  transform: translate(0, -6px);
  transform-origin: bottom left;
  transition: background $fast $ease, transform $fast $ease;
}

.inset-focus .indicator {
  transform: translate(-6px, -6px);
}

.indicator-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity $fast $ease;
}

.inset-focus .indicator-icon {
  opacity: 1;
}

.inset-images-wrapper {
  position: absolute;
  display: flex;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  overflow: hidden;
  align-items: stretch;
}
{'fraction_non_alphanumeric': 0.14233576642335766, 'fraction_numerical': 0.034584636774417796, 'mean_word_length': 2.3773474178403755, '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': '3294132', 'n_tokens_mistral': 2375, 'n_tokens_neox': 2123, 'n_words': 552}