<commit_before>$spacer: 8px !default;
$spacer--large: 16px !default;

$newsletter__font-size                : $font-size-base !default;
$newsletter__font-size--agreements    : $font-size-small !default;
$newsletter__checkbox-label-opacity   : 0.7 !default;
$newsletter__line-height              : 1.2 !default;
$newsletter__input-background         : #717171 !default;
$newsletter__input-color              : $white !default;
$newsletter__input-placholder-opacity : 0.7 !default;
$newsletter__heading-color            : $white !default;
$newsletter__controls-height          : 32px !default;
$newsletter__checkbox-bg-color        : $white !default;
$newsletter__heading-gap              : 28px !default;
$newsletter__heading-gap--compact     : $spacer !default;
$newsletter__heading-gap--horizontal  : 0 !default;

.newsletter {
   @include mq($screen-m, $screen-l - 1) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    &__heading {
        line-height: $newsletter__line-height;
        margin-right: 20px;
        color: $newsletter__heading-color;
        font-family: $font-family-sans-serif;
        height: auto;
        font-size: $newsletter__font-size;
        font-weight: bold;
        text-align: left;
        margin-bottom: $newsletter__heading-gap--compact;
        @mixin newsletter-medium() {
            margin-bottom: $newsletter__heading-gap--horizontal;
            width: 50%;
        }
        @include mq($screen-l) {
            margin-bottom: $newsletter__heading-gap;
        }
    }
    &__controls {
        position: relative;
        height: $newsletter__controls-height;
        margin-bottom: $spacer--large;
       @include mq($screen-m, $screen-l - 1) {
            width: 50%;
            text-align: right;
            line-height: $newsletter__controls-height;
            margin-bottom: $spacer;
        }
        @include mq($screen-l) {
            margin-bottom: $spacer--large;
        }
    }
    &__button {
        position: absolute;
        top: 0;
        right: 0;
        height: $newsletter__controls-height;
        border-radius: 100px;
        padding-left: 21px;
        padding-right: 21px;
        &:hover,
        &:focus {
            cursor: pointer;
            outline: none;
        }
    }
    &__input {
        margin: 0;
    }
    &__label {
        @include visually-hidden;

    }
    &__field {
        background: $newsletter__input-background;
        padding: $spacer $spacer--large;
        margin: 0;
        border: none;
        border-radius: 100px;
        height: 32px;
        color: $newsletter__input-color;
        &::placeholder {
            opacity: $newsletter__input-placholder-opacity;
        }
    }
    &__agreements {
        margin-left: $spacer;
       @include mq($screen-m, $screen-l - 1) {
            width: 100%;
            clear: both;
            margin-left: 0;
        }<commit_msg>#35067: fix indendation<commit_after>$spacer: 8px !default;
$spacer--large: 16px !default;

$newsletter__font-size                : $font-size-base !default;
$newsletter__font-size--agreements    : $font-size-small !default;
$newsletter__checkbox-label-opacity   : 0.7 !default;
$newsletter__line-height              : 1.2 !default;
$newsletter__input-background         : #717171 !default;
$newsletter__input-color              : $white !default;
$newsletter__input-placholder-opacity : 0.7 !default;
$newsletter__heading-color            : $white !default;
$newsletter__controls-height          : 32px !default;
$newsletter__checkbox-bg-color        : $white !default;
$newsletter__heading-gap              : 28px !default;
$newsletter__heading-gap--compact     : $spacer !default;
$newsletter__heading-gap--horizontal  : 0 !default;

.newsletter {
    @include mq($screen-m, $screen-l - 1) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    &__heading {
        line-height: $newsletter__line-height;
        margin-right: 20px;
        color: $newsletter__heading-color;
        font-family: $font-family-sans-serif;
        height: auto;
        font-size: $newsletter__font-size;
        font-weight: bold;
        text-align: left;
        margin-bottom: $newsletter__heading-gap--compact;
        @mixin newsletter-medium() {
            margin-bottom: $newsletter__heading-gap--horizontal;
            width: 50%;
        }
        @include mq($screen-l) {
            margin-bottom: $newsletter__heading-gap;
        }
    }
    &__controls {
        position: relative;
        height: $newsletter__controls-height;
        margin-bottom: $spacer--large;
        @include mq($screen-m, $screen-l - 1) {
            width: 50%;
            text-align: right;
            line-height: $newsletter__controls-height;
            margin-bottom: $spacer;
        }
        @include mq($screen-l) {
            margin-bottom: $spacer--large;
        }
    }
    &__button {
        position: absolute;
        top: 0;
        right: 0;
        height: $newsletter__controls-height;
        border-radius: 100px;
        padding-left: 21px;
        padding-right: 21px;
        &:hover,
        &:focus {
            cursor: pointer;
            outline: none;
        }
    }
    &__input {
        margin: 0;
    }
    &__label {
        @include visually-hidden;

    }
    &__field {
        background: $newsletter__input-background;
        padding: $spacer $spacer--large;
        margin: 0;
        border: none;
        border-radius: 100px;
        height: 32px;
        color: $newsletter__input-color;
        &::placeholder {
            opacity: $newsletter__input-placholder-opacity;
        }
    }
    &__agreements {
        margin-left: $spacer;
        @include mq($screen-m, $screen-l - 1) {
            width: 100%;
            clear: both;
            margin-left: 0;
        }
{'fraction_non_alphanumeric': 0.11968398050092452, 'fraction_numerical': 0.017313834257858464, 'mean_word_length': 1.9081133919843598, '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': '128456', 'n_tokens_mistral': 1921, 'n_tokens_neox': 1800, 'n_words': 340}