<commit_before>.pure-form label {
    font-size: 100%;
}

.grid-input,
.grid-output {
    margin-bottom: 1em;
}

.grid-tabs,
.grid-output-tabs {
    padding: 3em 0 0;
    margin: 0;
}

.grid-tab-link,
.grid-tab-link:visited {
    font-weight: bold;
    padding: 1em 1em;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    color: #666;
    transition: all 0.1s;
    cursor: pointer;
    top: -0.813em;
    position: relative;
}

.grid-tab-link-selected,
.grid-tab-link-selected:visited {
    border: 1px solid #ccc;
    background: #fff;
    border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.grid-content {
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-top-left-radius: 0;
    overflow-y: hidden;
}

.grid-panel {
    /*
    By default, we hide these off screen. Not using display:none; to preserve
    accessibility.
    */
    position: absolute;
    top: -9999px;
    left: -9999px;

}
.grid-panel-selected {
    /* when a tab is selected, we remove the position: absolute;*/
    position: static;
}

.grid-code {
    max-height: 484px; /* same height as HTML section */
    overflow-y: scroll;
}

.offset-1-12 {
    margin-left: 8.33%;
}

#media-query-table {
    margin-bottom: 1em;
    width: 100%;
}

#media-query-table td {
    padding: 0.3em;
}
.mq-val,
.mq-key {
    width: 100%;
}

.controls {
    text-align: center;
    margin-top: 1em;
}

#options .cols-control label,
#options .prefix-control label {
    width: auto;
}
.cols-control input {<commit_msg>use ems instead of px<commit_after>.pure-form label {
    font-size: 100%;
}

.grid-input,
.grid-output {
    margin-bottom: 1em;
}

.grid-tabs,
.grid-output-tabs {
    padding: 3em 0 0;
    margin: 0;
}

.grid-tab-link,
.grid-tab-link:visited {
    font-weight: bold;
    padding: 1em 1em;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    color: #666;
    transition: all 0.1s;
    cursor: pointer;
    top: -0.813em;
    position: relative;
}

.grid-tab-link-selected,
.grid-tab-link-selected:visited {
    border: 1px solid #ccc;
    background: #fff;
    border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.grid-content {
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-top-left-radius: 0;
    overflow-y: hidden;
}

.grid-panel {
    /*
    By default, we hide these off screen. Not using display:none; to preserve
    accessibility.
    */
    position: absolute;
    top: -9999px;
    left: -9999px;

}
.grid-panel-selected {
    /* when a tab is selected, we remove the position: absolute;*/
    position: static;
}

.grid-code {
    max-height: 30.25em; /* same height as HTML section */
    overflow-y: scroll;
}

.offset-1-12 {
    margin-left: 8.33%;
}

#media-query-table {
    margin-bottom: 1em;
    width: 100%;
}

#media-query-table td {
    padding: 0.3em;
}
.mq-val,
.mq-key {
    width: 100%;
}

.controls {
    text-align: center;
    margin-top: 1em;
}

#options .cols-control label,
#options .prefix-control label {
    width: auto;
}
.cols-control input {
{'fraction_non_alphanumeric': 0.14578085642317382, 'fraction_numerical': 0.03431989924433249, 'mean_word_length': 2.522172949002217, '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': '3265717', 'n_tokens_mistral': 1270, 'n_tokens_neox': 1176, 'n_words': 286}