<commit_before>.campaign {
  > .wrapper {
    position: relative;
  }
}



// Page Specific Components
.campaign--action,
.campaign--sms {
  .info-bar {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

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

  @include media($tablet) {
    padding-bottom: 90px;
  }
}

// @TODO update this in neue
.message-callout {
  @include media($tablet) {
    @include transform(rotate(-3deg));
  }

  &.-dynamic-right {
    .__copy {
      padding-bottom: 3px;
      padding-top: 3px;
    }
  }
}

.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
.campaign--action {
  [role="banner"] {
    @include media($tablet) {
      .message-callout {
        @include visually-hidden();
      }
    }

    &.has-promotions {
      > .wrapper {
        @include media($tablet) {
          padding-bottom: 12px;
        }

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

  .container--do {
    .polaroid {
      @include media($tablet) {
        left: 104%;
        position: absolute;
        top: 117px;
      }

      // @TODO: might have to replace neue pattern for
      // .polaroid + p definition with the following
      & + h3 {
        margin-top: 27px;

        @include media($tablet) {
          margin-top: 0;
        }
      }
    }
  }

  .container--prove {

    .container__body {
      text-align: center;

      @include media($tablet) {
        text-align: left;
      }
    }

    h3 {
      color: #fff;
      font-size: $font-large;
      margin-bottom: 27px;
    }

    p, a {
      color: #fff;
    }

    .message-callout {
      @include media($desktop) {
        .__copy {
          left: 75px;
          top: -10px;
        }
      }
    }
  }
}


// Campaign Pitch Page
.campaign--pitch {
  // Remove additional top padding if tagline is first container item on Pitch page.
  .container--tagline {
    > .wrapper {
      padding-top: 9px;
    }
  }
}


// Campaign SMS Game Page
.campaign--sms {
  .form-actions {
    text-align: left;
  }

  .container--do {
    form {
      .message-callout {
        margin: 0 auto;
        width: 270px;

        @include media($tablet) {
          margin: 0;
          right: 20px;
          position: absolute;
        }

        .__copy {
          &:before {
            right: -10px;
          }
        }
      }
    }

    .message-callout.-right {
      position: absolute;
      left: 144px;
      bottom: -15px;<commit_msg>narrowed msg callout width<commit_after>.campaign {
  > .wrapper {
    position: relative;
  }
}



// Page Specific Components
.campaign--action,
.campaign--sms {
  .info-bar {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

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

  @include media($tablet) {
    padding-bottom: 90px;
  }
}

// @TODO update this in neue
.message-callout {
  @include media($tablet) {
    @include transform(rotate(-3deg));
  }

  &.-dynamic-right {
    .__copy {
      padding-bottom: 3px;
      padding-top: 3px;
    }
  }
}

.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
.campaign--action {
  [role="banner"] {
    @include media($tablet) {
      .message-callout {
        @include visually-hidden();
      }
    }

    &.has-promotions {
      > .wrapper {
        @include media($tablet) {
          padding-bottom: 12px;
        }

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

  .container--do {
    .polaroid {
      @include media($tablet) {
        left: 104%;
        position: absolute;
        top: 117px;
      }

      // @TODO: might have to replace neue pattern for
      // .polaroid + p definition with the following
      & + h3 {
        margin-top: 27px;

        @include media($tablet) {
          margin-top: 0;
        }
      }
    }
  }

  .container--prove {

    .container__body {
      text-align: center;

      @include media($tablet) {
        text-align: left;
      }
    }

    h3 {
      color: #fff;
      font-size: $font-large;
      margin-bottom: 27px;
    }

    p, a {
      color: #fff;
    }

    .message-callout {
      @include media($desktop) {
        .__copy {
          left: 75px;
          top: -10px;
        }
      }
    }
  }
}


// Campaign Pitch Page
.campaign--pitch {
  // Remove additional top padding if tagline is first container item on Pitch page.
  .container--tagline {
    > .wrapper {
      padding-top: 9px;
    }
  }
}


// Campaign SMS Game Page
.campaign--sms {
  .form-actions {
    text-align: left;
  }

  .container--do {
    form {
      .message-callout {
        margin: 0 auto;
        text-align: center;
        width: 215px;

        @include media($tablet) {
          margin: 0;
          right: 20px;
          position: absolute;
        }

        .__copy {
          &:before {
            right: -10px;
          }
        }
      }
    }

    .message-callout.-right {
      position: absolute;
      left: 144px;
      bottom: -15px;
{'fraction_non_alphanumeric': 0.13545384018619083, 'fraction_numerical': 0.01986035686578743, 'mean_word_length': 1.4763734152900498, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '534621', 'n_tokens_mistral': 2331, 'n_tokens_neox': 2103, 'n_words': 440}