<commit_before>.moi-frame {
  width: 1280px;
  height: 720px;
  margin: auto;

  .container-frame{
    position: initial;
    .right-frame{
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
    }
    .left-frame{
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
    }
    .top-frame{
      position: absolute;
      top: 0;
      width: 100%;
    }
    .bottom-frame{
      position: absolute;
      bottom: 0;
      width: 100%;
    }
    .back-button{
      position: absolute;
      top: 22px;
      left: 0;
      height: 14%;
      width: 9%;
      &.top-left{
        top: 6px;
        left: 13px;
      }
    }
  }
  .container-advices{
    width: 100%;
    height: 100%;
    position: initial;
    .advice{
      background-image: url("../images/info_box_s_downM.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 26%;
      height: 17%;
      position: absolute;
      bottom: 7%;
      left: 5%;

      .description {
        position: relative;
        min-height: 66px;
        width: 315px;
        overflow: scroll;
        padding: 9px;
        color:#767b3a;
        font-weight: bold;
        font-family: FontMoi-Title;
        overflow: hidden;
        font-size: 16px;
      }

      .close-button {
        background: url(../images/btn_delete_content.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 20px;
        height: 20px;
        z-index: 1;
        position: absolute;
        cursor: pointer;
      }

      &.top-left {
        background-image: url("../images/info_box_s_izqM.png");
        top: 115px;
        left: 0;
        .description {
          left: 25%;
          width: 230px;
        }

        .close-button {
          right: 243px;
          top: -9px;
        }
      }

      &.bottom-left {
        background-image: url("../images/info_box_s_izqM.png");
        bottom: 100px;
        left: 0;
        .description {
          left: 25%;
          width: 230px;
        }

        .close-button {
          right: 243px;
          top: -9px;
        }
      }

      &.top-right {
        background-image: url("../images/info_box_s_derM.png");
        top: 115px;
        left: 75%;
        .description{
          right: -8px;
          width: 235px;
        }

        .close-button {
          left: 243px;
          top: -9px;
        }
      }

      &.bottom-right {
        background-image: url("../images/info_box_s_derM.png");
        bottom: 100px;
        left: 75%;
        .description{
          right: -8px;
          width: 235px;
        }

        .close-button {
          left: 243px;
          top: -9px;
        }
      }
    }
  }

}<commit_msg>fixed styles<commit_after>.moi-frame {
  width: 1280px;
  height: 720px;
  margin: auto;

  .container-frame{
    position: initial;
    .right-frame{
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
    }
    .left-frame{
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
    }
    .top-frame{
      position: absolute;
      top: 0;
      width: 100%;
    }
    .bottom-frame{
      position: absolute;
      bottom: 0;
      width: 100%;
    }
    .back-button{
      position: absolute;
      top: 22px;
      left: 0;
      height: 14%;
      width: 9%;
      &.top-left{
        top: 6px;
        left: 13px;
      }
    }
  }
  .container-advices{
    width: 100%;
    height: 100%;
    position: initial;
    .advice{
      background-image: url("../images/info_box_s_downM.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 26%;
      height: 17%;
      position: absolute;
      bottom: 7%;
      left: 5%;

      .description {
        position: relative;
        min-height: 66px;
        width: 315px;
        overflow: scroll;
        padding: 9px;
        color:#767b3a;
        font-weight: bold;
        font-family: FontMoi-Title;
        overflow: hidden;
        font-size: 16px;
      }

      .close-button {
        background: url(../images/btn_delete_content.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 20px;
        height: 20px;
        z-index: 1;
        position: absolute;
        cursor: pointer;
      }

      &.top-left {
        background-image: url("../images/info_box_s_izqM.png");
        top: 115px;
        left: 0;
        .description {
          left: 25%;
          width: 230px;
        }

        .close-button {
          left: 243px;
          top: -9px;
        }
      }

      &.bottom-left {
        background-image: url("../images/info_box_s_izqM.png");
        bottom: 100px;
        left: 0;
        .description {
          left: 25%;
          width: 230px;
        }

        .close-button {
          left: 243px;
          top: -9px;
        }
      }

      &.top-right {
        background-image: url("../images/info_box_s_derM.png");
        top: 115px;
        left: 75%;
        .description{
          right: -8px;
          width: 235px;
        }

        .close-button {
          right: 243px;
          top: -9px;
        }
      }

      &.bottom-right {
        background-image: url("../images/info_box_s_derM.png");
        bottom: 100px;
        left: 75%;
        .description{
          right: -8px;
          width: 235px;
        }

        .close-button {
          right: 243px;
          top: -9px;
        }
      }
    }
  }

}
{'fraction_non_alphanumeric': 0.12982774252039891, 'fraction_numerical': 0.04605621033544877, 'mean_word_length': 1.2964196502914238, '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': '4874547', 'n_tokens_mistral': 2052, 'n_tokens_neox': 1790, 'n_words': 379}