<commit_before>/* Forms
/* ---------------------------------------------------------- */

form label {
    display: block;
    color: var(--darkgrey);
    font-size: 1.3rem;
    font-weight: 600;
    user-select: text;
}

form .word-count {
    font-weight: bold;
}

fieldset {
    margin: 0 0 3em 0;
    padding: 0;
    border: none;
    user-select: text;
}

legend {
    display: block;
    width: 100%;
    margin: 2em 0;
    border-bottom: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
    color: var(--midgrey);
    font-size: 1.2em;
    line-height: 2.0em;
    user-select: text;
}

input {
    user-select: text;
}

::-webkit-input-placeholder {
    color: color-mod(var(--midgrey) l(+18%));
    font-weight: 400;
}

:-ms-input-placeholder {
    color: color-mod(var(--midgrey) l(+18%));
    font-weight: 400;
}

.error .response {
    color: var(--red);
}


/* Form Groups
/* ---------------------------------------------------------- */

.form-group {
    position: relative;
    width: 100%;
    max-width: 620px;
    margin-bottom: 1.6em;
    user-select: text;
}

.form-group.right {
    text-align: right;
}

.form-group p {
    margin: 4px 0 0 0;
    color: var(--midgrey);
    font-size: 1.25rem;
    font-weight: 400;
}

.form-group h3 {
    margin-bottom: 1.6em;
    font-size: 1.5rem;
}

.form-group label {
    margin-bottom: 4px;
}

@media (max-width: 550px) {
    .form-group {
        max-width: 100%;
    }
}


/* Input Icons
/* ---------------------------------------------------------- */

.gh-input-icon {
    position: relative;
    display: block;
}

.gh-input-icon svg {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 2;
    width: 14px;
    height: 14px;
    fill: color-mod(var(--lightgrey) l(-15%) s(-10%));
    transform: translateY(-7px);
}

.gh-input-icon.gh-icon-link svg path {
    stroke: color-mod(var(--lightgrey) l(-15%) s(-10%));
}

.gh-input-icon input {
    padding-left: 35px;
}

.gh-input-icon .gh-select select {
    padding-left: 35px;
}

/* Inputs
/* ---------------------------------------------------------- */

.gh-input,
.gh-select,
select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    border: var(--input-border);
    background: var(--input-bg-color);
    color: var(--darkgrey);
    font-size: 1.5rem;
    /* line-height: 1em; */
    font-weight: 400;
    user-select: text;
    border-radius: var(--border-radius);

    -webkit-appearance: none;
}

.gh-select,
select {
    cursor: pointer;
}

.gh-input.error,
.error .gh-input,
.error .gh-select select,
.error .ember-power-select-multiple-trigger,
.gh-select.error,
select.error {
    border-color: var(--red);
}
<commit_msg>Cleanup forms input CSS commit<commit_after>/* Forms
/* ---------------------------------------------------------- */

form label {
    display: block;
    color: var(--darkgrey);
    font-size: 1.3rem;
    font-weight: 600;
    user-select: text;
}

form .word-count {
    font-weight: bold;
}

fieldset {
    margin: 0 0 3em 0;
    padding: 0;
    border: none;
    user-select: text;
}

legend {
    display: block;
    width: 100%;
    margin: 2em 0;
    border-bottom: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
    color: var(--midgrey);
    font-size: 1.2em;
    line-height: 2.0em;
    user-select: text;
}

input {
    user-select: text;
}

::-webkit-input-placeholder {
    color: color-mod(var(--midgrey) l(+18%));
    font-weight: 400;
}

:-ms-input-placeholder {
    color: color-mod(var(--midgrey) l(+18%));
    font-weight: 400;
}

.error .response {
    color: var(--red);
}


/* Form Groups
/* ---------------------------------------------------------- */

.form-group {
    position: relative;
    width: 100%;
    max-width: 620px;
    margin-bottom: 1.6em;
    user-select: text;
}

.form-group.right {
    text-align: right;
}

.form-group p {
    margin: 4px 0 0 0;
    color: var(--midgrey);
    font-size: 1.25rem;
    font-weight: 400;
}

.form-group h3 {
    margin-bottom: 1.6em;
    font-size: 1.5rem;
}

.form-group label {
    margin-bottom: 4px;
}

@media (max-width: 550px) {
    .form-group {
        max-width: 100%;
    }
}


/* Input Icons
/* ---------------------------------------------------------- */

.gh-input-icon {
    position: relative;
    display: block;
}

.gh-input-icon svg {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 2;
    width: 14px;
    height: 14px;
    fill: color-mod(var(--lightgrey) l(-15%) s(-10%));
    transform: translateY(-7px);
}

.gh-input-icon.gh-icon-link svg path {
    stroke: color-mod(var(--lightgrey) l(-15%) s(-10%));
}

.gh-input-icon input {
    padding-left: 35px;
}

.gh-input-icon .gh-select select {
    padding-left: 35px;
}

/* Inputs
/* ---------------------------------------------------------- */

.gh-input,
.gh-select,
select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    border: var(--input-border);
    background: var(--input-bg-color);
    color: var(--darkgrey);
    font-size: 1.5rem;
    font-weight: 400;
    user-select: text;
    border-radius: var(--border-radius);

    -webkit-appearance: none;
}

.gh-select,
select {
    cursor: pointer;
}

.gh-input.error,
.error .gh-input,
.error .gh-select select,
.error .ember-power-select-multiple-trigger,
.gh-select.error,
select.error {
    border-color: var(--red);
}

{'fraction_non_alphanumeric': 0.2513448339825635, 'fraction_numerical': 0.03654238545724355, 'mean_word_length': 1.779381443298969, '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': '4485662', 'n_tokens_mistral': 2150, 'n_tokens_neox': 1950, 'n_words': 414}