<commit_before>/**
 * @file Trial/Returns
 * @module Trial/Returns
 * @overview Trial/Returns module with icon and image or background image
 * @todo Replace font definitions with mixins for new type pairings
 */

.trial-returns {
  position: relative;
  min-height: ms(16);
  overflow: hidden;
}

.trial-returns--background {
  display: flex;
  align-items: center;
  justify-content: center;
}

.trial-returns-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  .trial-returns--background & {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .icon,
  [data-icon] {
    @include square(7rem);
    margin-bottom: ms(3);
    fill: color(primary);

    @include respond-at-and-above($break-medium) {
      @include square(8rem);
    }
  }
}

.trial-returns-heading {
  max-width: 12em;
  font-size: ms(1);
  color: color(primary);

  @include respond-at-and-above($break-small) {
    max-width: 20em;
  }

  @include respond-at-and-above($break-medium) {
    font-size: ms(4);
  }
}

.trial-returns-copy {
  max-width: 30em;
  font-size: ms(1);

  @include respond-at-and-above($break-medium) {
    font-size: ms(2);
  }

  @include respond-at-and-above($break-large) {
    max-width: 36em;
  }
}

// Styles for longer text languages
.trial-returns--longer-text {

  .trial-returns-heading {
    max-width: 18em;

    @include respond-below($break-tiny) {
      font-size: ms(0);
    }
  }
}
<commit_msg>Define body serif font for Trial/Returns copy<commit_after>/**
 * @file Trial/Returns
 * @module Trial/Returns
 * @overview Trial/Returns module with icon and image or background image
 * @todo Replace font definitions with mixins for new type pairings
 */

.trial-returns {
  position: relative;
  min-height: ms(16);
  overflow: hidden;
}

.trial-returns--background {
  display: flex;
  align-items: center;
  justify-content: center;
}

.trial-returns-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  .trial-returns--background & {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .icon,
  [data-icon] {
    @include square(7rem);
    margin-bottom: ms(3);
    fill: color(primary);

    @include respond-at-and-above($break-medium) {
      @include square(8rem);
    }
  }
}

.trial-returns-heading {
  max-width: 12em;
  font-size: ms(1);
  color: color(primary);

  @include respond-at-and-above($break-small) {
    max-width: 20em;
  }

  @include respond-at-and-above($break-medium) {
    font-size: ms(4);
  }
}

.trial-returns-copy {
  @include body--serif;
  max-width: 30em;
  font-size: ms(1);

  @include respond-at-and-above($break-medium) {
    font-size: ms(2);
  }

  @include respond-at-and-above($break-large) {
    max-width: 36em;
  }
}

// Styles for longer text languages
.trial-returns--longer-text {

  .trial-returns-heading {
    max-width: 18em;

    @include respond-below($break-tiny) {
      font-size: ms(0);
    }
  }
}

{'fraction_non_alphanumeric': 0.15138799225306648, 'fraction_numerical': 0.014848289218850872, 'mean_word_length': 2.932741116751269, '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': '2986066', 'n_tokens_mistral': 1185, 'n_tokens_neox': 1101, 'n_words': 236}