<commit_before>// this needs to be overridden,
// or done in a way that doesn't kill these everywhere
body.settings #fox-logo,
body.settings #about-mozilla,
body.settings .sign-in {
  display: none;
}

body.settings .loading {
  position: relative;
  top: 150px;
}

body.settings #main-content {
  background: none;
  border: 0;
  box-shadow: none;
}

body.settings #main-content.panel,
body.settings #main-content.card {
  visibility: hidden;
}

// settings header controls
#fxa-settings-header-wrapper {
  background: $color-white;
  border-bottom: 1px solid $color-grey-light;

  @include respond-to('big') {
    height: 64px;
  }

  @include respond-to('small') {
    height: 48px;
  }

  #fxa-manage-account {
    background-image: image-url('firefox-logo.svg');
    background-position-y: -5px;
    background-repeat: no-repeat;
    margin: 0;

    @include respond-to('small') {
      background-position-y: -4px;
    }

    html[dir='ltr'] & {
      float: left;
    }

    html[dir='rtl'] & {
      float: right;
    }

    @include respond-to('big') {
      background-size: 36px auto;
      height: 64px;
      line-height: 63px;

      html[dir='ltr'] & {
        background-position: left 11px;
        padding-left: 48px;
      }

      html[dir='rtl'] & {
        background-position: right 11px;
        padding-right: 48px;
      }
    }

    @include respond-to('small') {
      background-size: 32px auto;
      height: 48px;
      line-height: 50px;

      html[dir='ltr'] & {
        background-position: left 8px;
        padding-left: 36px;
      }

      html[dir='rtl'] & {
        background-position: right 8px;
        padding-right: 36px;
      }
    }
  }

  .settings-button {
    height: 30px;
    width: 29%;

    html[dir='ltr'] & {
      float: right;
    }

    html[dir='rtl'] & {
      float: left;
    }

    @include respond-to('big') {
      margin-top: 15px;
      width: 100px;
    }

    @include respond-to('small') {
      margin-top: 9px;
      min-width: 29%;
    }
  }

  .settings-success-wrapper {
    z-index: 2;

    @include respond-to('big') {
      left: 50%;
      margin: 0 0 0 -250px;
      position: absolute;
      top: 64px;
      width: 500px;
    }

    @include respond-to('small') {
      left: 0;
      margin: 0;
      position: fixed;
      top: 0;
      width: 100%;
    }
  }

  .settings-success {<commit_msg>style(success message): fixed different length of success message on scrolling<commit_after>// this needs to be overridden,
// or done in a way that doesn't kill these everywhere
body.settings #fox-logo,
body.settings #about-mozilla,
body.settings .sign-in {
  display: none;
}

body.settings .loading {
  position: relative;
  top: 150px;
}

body.settings #main-content {
  background: none;
  border: 0;
  box-shadow: none;
}

body.settings #main-content.panel,
body.settings #main-content.card {
  visibility: hidden;
}

// settings header controls
#fxa-settings-header-wrapper {
  background: $color-white;
  border-bottom: 1px solid $color-grey-light;

  @include respond-to('big') {
    height: 64px;
  }

  @include respond-to('small') {
    height: 48px;
  }

  #fxa-manage-account {
    background-image: image-url('firefox-logo.svg');
    background-position-y: -5px;
    background-repeat: no-repeat;
    margin: 0;

    @include respond-to('small') {
      background-position-y: -4px;
    }

    html[dir='ltr'] & {
      float: left;
    }

    html[dir='rtl'] & {
      float: right;
    }

    @include respond-to('big') {
      background-size: 36px auto;
      height: 64px;
      line-height: 63px;

      html[dir='ltr'] & {
        background-position: left 11px;
        padding-left: 48px;
      }

      html[dir='rtl'] & {
        background-position: right 11px;
        padding-right: 48px;
      }
    }

    @include respond-to('small') {
      background-size: 32px auto;
      height: 48px;
      line-height: 50px;

      html[dir='ltr'] & {
        background-position: left 8px;
        padding-left: 36px;
      }

      html[dir='rtl'] & {
        background-position: right 8px;
        padding-right: 36px;
      }
    }
  }

  .settings-button {
    height: 30px;
    width: 29%;

    html[dir='ltr'] & {
      float: right;
    }

    html[dir='rtl'] & {
      float: left;
    }

    @include respond-to('big') {
      margin-top: 15px;
      width: 100px;
    }

    @include respond-to('small') {
      margin-top: 9px;
      min-width: 29%;
    }
  }

  .settings-success-wrapper {
    z-index: 2;

    @include respond-to('big') {
      margin: 0px;
      position: absolute;
      top: 64px;
      width: 100%;
    }

    @include respond-to('small') {
      left: 0;
      margin: 0;
      position: fixed;
      top: 0;
      width: 100%;
    }
  }

  .settings-success {
{'fraction_non_alphanumeric': 0.145, 'fraction_numerical': 0.027708333333333335, 'mean_word_length': 2.1420157068062826, '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': '5303663', 'n_tokens_mistral': 1815, 'n_tokens_neox': 1625, 'n_words': 358}