<commit_before>/* Forms
   ========================================================================== */

fieldset {
    margin-bottom: $gutter-width;
}

legend {
    padding: 0.6rem 0.8rem;
    border: solid $content-background;
    border-width: 0 2px;
    border-radius: 5px;
    background-color: $legend-background;
    color: $legend-text-color;
}

// Inputs
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
select {
    display: block;
    padding: 0.6rem;
    width: 100%;
    border: 1px solid $input-border-color;
    border-radius: $input-border-radius;
    background-color: $input-background;
    box-shadow: inset 0 1px 1px rgba(#000, 0.075);
    color: $input-text-color;
    font-weight: $regular;

    label > & {
        margin-top: $label-input-spacing;
    }
}

// Full width range inputs
input[type="range"] {
    display: block;
    width: 100%;

    label > & {
        margin-top: $label-input-spacing;
    }
}

// Color inputs
input[type="color"] {
    padding: 0; // reset padding, otherwise the color is barely visible
}

// Search inputs
input[type="search"] {
    box-sizing: border-box; // overwrites normalize.css
}

// Invalid inputs, change outline to red
input:invalid:focus {
    outline-color: $error-border-color;
}

// Labels<commit_msg>Style file inputs and the file input button<commit_after>/* Forms
   ========================================================================== */

fieldset {
    margin-bottom: $gutter-width;
}

legend {
    padding: 0.6rem 0.8rem;
    border: solid $content-background;
    border-width: 0 2px;
    border-radius: 5px;
    background-color: $legend-background;
    color: $legend-text-color;
}

// Inputs
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
textarea,
select {
    display: block;
    padding: 0.6rem;
    width: 100%;
    border: 1px solid $input-border-color;
    border-radius: $input-border-radius;
    background-color: $input-background;
    box-shadow: inset 0 1px 1px rgba(#000, 0.075);
    color: $input-text-color;
    font-weight: $regular;

    label > & {
        margin-top: $label-input-spacing;
    }
}

// Full width range inputs
input[type="range"] {
    display: block;
    width: 100%;

    label > & {
        margin-top: $label-input-spacing;
    }
}

// Color inputs
input[type="color"] {
    padding: 0; // reset padding, otherwise the color is barely visible
}

// Search inputs
input[type="search"] {
    box-sizing: border-box; // overwrites normalize.css
}

// File upload button
input[type="file"]::-webkit-file-upload-button {
    @extend .btn; // style it as a normal button
}

// Invalid inputs, change outline to red
input:invalid:focus {
    outline-color: $error-border-color;
}

// Labels
{'fraction_non_alphanumeric': 0.20732082436173485, 'fraction_numerical': 0.016610273761919408, 'mean_word_length': 3.7474452554744526, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '5260876', 'n_tokens_mistral': 1119, 'n_tokens_neox': 1035, 'n_words': 235}