<commit_before>
/*** CONTROLS ***/

.controls {
    position: relative;
    height: 45px;
    padding-left: 45px;
    color: $color;
    font-size: 13px;
    a {
        display: block;
        padding: 14px 0 15px;
    }
    label {
        margin-right: 5px;
        margin-left: -14px;
        padding-left: 16px;
        font: $font;
        cursor: pointer;
        &:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            border: 1px solid $color;
        }
    }
    form span {
        position: relative;
        margin-right: 15px;
        font: $font;
    }
    input {
        visibility: hidden;
    }
    input[type=checkbox]:checked + label:before {
        background: $color;
    }
}
.sorter {
    position: relative;
    margin: 0;
    font: $font;
    .icon-wrap {
        left: -45px;
    }
    &.price-sorter {
        width: 46px;
    }
}
.dropdown {
    display: block;
    position: absolute;
    top: 0;
    left: 12px;
    margin-top: -100%;
    z-index: 900;
    @mixin transition 0.2s;
    ul {
        margin: 0;<commit_msg>add checkbox animation<commit_after>
/*** CONTROLS ***/

.controls {
    position: relative;
    height: 45px;
    padding-left: 45px;
    color: $color;
    font-size: 13px;
    a {
        display: block;
        padding: 14px 0 15px;
    }
    label {
        margin-right: 5px;
        margin-left: -14px;
        padding-left: 16px;
        font: $font;
        cursor: pointer;
        &:before {
            @mixin transition 0.2s;
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 13px;
            height: 13px;
            box-sizing: border-box;
            border-radius: 50%;
            border: 1px solid $color;
        }
    }
    form span {
        position: relative;
        margin-right: 15px;
        font: $font;
    }
    input {
        visibility: hidden;
    }
    input[type=checkbox]:checked + label:before {
        border-width: 5px;
    }
}
.sorter {
    position: relative;
    margin: 0;
    font: $font;
    .icon-wrap {
        left: -45px;
    }
    &.price-sorter {
        width: 46px;
    }
}
.dropdown {
    display: block;
    position: absolute;
    top: 0;
    left: 12px;
    margin-top: -100%;
    z-index: 900;
    @mixin transition 0.2s;
    ul {
        margin: 0;
{'fraction_non_alphanumeric': 0.12217741935483871, 'fraction_numerical': 0.03669354838709677, 'mean_word_length': 1.4134241245136188, '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': '1253391', 'n_tokens_mistral': 898, 'n_tokens_neox': 811, 'n_words': 198}