<commit_before>body.opticon-homepage {
  .title-section {
    background-image: url('https://d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/speaker_panel_hero.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
  }
  .page-title {
    font-size: 2.6em;
    background: $opticon-brand-blue;
    padding: 5px 20px;
    margin: 0;
    letter-spacing: 1.83px;
    line-height: 64px;
  }
  .event-details {
    font-size: 1.125em;
    color: $opticon-brand-blue;
    letter-spacing: 0.3px;
    line-height: 44px;
    margin: 0 0 15px 0;
  }
  .hero-subtitle {
    font-size: 1.125em;
    color: $opticon-text-gray;
    letter-spacing: 0.56px;
    line-height: 26px;
    margin-bottom: 0;
  }
  .opties-container.container {
    margin-top: 15px;
    padding: 0px 20px;
  }
  .opties-details.description-text {
    text-align: center;
    padding: 0px 25px;   
  }
  .opties-title {
    font-size: 1.875em;
    color: $opticon-brand-blue;
    letter-spacing: 0.57px;
    line-height: 41px;
  }
  .optimizely-host {
    font-size: 0.8125em;
    color: $almost-black-text-color;
    letter-spacing: 0.39px;
    line-height: 28px;
    margin: 0;
  }
  .speakers-container { flex-wrap: wrap; }
  .speaker-container {
    padding: 200px 2% 0 2%;
    margin-top: 20px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 170px;
  }
  .speaker-blurb { text-align: left; }
  .subtitle { text-align: center; }
  .description-title {
    padding: 0 2%;
    text-align: center;
  }
  .speaker-companies-title {
    text-align: center;
    font-size: 1.125em;
    color: $opticon-text-gray;
    letter-spacing: 0.56px;
    line-height: 28px;
  }
  .logo-wall__company {
    width: 65%;
    padding-top: 50px;
    background-repeat: no-repeat;
    background-size: 151px;
    background-position: center;
    margin: 35px auto;
  }
  .cbs { background-position: 50% -60px; }
  .trulia,
  .microsoft,
  .marketo { background-size: contain; }
  .atlassian {
    background-size: contain;
    background-position-y: 100%;
  }
  .princess-cruises {
    background-size: 136px;
    background-position: center;
  }
  .description { padding: 5% 13%; }
  .description-text.description-text--center { text-align: center; }
  .tracks {
    padding: 100px 0 80px;
    text-align: center;
  }
  .track-container {
    padding: 90px 10px 30px 10px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 30px;
  }
  .platform { background-image: url('//d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/developer-icon.svg'); }
  .strategy { background-image: url('//d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/strategy-icon.svg'); }
  .culture { background-image: url('//d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/culture-icon.svg'); }
  .action { background-image: url('//d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/action-icon.svg'); }
  .confetti-left {
    left: 0;
    top: 16em;
  }
  .confetti-right { top: 12em; }
}

@media only screen and (min-width: $tablet-min-width) {
  body.opticon-homepage {
    .hero-subtitle { padding-left: 50%; }
    .speaker-container { width: 25%; }
    .description-title { padding: 0 23%; }
    .description-text.description-text--center { padding: 0 23%; }
    .track-container {
      width: 25%;
      padding: 115px 10px 10px 10px;
    }
    .copy-container {
      text-align: right;
      padding: 0 5%;
      h1,
      h4 { text-align: right; }
    }
    .logo-wall__company {
      padding-top: 42px;
      width: 15%;
      margin: 0 20px;
    }
    .opties-container.container {
      margin-top: 35px;
      padding: 0% 220px;
    }
    .opties-details.description-text {
      background-color: $white;
      text-align: center;
      border: 2px solid #0081BA;
      margin-top: 0px;
      padding: 12px 25px 35px;   
    }
    .opties-title {
      text-align: center;
      background-color: $opticon-brand-blue;
      padding: 0.85em;
      margin-bottom: 0px;
      font-size: 18px;
      color: #FFFFFF;
      letter-spacing: 0.33px;
      line-height: 28px;
      background: #0081BA;
      border: 2px solid #0081BA;
    }
    .princess-cruises {
      background-size: cover;
      background-position: center;
    }
    .page-title { font-size: 3em; }
    .confetti-container .confetti-right,
    .confetti-container .confetti-left { display: none; }
  }
}


@media only screen and (min-width: $desktop-min-width) {<commit_msg>Code cleanup to address houndci comments<commit_after>body.opticon-homepage {
  .title-section {
    background-image: url('https://d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/speaker_panel_hero.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
  }
  .page-title {
    font-size: 2.6em;
    background: $opticon-brand-blue;
    padding: 5px 20px;
    margin: 0;
    letter-spacing: 1.83px;
    line-height: 64px;
  }
  .event-details {
    font-size: 1.125em;
    color: $opticon-brand-blue;
    letter-spacing: 0.3px;
    line-height: 44px;
    margin: 0 0 15px 0;
  }
  .hero-subtitle {
    font-size: 1.125em;
    color: $opticon-text-gray;
    letter-spacing: 0.56px;
    line-height: 26px;
    margin-bottom: 0;
  }
  .opties-container.container {
    margin-top: 15px;
    padding: 0 20px;
  }
  .opties-details.description-text {
    text-align: center;
    padding: 0 25px;   
  }
  .opties-title {
    font-size: 1.875em;
    color: $opticon-brand-blue;
    letter-spacing: 0.57px;
    line-height: 41px;
  }
  .optimizely-host {
    font-size: 0.8125em;
    color: $almost-black-text-color;
    letter-spacing: 0.39px;
    line-height: 28px;
    margin: 0;
  }
  .speakers-container { flex-wrap: wrap; }
  .speaker-container {
    padding: 200px 2% 0 2%;
    margin-top: 20px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 170px;
  }
  .speaker-blurb { text-align: left; }
  .subtitle { text-align: center; }
  .description-title {
    padding: 0 2%;
    text-align: center;
  }
  .speaker-companies-title {
    text-align: center;
    font-size: 1.125em;
    color: $opticon-text-gray;
    letter-spacing: 0.56px;
    line-height: 28px;
  }
  .logo-wall__company {
    width: 65%;
    padding-top: 50px;
    background-repeat: no-repeat;
    background-size: 151px;
    background-position: center;
    margin: 35px auto;
  }
  .cbs { background-position: 50% -60px; }
  .trulia,
  .microsoft,
  .marketo { background-size: contain; }
  .atlassian {
    background-size: contain;
    background-position-y: 100%;
  }
  .princess-cruises {
    background-size: 136px;
    background-position: center;
  }
  .description { padding: 5% 13%; }
  .description-text.description-text--center { text-align: center; }
  .tracks {
    padding: 100px 0 80px;
    text-align: center;
  }
  .track-container {
    padding: 90px 10px 30px 10px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 30px;
  }
  .platform { background-image: url('//d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/developer-icon.svg'); }
  .strategy { background-image: url('//d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/strategy-icon.svg'); }
  .culture { background-image: url('//d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/culture-icon.svg'); }
  .action { background-image: url('//d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/opticon/action-icon.svg'); }
  .confetti-left {
    left: 0;
    top: 16em;
  }
  .confetti-right { top: 12em; }
}

@media only screen and (min-width: $tablet-min-width) {
  body.opticon-homepage {
    .hero-subtitle { padding-left: 50%; }
    .speaker-container { width: 25%; }
    .description-title { padding: 0 23%; }
    .description-text.description-text--center { padding: 0 23%; }
    .track-container {
      width: 25%;
      padding: 115px 10px 10px 10px;
    }
    .copy-container {
      text-align: right;
      padding: 0 5%;
      h1,
      h4 { text-align: right; }
    }
    .logo-wall__company {
      padding-top: 42px;
      width: 15%;
      margin: 0 20px;
    }
    .opties-container.container {
      margin-top: 35px;
      padding: 0% 220px;
    }
    .opties-details.description-text {
      background-color: $white;
      text-align: center;
      border: 2px solid $opticon-brand-blue;
      margin-top: 0;
      padding: 12px 25px 35px;   
    }
    .opties-title {
      text-align: center;
      background-color: $opticon-brand-blue;
      padding: 0.85em;
      margin-bottom: 0;
      font-size: 18px;
      color: $white;
      letter-spacing: 0.33px;
      line-height: 28px;
      background: $opticon-brand-blue;
      border: 2px solid $opticon-brand-blue;
    }
    .princess-cruises {
      background-size: cover;
      background-position: center;
    }
    .page-title { font-size: 3em; }
    .confetti-container .confetti-right,
    .confetti-container .confetti-left { display: none; }
  }
}

@media only screen and (min-width: $desktop-min-width) {
{'fraction_non_alphanumeric': 0.14054739511782732, 'fraction_numerical': 0.04628553312902885, 'mean_word_length': 2.5889268107698142, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '8007', 'n_tokens_mistral': 3855, 'n_tokens_neox': 3459, 'n_words': 639}