<commit_before>﻿@import '../abstracts/_colors.scss';
@import '../abstracts/_media-queries.scss';


.form--white {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: rem(608px);
    border-radius: rem(4px);
    padding: rem(48px) rem(5px);
    box-sizing: border-box;
    background-color: $Gray6;
    text-align: center;

    @include lg {
        padding: rem(48px) rem(5px);
    }

    @include md {
        padding: rem(48px) rem(5px);
    }

    @include sm {
        padding: rem(32px) rem(14px);
    }

    .bit-lbl-fluent,
    .bit-txt-label {
        text-align: left;
    }
}

.form-message-bar {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: rem(4px) rem(4px) 0 0;
}

.form-title {
    margin-bottom: rem(25px);
    font-weight: 600;
    font-size: rem(28px);
    line-height: rem(44px);
    color: $SecondaryColor;

    @include lg {
        font-size: rem(24px);
        line-height: rem(36px);
    }

    @include md {
        font-size: rem(22px);
        line-height: rem(36px);
    }

    @include sm {
        font-size: rem(20px);
        line-height: rem(32px);
    }
}

.form-input-container {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    max-width: rem(340px);
    margin-bottom: rem(21px);

    @include lt-xl {
        max-width: rem(300px);
    }

    @include sm {
        max-width: 100%;
    }
}

.form-input-error, .validation-message {
    font-size: rem(12px);
    line-height: rem(16px);
    color: $Red;
}

.form-checkbox {
    width: 100%;
    max-width: rem(340px);

    @include lt-xl {
        max-width: rem(300px);
    }

    @include sm {
        max-width: 100%;
    }
}

.form-submit-button {
    margin-top: rem(32px);
    margin-bottom: rem(24px);

    @include lg {
        margin-bottom: rem(16px);
    }

    @include sm {<commit_msg>feat(template): set text-align:left for the error validation messages in the TodoTemplate project #1973 (#1996)<commit_after>﻿@import '../abstracts/_colors.scss';
@import '../abstracts/_media-queries.scss';


.form--white {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: rem(608px);
    border-radius: rem(4px);
    padding: rem(48px) rem(5px);
    box-sizing: border-box;
    background-color: $Gray6;
    text-align: center;

    @include lg {
        padding: rem(48px) rem(5px);
    }

    @include md {
        padding: rem(48px) rem(5px);
    }

    @include sm {
        padding: rem(32px) rem(14px);
    }

    .bit-lbl-fluent,
    .bit-txt-label {
        text-align: left;
    }
}

.form-message-bar {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: rem(4px) rem(4px) 0 0;
}

.form-title {
    margin-bottom: rem(25px);
    font-weight: 600;
    font-size: rem(28px);
    line-height: rem(44px);
    color: $SecondaryColor;

    @include lg {
        font-size: rem(24px);
        line-height: rem(36px);
    }

    @include md {
        font-size: rem(22px);
        line-height: rem(36px);
    }

    @include sm {
        font-size: rem(20px);
        line-height: rem(32px);
    }
}

.form-input-container {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    max-width: rem(340px);
    margin-bottom: rem(21px);

    @include lt-xl {
        max-width: rem(300px);
    }

    @include sm {
        max-width: 100%;
    }
}

.form-input-error, .validation-message {
    font-size: rem(12px);
    line-height: rem(16px);
    color: $Red;
    text-align: left;
}

.form-checkbox {
    width: 100%;
    max-width: rem(340px);

    @include lt-xl {
        max-width: rem(300px);
    }

    @include sm {
        max-width: 100%;
    }
}

.form-submit-button {
    margin-top: rem(32px);
    margin-bottom: rem(24px);

    @include lg {
        margin-bottom: rem(16px);
    }

    @include sm {
{'fraction_non_alphanumeric': 0.15538847117794485, 'fraction_numerical': 0.04411027568922306, 'mean_word_length': 2.108255451713396, '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': '6746113', 'n_tokens_mistral': 1611, 'n_tokens_neox': 1466, 'n_words': 301}