<commit_before>/* ==========================================================================
   Scenario: Single
   ========================================================================== */

.form-group-areas {
  position: relative;

  .form__label {
    margin-bottom: $global-spacing;
  }

  .form__option--inline {
    width: 33.3333%;
    margin: 0 0 ($global-spacing / 2) 0;
    vertical-align: top;
    padding-right: $global-spacing;
  }

  .form__option__text {
    @extend .truncated;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
  }

  .form__options-menu {
    position: absolute;
    top: 0;
    right: 0;

    > * {
      float: left;
      margin: 0;
    }

    dt {
      @extend .heading-alt;
      font-size: 0.75rem;
      line-height: 1.5rem;
      margin: 0 ($global-spacing / 2) 0 0;
    }
  }
}


/* Form options menu actions
   ========================================================================== */

/**
 * "foma-" prefix stands for "form options menu action"
 */

[class^="foma-"],
[class*=" foma-"] {
  @extend .button, .button--small, .button--primary-plain;
  margin: 0;
  vertical-align: top;
}


/* iD Editor
   ========================================================================== */

.ideditor-wrapper {
  @extend .clearfix;
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  height: 32rem;

  > * {
    z-index: 190;
  }

  &::before, &::after {
    content: '';
    position: absolute;
    z-index: 200;
    left: 0;<commit_msg>Color ideditor wrapper background<commit_after>/* ==========================================================================
   Scenario: Single
   ========================================================================== */

.form-group-areas {
  position: relative;

  .form__label {
    margin-bottom: $global-spacing;
  }

  .form__option--inline {
    width: 33.3333%;
    margin: 0 0 ($global-spacing / 2) 0;
    vertical-align: top;
    padding-right: $global-spacing;
  }

  .form__option__text {
    @extend .truncated;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
  }

  .form__options-menu {
    position: absolute;
    top: 0;
    right: 0;

    > * {
      float: left;
      margin: 0;
    }

    dt {
      @extend .heading-alt;
      font-size: 0.75rem;
      line-height: 1.5rem;
      margin: 0 ($global-spacing / 2) 0 0;
    }
  }
}


/* Form options menu actions
   ========================================================================== */

/**
 * "foma-" prefix stands for "form options menu action"
 */

[class^="foma-"],
[class*=" foma-"] {
  @extend .button, .button--small, .button--primary-plain;
  margin: 0;
  vertical-align: top;
}


/* iD Editor
   ========================================================================== */

.ideditor-wrapper {
  @extend .clearfix;
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  height: 32rem;
  background: tint($base-color, 96%);

  > * {
    z-index: 190;
  }

  &::before,
  &::after {
    content: '';
    position: absolute;
    z-index: 200;
    left: 0;
{'fraction_non_alphanumeric': 0.32063492063492066, 'fraction_numerical': 0.027936507936507936, 'mean_word_length': 2.9486215538847116, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '809735', 'n_tokens_mistral': 1111, 'n_tokens_neox': 959, 'n_words': 213}