<commit_before>body{
	overflow: hidden;
}

.completed {
    background-color: red;
    color:white;
    -webkit-animation-name: completed;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 5;
    -webkit-animation-timing-function: ease-in-out
}

/*Timer Config*/
#timerConfig {
    background-color: white;
    top: 100px;
    width: 400px;
    left: 100%;
    position: absolute;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    box-shadow: 0 0 8px gray;
}

.timerConfigAnimateIn {
    transition: 1s ease;
    transform: translateX(-401px);
}
.timerConfigAnimateOut {
    transition: 1s ease;
}
/*Timer Config Button*/
#timerConfigButton {
    display: none;
    background-color:white;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    left: -75px;
    top: 10px;
    border: 1px black;
    position: absolute;
    width: 75px;
    transition: 1s ease;
    height: 75px;
}
#timerConfig[data-state="closed"] #timerConfigButton {
    display: inline;
    background-color:white;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    left: -75px;
    top: -72px;
    border: 1px black;
    position: absolute;
    width: 75px;
    transition: 1s ease;
    height: 75px;
}
#stopwatch_brown{
    cursor: default;
    color:#784a32;
    font-size: 18px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
/*Timer Config Header*/
#timerConfigHeader {
    color: #784a32;
}
#timers{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
    top: auto;
    right: auto;
    direction: ltr;
    position: relative;
}
#timerConfig[data-state="closed"] #timerConfigBody{
    position: absolute;
    right: 100%;
}
#timerConfig[data-state="closed"] #timers{
    position:absolute;
    top: -87px;
    right: -1px;
    direction: rtl;
    overflow-y: visible;
    overflow-x: visible;
}

#timerConfig[data-state="open"] .timer[data-state="selected"] {
    background-color: #ff9a62;
    border-radius: 0px;
    margin-bottom: 10px;
    height: 75px;
}
#timerConfig[data-state="open"] .timer:last-of-type{
    margin-bottom: 0;
}

.timer {
    background-color: #e6e6e6;
    border-radius: 0px;
    margin-bottom: 10px;
    height: 75px;
    color:#784a32;
    font-size: 30px;
    position: relative;
    transition: 1s ease;
    cursor: pointer;
}
#timerConfig[data-state="closed"] .timer[data-state="selected"] {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    position: relative;
    height: 75px;
    top: 90px;
    min-width: 325px;
    width:auto;
    text-align: left;
    direction:ltr;
    border: 1px black;
    background-color: white;
    transition: 1s ease;

}
#timerConfig[data-state="closed"] .timer {
    background-color:white;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 1px black;<commit_msg>fixed config panel width so when names are too long buttons don't get kicked off<commit_after>body{
	overflow: hidden;
}

.completed {
    background-color: red;
    color:white;
    -webkit-animation-name: completed;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 5;
    -webkit-animation-timing-function: ease-in-out
}

/*Timer Config*/
#timerConfig {
    background-color: white;
    top: 100px;
    width: 500px;
    left: 100%;
    position: absolute;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    box-shadow: 0 0 8px gray;
}

.timerConfigAnimateIn {
    transition: 1s ease;
    transform: translateX(-501px);
}
.timerConfigAnimateOut {
    transition: 1s ease;
}
/*Timer Config Button*/
#timerConfigButton {
    display: none;
    background-color:white;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    left: -75px;
    top: 10px;
    border: 1px black;
    position: absolute;
    width: 75px;
    transition: 1s ease;
    height: 75px;
}
#timerConfig[data-state="closed"] #timerConfigButton {
    display: inline;
    background-color:white;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    left: -75px;
    top: -72px;
    border: 1px black;
    position: absolute;
    width: 75px;
    transition: 1s ease;
    height: 75px;
}
#stopwatch_brown{
    cursor: default;
    color:#784a32;
    font-size: 18px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
/*Timer Config Header*/
#timerConfigHeader {
    color: #784a32;
}
#timers{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
    top: auto;
    right: auto;
    direction: ltr;
    position: relative;
}
#timerConfig[data-state="closed"] #timerConfigBody{
    position: absolute;
    right: 100%;
}
#timerConfig[data-state="closed"] #timers{
    position:absolute;
    top: -87px;
    right: -1px;
    direction: rtl;
    overflow-y: visible;
    overflow-x: visible;
}

#timerConfig[data-state="open"] .timer[data-state="selected"] {
    background-color: #ff9a62;
    border-radius: 0px;
    margin-bottom: 10px;
    height: 75px;
}
#timerConfig[data-state="open"] .timer:last-of-type{
    margin-bottom: 0;
}

.timer {
    background-color: #e6e6e6;
    border-radius: 0px;
    margin-bottom: 10px;
    height: 75px;
    color:#784a32;
    font-size: 30px;
    position: relative;
    transition: 1s ease;
    cursor: pointer;
    text-align: right;
}
#timerConfig[data-state="closed"] .timer[data-state="selected"] {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    position: relative;
    height: 75px;
    top: 90px;
    min-width: 325px;
    width:auto;
    text-align: left;
    direction:ltr;
    border: 1px black;
    background-color: white;
    transition: 1s ease;

}
#timerConfig[data-state="closed"] .timer {
    background-color:white;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 1px black;
{'fraction_non_alphanumeric': 0.13703208556149732, 'fraction_numerical': 0.04344919786096257, 'mean_word_length': 3.000668449197861, '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': '6149309', 'n_tokens_mistral': 2335, 'n_tokens_neox': 2108, 'n_words': 473}