<commit_before>@value selectionColor from './colors.module.css';

.upper_section {
    background: #50514f;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}

.lower_section {
    background: #A2A2A2;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}

.upper_background, .lower_background {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.disabled {
    pointer-events: none;
    opacity: 0.3;
}

.active {
    background: selectionColor !important;
}

.active div,
.active .extended_option {
    color: #ffffff;
}

.extended_option {
    display: none !important;
}

.active .extended_option {
    display: flex !important;
    height: auto;
    width: 82.5%;
    align-items: center;
    padding: 5% 2.5%;
    padding-left: 15%;
}

.extended_option input {
    opacity: 1 !important;
    visibility: hidden;
    position: absolute;
    left: -15px;
    top: 8px;
    width: auto;
}

.container.container_with_option label:first-child {
    padding-bottom: 10px;
}

.active .extended_option input:before {
    visibility: visible;
    display: block;
    content: ' ';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMjIgMnYyMGgtMjB2LTIwaDIwem0yLTJoLTI0djI0aDI0di0yNHoiLz48L3N2Zz4=);
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 30px;
    top: 4px;
}

.active .extended_option.active input:before {
    visibility: visible;
    display: block;
    content: ' ';
    background-image: url(data:image/svg+xml;base64,<KEY>);
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 30px;
    top: 4px;
}

.container {
    height: 90px;
    display: flex !important;
    align-items: center;
    border-top: 1px solid #ffffff;
    background: #e5e5e5;
}
.container:hover {
     background: #ddd;
}

.container label:first-child {
    height: 60px;
    width: 100%;
    padding: 15px 0;
}

.container_with_option.active {
    height: auto;
    flex-direction: column;
}

.transition {<commit_msg>Render fade transition check box in Firefox<commit_after>@value selectionColor from './colors.module.css';

.upper_section {
    background: #50514f;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}

.lower_section {
    background: #A2A2A2;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}

.upper_background, .lower_background {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.disabled {
    pointer-events: none;
    opacity: 0.3;
}

.active {
    background: selectionColor !important;
}

.active div,
.active .extended_option {
    color: #ffffff;
}

.extended_option {
    display: none !important;
}

.active .extended_option {
    display: flex !important;
    height: auto;
    width: 82.5%;
    align-items: center;
    padding: 5% 2.5%;
    padding-left: 15%;
}

.extended_option input {
    opacity: 1 !important;
    visibility: hidden;
    position: absolute;
    left: -15px;
    top: 8px;
    width: auto;
}

.container.container_with_option label:first-child {
    padding-bottom: 10px;
}

.active .extended_option:before {
    display: block;
    content: ' ';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMjIgMnYyMGgtMjB2LTIwaDIwem0yLTJoLTI0djI0aDI0di0yNHoiLz48L3N2Zz4=);
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 13px;
    top: 10px;
}

.active .extended_option.active:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTIyIDJ2MjBoLTIwdi0yMGgyMHptMi0yaC0yNHYyNGgyNHYtMjR6bS01LjU0MSA4LjQwOWwtMS40MjItMS40MDktNy4wMjEgNy4xODMtMy4wOC0yLjkzNy0xLjM5NSAxLjQzNSA0LjUgNC4zMTkgOC40MTgtOC41OTF6Ii8+PC9zdmc+);
}

.container {
    height: 90px;
    display: flex !important;
    align-items: center;
    border-top: 1px solid #ffffff;
    background: #e5e5e5;
}
.container:hover {
     background: #ddd;
}

.container label:first-child {
    height: 60px;
    width: 100%;
    padding: 15px 0;
}

.container_with_option.active {
    height: auto;
    flex-direction: column;
}

.transition {
{'fraction_non_alphanumeric': 0.11090573012939002, 'fraction_numerical': 0.053604436229205174, 'mean_word_length': 3.585687382297552, 'pattern_counts': {'":': 0, '<': 4, '<?xml version=': 0, '>': 4, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 4}, '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': '3755465', 'n_tokens_mistral': 2131, 'n_tokens_neox': 1957, 'n_words': 340}