<commit_before>.b-newsletter {
  background-color: siteColor(vam-grey-5);
  margin: 25px 0;
  overflow: hidden;
  position: relative;
  width: 100%;

  @include bpMinXSmall {
    flex-direction: row;
  }

  @include bpMinLarge {
    background-color: transparent;
  }

  &__logo {
    color: siteColor(vam-grey-4);
    height: 200px;
    opacity: .35;
    position: absolute;
    right: 0;
    top: 0;
    width: 280px;

    @include bpMinXSmall {
      height: 450px;
      right: -80px;
      top: -80px;
      width: calc(450px * 1.58);

      & svg {
        height: 100%;
        width: 100%;
      }
    }
    @include bpMinLarge {
      background-color: siteColor(vam-grey-5);
      opacity: 1;
      right: 0;
      width: 50%;

      svg {
        -webkit-filter: invert(100%);
        filter: invert(100%);
        height: 120%;
        margin-top: -5%;
      }

      @supports (mask-repeat: repeat) {
        height: 100%;
        mask-image: url('https://s3-eu-west-1.amazonaws.com/vanda-production-assets/static/valogo_mask.svg');
        mask-position: 20% 73%;
        mask-repeat: no-repeat;
        mask-size: 131%;
        top: 0;

        svg {
          display: none;
        }
      }
    }
  }

  &__form {
    margin: auto;
    max-width: 650px;
    padding: 30px 10px;
    position: relative;
    width: 100%;

    @include bpMinSmall {
      max-width: 100%;
      padding: 30px 0 30px 55px;
    }

    @include bpMinLarge {
      background-color: siteColor(vam-grey-5);
      margin: 0;
      width: 50%;
    }

    &-fields {
      @include bpMinXSmall {
        display: flex;
        flex-direction: row;
      }

      &-field {
        @include typeSetting(3, regular);
        border: 1px solid white;
        border-radius: 2px;
        padding: 15px;
        text-align: center;
        width: 100%;

        &::placeholder {
          color: siteColor(vam-grey-4);
        }

        @include bpMinXSmall {
          flex-grow: 1;
          height: 50px;
          margin-right: 15px;
          max-width: 380px;
          text-align: left;
          width: 330px;
        }

        &:focus {
          border: 1px solid map-get($theme-colors, $theme-color-default);
          outline: none;

          @each $color in map-keys($theme-colors) {
            .theme-#{$color} & {
              border: 1px solid map-get($theme-colors, $color);
            }
          }
        }
      }
    }

    &-submit {
      margin-bottom: 14px;
      margin-top: 8px;
      padding: 15px;
      width: 100%;
      z-index: 2;

      @include bpMinXSmall {
        font-size: 13px;
        margin-top: 0;
        width: 150px;
      }

      &:hover,
      .sent & {
        background-color: map-get($theme-colors, $theme-color-default);
        border: 1px solid map-get($theme-colors, $theme-color-default);
        color: siteColor(vam-black);

        @each $color in map-keys($theme-colors) {
          .theme-#{$color} & {
            background-color: map-get($theme-colors, $color);
            border: 1px solid map-get($theme-colors, $color);
          }
        }
      }<commit_msg>newsletter-signup: focus state<commit_after>.b-newsletter {
  background-color: siteColor(vam-grey-5);
  margin: 25px 0;
  overflow: hidden;
  position: relative;
  width: 100%;

  @include bpMinXSmall {
    flex-direction: row;
  }

  @include bpMinLarge {
    background-color: transparent;
  }

  &__logo {
    color: siteColor(vam-grey-4);
    height: 200px;
    opacity: .35;
    position: absolute;
    right: 0;
    top: 0;
    width: 280px;

    @include bpMinXSmall {
      height: 450px;
      right: -80px;
      top: -80px;
      width: calc(450px * 1.58);

      & svg {
        height: 100%;
        width: 100%;
      }
    }
    @include bpMinLarge {
      background-color: siteColor(vam-grey-5);
      opacity: 1;
      right: 0;
      width: 50%;

      svg {
        -webkit-filter: invert(100%);
        filter: invert(100%);
        height: 120%;
        margin-top: -5%;
      }

      @supports (mask-repeat: repeat) {
        height: 100%;
        mask-image: url('https://s3-eu-west-1.amazonaws.com/vanda-production-assets/static/valogo_mask.svg');
        mask-position: 20% 73%;
        mask-repeat: no-repeat;
        mask-size: 131%;
        top: 0;

        svg {
          display: none;
        }
      }
    }
  }

  &__form {
    margin: auto;
    max-width: 650px;
    padding: 30px 10px;
    position: relative;
    width: 100%;

    @include bpMinSmall {
      max-width: 100%;
      padding: 30px 0 30px 55px;
    }

    @include bpMinLarge {
      background-color: siteColor(vam-grey-5);
      margin: 0;
      width: 50%;
    }

    &-fields {
      @include bpMinXSmall {
        display: flex;
        flex-direction: row;
      }

      &-field {
        @include typeSetting(3, regular);
        border: 1px solid white;
        border-radius: 2px;
        padding: 15px;
        text-align: center;
        width: 100%;

        &::placeholder {
          color: siteColor(vam-grey-4);
        }

        @include bpMinXSmall {
          flex-grow: 1;
          height: 50px;
          margin-right: 15px;
          max-width: 380px;
          text-align: left;
          width: 330px;
        }

        &:focus {
          border: 1px solid map-get($theme-colors, $theme-color-default);
          outline: none;

          @each $color in map-keys($theme-colors) {
            .theme-#{$color} & {
              border: 1px solid map-get($theme-colors, $color);
            }
          }
        }
      }
    }

    &-submit {
      margin-bottom: 14px;
      margin-top: 8px;
      padding: 15px;
      width: 100%;
      z-index: 2;

      @include bpMinXSmall {
        font-size: 13px;
        margin-top: 0;
        width: 150px;
      }

      &:hover,
      &:focus,
      .sent & {
        background-color: map-get($theme-colors, $theme-color-default);
        border: 1px solid map-get($theme-colors, $theme-color-default);
        color: siteColor(vam-black);

        @each $color in map-keys($theme-colors) {
          .theme-#{$color} & {
            background-color: map-get($theme-colors, $color);
            border: 1px solid map-get($theme-colors, $color);
          }
        }
      }
{'fraction_non_alphanumeric': 0.13359872611464968, 'fraction_numerical': 0.04076433121019108, 'mean_word_length': 1.6116424116424117, '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': '2275569', 'n_tokens_mistral': 2352, 'n_tokens_neox': 2036, 'n_words': 443}