<commit_before>$line-thickness: 3px;
body {
    background-color: #f7f7f7;
}
//
// Helper
// --------------------------------------------------
//override bootstrap rounded corners
.form-control,
.input-group-addon,
.btn {
    border-radius: 0px;
}

.footer {
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid $app-gray-very-light;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.spinner {
    position:relative;
    margin: 0 auto;
    display: block;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;

    border-bottom: 4px solid rgba(0,0,0,0.25);
    border-left: 4px solid rgba(0,0,0,0.25);
    border-right: 4px solid rgba(0,0,0,0.25);
    border-top: 4px solid rgba(0,0,0,0.75);

    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;

    height: 32px;
    width: 32px;
}

.spinner-lg {
    border-width:5px;
    height:40px;
    width:40px;
}

.spinner-wrapper {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    padding: 20px;
    z-index: 9999;
}

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

// changing opacity of spinner-wrapper without
// changing the opacity of child element
.spinner-wrapper:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    margin-left: -20px;
    margin-top: -20px;
    background-color: $app-gray-silver;
    opacity: 0.5;
    z-index: -1;
 }

//
// Top Work Stream buttons
// --------------------------------------------------
.workstream-buttons-wrapper {
    background-color: $app-gray-very-light;
    border-top: $app-gray-silver 1px solid;
    border-bottom: #ffffff 1px solid;
}

.workstream-button {
    margin: 4px;
    background-color: $app-gray-very-very-light;
    overflow: auto;
    float: left;
}

.workstream-button label {
    float: left;
    width: auto;
    margin: 0px;
}

.workstream-button label span {
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.workstream-button label span,
.scale-button span {
    text-align: center;
    display: block;
    padding: 10px 20px;
}

.workstream-button label input,
.scale-button input {
    position: absolute;

    /*hide the checkbox box*/
    top:-400px;
}

.workstream-button input:checked + span,
.all-selected
{
 color: #fff;
}

.workstream-button input.all:checked + span{
    background-color: $app-gray-darker;
}

//
// Time scale buttons
// --------------------------------------------------<commit_msg>made timeline buttons transition like the workstream buttons<commit_after>$line-thickness: 3px;
body {
    background-color: #f7f7f7;
}
//
// Helper
// --------------------------------------------------
//override bootstrap rounded corners
.form-control,
.input-group-addon,
.btn {
    border-radius: 0px;
}

.footer {
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid $app-gray-very-light;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.spinner {
    position:relative;
    margin: 0 auto;
    display: block;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;

    border-bottom: 4px solid rgba(0,0,0,0.25);
    border-left: 4px solid rgba(0,0,0,0.25);
    border-right: 4px solid rgba(0,0,0,0.25);
    border-top: 4px solid rgba(0,0,0,0.75);

    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;

    height: 32px;
    width: 32px;
}

.spinner-lg {
    border-width:5px;
    height:40px;
    width:40px;
}

.spinner-wrapper {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    padding: 20px;
    z-index: 9999;
}

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

// changing opacity of spinner-wrapper without
// changing the opacity of child element
.spinner-wrapper:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    margin-left: -20px;
    margin-top: -20px;
    background-color: $app-gray-silver;
    opacity: 0.5;
    z-index: -1;
 }

//
// Top Work Stream buttons
// --------------------------------------------------
.workstream-buttons-wrapper {
    background-color: $app-gray-very-light;
    border-top: $app-gray-silver 1px solid;
    border-bottom: #ffffff 1px solid;
}

.workstream-button {
    margin: 4px;
    background-color: $app-gray-very-very-light;
    overflow: auto;
    float: left;
}

.workstream-button label {
    float: left;
    width: auto;
    margin: 0px;
}

.workstream-button label span,
.scale-button span {
    text-align: center;
    display: block;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.workstream-button label input,
.scale-button input {
    position: absolute;

    /*hide the checkbox box*/
    top:-400px;
}

.workstream-button input:checked + span,
.all-selected
{
 color: #fff;
}

.workstream-button input.all:checked + span{
    background-color: $app-gray-darker;
}

//
// Time scale buttons
// --------------------------------------------------
{'fraction_non_alphanumeric': 0.19012738853503186, 'fraction_numerical': 0.03789808917197452, 'mean_word_length': 2.443530701754386, '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': '324961', 'n_tokens_mistral': 2392, 'n_tokens_neox': 2168, 'n_words': 504}