<commit_before>.campaign {
  position: relative;
}


// Page Specific Components
.campaign--action .container--prove,
.campaign--sms .container--do {
  background: $purple asset-url("images/campaign-pattern-default.png") repeat center 63px;

  // @TODO: See if this needs to be removed with v2 of Reportback Prove it section.
  &.reportback-beta {
    background: $yellow;
  }
}

.campaign--pitch,
.campaign--grouped,
.campaign--action .container--prove {
  .message-callout {
    .__copy {
      left: 12px;
    }
  }
}

.campaign--pitch,
.campaign--grouped {
  [role="banner"] {
    .message-callout {
      .__copy {
        &:before {
          right: 35px;
          top: -25px;
        }
      }

      @include media($tablet) {
        position: absolute;
        left: 144px;
        bottom: 0;
        width: 180px;

        .__copy {
          text-align: center;

          &:before {
            right: auto;
            top: 50%;
          }
        }
      }
    }
  }
}


// Campaign Action Page
.banner--action {
  &.has-promotions {
    > .wrapper {
      @include media($tablet) {
        padding-bottom: 12px;
      }

      @include media($desktop) {
        padding-bottom: 0;
      }
    }
  }

  @include media($tablet) {
    .message-callout {
      @include visually-hidden();
    }
  }
}

.campaign-nav {
  position: sticky;
  top: 0;
  z-index: 100;

  // Fallback for position:sticky, through Filament Group's fixed-sticky
  &.fixedsticky-on {
    position: fixed;
    width: 100%;
    max-width: 1440px;
    padding: 0;
  }
}

.waypoints--action {
  @include media($medium) {
    position: absolute;
    top: 62px;
    max-width: span(2);
    margin: $base-spacing 0;

    li {
      display: block;
      margin-left: gutter();
      margin-bottom: ($base-spacing / 4);
    }
  }
}

.campaign--action {
  .container--do {
    .polaroid {
      @include media($mobile) {
        margin-bottom: $base-spacing;
      }

      @include media($tablet) {
        position: absolute;
        top: 120px;
        left: 80%;
      }
    }
  }

  .tabs--campaign {
    margin-top: $base-spacing;
  }

  .container--prove {<commit_msg>Add some overrides to campaign nav to fix appearance on mobile.<commit_after>.campaign {
  position: relative;
}


// Page Specific Components
.campaign--action .container--prove,
.campaign--sms .container--do {
  background: $purple asset-url("images/campaign-pattern-default.png") repeat center 63px;

  // @TODO: See if this needs to be removed with v2 of Reportback Prove it section.
  &.reportback-beta {
    background: $yellow;
  }
}

.campaign--pitch,
.campaign--grouped,
.campaign--action .container--prove {
  .message-callout {
    .__copy {
      left: 12px;
    }
  }
}

.campaign--pitch,
.campaign--grouped {
  [role="banner"] {
    .message-callout {
      .__copy {
        &:before {
          right: 35px;
          top: -25px;
        }
      }

      @include media($tablet) {
        position: absolute;
        left: 144px;
        bottom: 0;
        width: 180px;

        .__copy {
          text-align: center;

          &:before {
            right: auto;
            top: 50%;
          }
        }
      }
    }
  }
}


// Campaign Action Page
.banner--action {
  &.has-promotions {
    > .wrapper {
      @include media($tablet) {
        padding-bottom: 12px;
      }

      @include media($desktop) {
        padding-bottom: 0;
      }
    }
  }

  @include media($tablet) {
    .message-callout {
      @include visually-hidden();
    }
  }
}

.campaign-nav {
  position: sticky;
  top: 0;
  z-index: 100;

  // Fallback for position:sticky, through Filament Group's fixed-sticky
  &.fixedsticky-on {
    position: fixed;
    width: 100%;
    max-width: 1440px;
    padding: 0;
  }
}

.waypoints.waypoints--action {
  text-align: center;
  padding: gutter() 0;

  li {
    margin: 0 gutter();
  }

  @include media($medium) {
    position: absolute;
    top: 62px;
    max-width: span(2);
    margin: $base-spacing 0;
    text-align: left;

    li {
      display: block;
      margin-left: gutter();
      margin-bottom: ($base-spacing / 4);
    }
  }
}

.campaign--action {
  .container--do {
    .polaroid {
      @include media($mobile) {
        margin-bottom: $base-spacing;
      }

      @include media($tablet) {
        position: absolute;
        top: 120px;
        left: 80%;
      }
    }
  }

  .tabs--campaign {
    margin-top: $base-spacing;
  }

  .container--prove {
{'fraction_non_alphanumeric': 0.14177101967799643, 'fraction_numerical': 0.01967799642218247, 'mean_word_length': 1.8274336283185841, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3404279', 'n_tokens_mistral': 1657, 'n_tokens_neox': 1486, 'n_words': 323}