<commit_before>.NoticeContainer {
  &--fixed {
    top: 109px;
    left: 0;
    margin: 0;
    padding: 10px 0 0;
    z-index: 1000;
    position: absolute;
    width: 100%;

    &.stuck {
      position: fixed;
      top: 0;
    }
    
    @include media (tablet) {
      top: 48px;
      left: 50%;
      width: 59.375%; // 3/5 column width
      margin-left: -29.687%;
    }
  }
}

.Notice-group {
  margin: 0;
  padding: 0;
}

.Notice {
  @include core-14;
  border: solid $orange;
  border-width: 0 0 0 3px;
  background-color: lighten($orange-25, 6%);
  padding: 0.75em 1.5em;
  margin: 0.75em 0;
  list-style: none;
  position: relative;

  .NoticeContainer--fixed & {
    margin: 0 10px 10px;
    padding: 0.85em 1em;
    border-width: 1px 1px 1px 4px;

    @include media (tablet) {
      margin-left: 0;
      margin-right: 0;
    }
  }

  .VCard & {
    margin: -10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  &.error,
  &.warning,
  &.success {
    &:before {
      @include icon-font('cla-iconfont');
      position: absolute;
      top: 0.8em;
      left: 0.65em;
    }
    padding-left: 2.5em;
  }
  &.error {
    &:before {
      color: $mellow-red;
      content: "\e606";
    }
    border-color: $mellow-red;
    background-color: #FAEBEC;
  }
  &.success {
    &:before {
      color: $green;
      content: "\e613";
    }
    border-color: $green;
    background-color: $green-25;    
  }
  &.warning {
    &:before {
      color: $orange;
      content: "\e619";
    }
  }
  &--closeable {
    cursor: pointer;
    padding-right: 2em;
    &:after {
      content: "x";
      display: block;
      position: absolute;
      top: 0.5em;
      right: 1em;<commit_msg>Give close icon fixed size<commit_after>.NoticeContainer {
  &--fixed {
    top: 109px;
    left: 0;
    margin: 0;
    padding: 10px 0 0;
    z-index: 1000;
    position: absolute;
    width: 100%;

    &.stuck {
      position: fixed;
      top: 0;
    }
    
    @include media (tablet) {
      top: 48px;
      left: 50%;
      width: 59.375%; // 3/5 column width
      margin-left: -29.687%;
    }
  }
}

.Notice-group {
  margin: 0;
  padding: 0;
}

.Notice {
  @include core-14;
  border: solid $orange;
  border-width: 0 0 0 3px;
  background-color: lighten($orange-25, 6%);
  padding: 0.75em 1.5em;
  margin: 0.75em 0;
  list-style: none;
  position: relative;

  .NoticeContainer--fixed & {
    margin: 0 10px 10px;
    padding: 0.85em 1em;
    border-width: 1px 1px 1px 4px;

    @include media (tablet) {
      margin-left: 0;
      margin-right: 0;
    }
  }

  .VCard & {
    margin: -10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  &.error,
  &.warning,
  &.success {
    &:before {
      @include icon-font('cla-iconfont');
      position: absolute;
      top: 0.8em;
      left: 0.65em;
    }
    padding-left: 2.5em;
  }
  &.error {
    &:before {
      color: $mellow-red;
      content: "\e606";
    }
    border-color: $mellow-red;
    background-color: #FAEBEC;
  }
  &.success {
    &:before {
      color: $green;
      content: "\e613";
    }
    border-color: $green;
    background-color: $green-25;    
  }
  &.warning {
    &:before {
      color: $orange;
      content: "\e619";
    }
  }
  &--closeable {
    cursor: pointer;
    padding-right: 2em;
    &:after {
      content: "x";
      display: block;
      position: absolute;
      top: 0.6em;
      right: 0.8em;
      font-size: 16px;
      font-weight: 700;
{'fraction_non_alphanumeric': 0.15337954939341422, 'fraction_numerical': 0.05719237435008666, 'mean_word_length': 1.8572607260726073, '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': '5106728', 'n_tokens_mistral': 1516, 'n_tokens_neox': 1328, 'n_words': 305}