<commit_before>export default function bringEnvStyle(isModal) {
  return `<style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: 'PSRegular';
    }

    h1, h2 {
      font-family: 'PSBold';
      font-size: 2.2rem;
      line-height: 1.6;
      color: #4a1011;
      margin: 0 0 1rem;
    }

    p, li, a {
      font-size: 1.2rem;
      line-height: 1.6;
      color: #000;
    }

    a {
      color: #000;
      text-decoration: none;
      border-bottom: 1px solid #e32d22;
    }

    a:hover {
      color: #e32d22;
    }

    .bring-env {
      ${isModal ?
      `display: none;
      height: 100vh;
      width: 100vw;
      position: fixed;
      top: 0;
      left: 0;`
      : 'display:flex;'}
      justify-content: center;
      align-items: center;
    }

    .bring-env.open {
      display: flex;
    }

    ${isModal ?
    `.bring-env-backdrop {
        position: fixed;
        height: 100vh;
        width: 100vw;
        background: hsla(0,0%,10%,0.5);
        top: 0;
        left: 0;
        z-index:5000;
      }`
    : ''}

    .bring-env-wrapper {
      padding: 0;
      position: relative;
      ${isModal ?
      `background: #ffffff;
      border-radius: 3px;
      width: 50rem;
      max-width: 94vw;
      height: 100%;
      max-height: 80vh;
      overflow: hidden;
      box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 12%);
      z-index: 5001;`
      : 'width: 100%;'}
    }

    .bring-env-header {
      height: 5rem;
      display: flex;
      align-items: center;<commit_msg>Set a high z-index on web component<commit_after>export default function bringEnvStyle(isModal) {
  return `<style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: 'PSRegular';
    }

    h1, h2 {
      font-family: 'PSBold';
      font-size: 2.2rem;
      line-height: 1.6;
      color: #4a1011;
      margin: 0 0 1rem;
    }

    p, li, a {
      font-size: 1.2rem;
      line-height: 1.6;
      color: #000;
    }

    a {
      color: #000;
      text-decoration: none;
      border-bottom: 1px solid #e32d22;
    }

    a:hover {
      color: #e32d22;
    }

    .bring-env {
      ${isModal ?
      `display: none;
      height: 100vh;
      width: 100vw;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 5000;`
      : 'display:flex;'}
      justify-content: center;
      align-items: center;
    }

    .bring-env.open {
      display: flex;
    }

    ${isModal ?
    `.bring-env-backdrop {
        position: fixed;
        height: 100vh;
        width: 100vw;
        background: hsla(0,0%,10%,0.5);
        top: 0;
        left: 0;
        z-index:5001;
      }`
    : ''}

    .bring-env-wrapper {
      padding: 0;
      position: relative;
      ${isModal ?
      `background: #ffffff;
      border-radius: 3px;
      width: 50rem;
      max-width: 94vw;
      height: 100%;
      max-height: 80vh;
      overflow: hidden;
      box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 12%);
      z-index: 5002;`
      : 'width: 100%;'}
    }

    .bring-env-header {
      height: 5rem;
      display: flex;
      align-items: center;
{'fraction_non_alphanumeric': 0.1399562636676039, 'fraction_numerical': 0.062480474851608875, 'mean_word_length': 1.5718875502008032, 'pattern_counts': {'":': 0, '<': 5, '<?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': '6065274', 'n_tokens_mistral': 1369, 'n_tokens_neox': 1168, 'n_words': 275}