<commit_before>#map {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  .bounding {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: content-box;
    transition: transform 0.3s ease-in-out;
  }
  .test-container {
    position: relative;
  }
  .page-container {
    position: relative;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    background: @softGrey;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;

    .shim {
      display: none;
    }

    &.source .shim,
    &.target .shim {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: center;

      .indicator {
        // Create square bounding box based off 160:220 aspect ratio
        width: 30%;
        height: 160/220 * 30%;
        border-radius: 50%;
      }
    }

    &.source .shim {
      background-color: rgba(0,0,0,0.2);

      .indicator {
        background: url(img/oval-droplet.svg) no-repeat center center / 100%;
      }
    }
<commit_msg>keep selection indicator visible over tile content<commit_after>#map {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  .bounding {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: content-box;
    transition: transform 0.3s ease-in-out;
  }
  .test-container {
    position: relative;
  }
  .page-container {
    position: relative;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    background: @softGrey;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;

    .shim {
      display: none;
    }

    &.source .shim,
    &.target .shim {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 9999;
      display: flex;
      justify-content: center;
      align-items: center;

      .indicator {
        // Create square bounding box based off 160:220 aspect ratio
        width: 30%;
        height: 160/220 * 30%;
        border-radius: 50%;
      }
    }

    &.source .shim {
      background-color: rgba(0,0,0,0.2);

      .indicator {
        background: url(img/oval-droplet.svg) no-repeat center center / 100%;
      }
    }

{'fraction_non_alphanumeric': 0.12641815235008103, 'fraction_numerical': 0.04578606158833063, 'mean_word_length': 2.0073081607795373, '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': '6325961', 'n_tokens_mistral': 916, 'n_tokens_neox': 809, 'n_words': 212}