<commit_before>@import "base_style";
.rc-menu-item:hover {
    cursor: pointer;
}
.bottom-menu {
    background-color: #f8f8f8;
    .rc-menu-item:first-child {
        margin-left: 8px;
    }
    .rc-menu-item {
        padding: 0;
        min-width: 90px;
        height: 86px;
        margin-top: 4px;
        margin-bottom: 4px;
        text-align: center;
        border-right: 1px solid #ddd;
        background: none;
        white-space: normal;
    }
    .rc-menu-item-selected {
        background: none;
        height: 86px;
    }
    .rc-menu-item:hover {
        margin-bottom: 0;
        height: 86px;
        input[type=range] {
            &::-webkit-slider-thumb {
                background: #2baee9;
            }
            &::-moz-range-thumb {
                background: #2baee9;
            }
            &::-ms-thumb {
                background: #2baee9;
            }
        }
    }
    .slider {
        width: 250px;
        height: 78px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 19px;
        .sliderData {
            padding-top: 13px;
        }
    }
    .sliderWithIcons {
        .sliderData {
            padding-top: 15px;
            div {
                display: inline-block;
            }
            .slider-icon {
                font-size: 20px;
                opacity: 0.5;
                color: #666;
            }
            .slider-icon:hover {
                color: #2baee9;
            }
            .slider-left-icon {
                float: left;
            }
            .slider-right-icon {
                float: right;
            }
        }
    }
}
.sidebar-menu {
    border-bottom: none;
    .rc-menu-item {
        width: $sidebarWidth/2;
        text-align: center;
        background-color: #eee;
    }
    .rc-menu-item:first-child {
        border-right: 2px solid #aaa;
    }
    .rc-menu-item-selected {
        background-color: #ddd;
    }
    .rc-menu-item:disabled {
        opacity: 0.5;
    }
}
.rc-menu-item:disabled {
    opacity: 0.25;
}
.rc-menu-item .button-icon {
    font-size: 32px;
    opacity: 0.5;
    padding-bottom: 11px;
    padding-top: 15px;
    display: block;
}
// Slider style
input[type=range] {
    -webkit-appearance: none;
    margin: 7.8px 0;
    &:focus {
        outline: none;
    }
    &::-webkit-slider-runnable-track {
        width: 100%;
        height: 8.4px;
        cursor: pointer;
        box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
        background: rgba(102, 102, 102, 0.5);
        border-radius: 1.3px;
        border: 0.2px solid #010101;
    }
    &::-webkit-slider-thumb {
        box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
        border: 1px solid #000000;
        height: 24px;
        width: 11px;
        border-radius: 3px;
        background: #ffffff;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -8px;
    }
    &:focus::-webkit-slider-runnable-track {
        background: rgba(102, 102, 102, 0.5);
    }
    &::-moz-range-track {
        width: 100%;
        height: 8.4px;
        cursor: pointer;
        box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
        background: rgba(102, 102, 102, 0.5);
        border-radius: 1.3px;
        border: 0.2px solid #010101;
    }
    &::-moz-range-thumb {
        box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
        border: 1px solid #000000;
        height: 24px;
        width: 11px;
        border-radius: 3px;
        background: #ffffff;
        cursor: pointer;
    }
    &::-ms-track {
        width: 100%;
        height: 8.4px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }
    &::-ms-fill-lower {
        background: rgba(42, 100, 149, 0.5);
        border: 0.2px solid #010101;
        border-radius: 2.6px;
        box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
    }
    &::-ms-fill-upper {
        background: rgba(48, 113, 169, 0.5);
        border: 0.2px solid #010101;
        border-radius: 2.6px;
        box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
    }
    &::-ms-thumb {
        box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
        border: 1px solid #000000;
        height: 24px;
        width: 11px;
        border-radius: 3px;
        background: #ffffff;
        cursor: pointer;
        height: 8.4px;
    }
    &:focus {
        &::-ms-fill-lower {
            background: rgba(48, 113, 169, 0.5);
        }
        &::-ms-fill-upper {
            background: rgba(54, 126, 189, 0.5);
        }
    }
}<commit_msg>Styling should be finished for the slider, awaiting approval<commit_after>@import "base_style";
.rc-menu-item:hover {
    cursor: pointer;
}
.bottom-menu {
    background-color: #f8f8f8;
    .rc-menu-item:first-child {
        margin-left: 8px;
    }
    .rc-menu-item {
        padding: 0;
        min-width: 90px;
        height: 86px;
        margin-top: 4px;
        margin-bottom: 4px;
        text-align: center;
        border-right: 1px solid #ddd;
        background: none;
        white-space: normal;
    }
    .rc-menu-item-selected {
        background: none;
        height: 86px;
    }
    .rc-menu-item:hover {
        margin-bottom: 0;
        height: 86px;
        input[type=range] {
            &::-webkit-slider-thumb {
                background: #35b8fd;
                border: 0px;
            }
            &::-moz-range-thumb {
                background: #35b8fd;
                border: 0px;
            }
            &::-ms-thumb {
                background: #35b8fd;
                border: 0px;
            }
        }
    }
    .slider {
        width: 250px;
        height: 78px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 19px;
        .sliderData {
            padding-top: 15px;
        }
    }
    .sliderWithIcons {
        .sliderData {
            div {
                display: inline-block;
            }
            .slider-icon {
                font-size: 20px;
                opacity: 0.5;
                color: #666;
            }
            .slider-icon:hover {
                color: #2baee9;
            }
            .slider-left-icon {
                float: left;
            }
            .slider-right-icon {
                float: right;
            }
        }
    }
}
.sidebar-menu {
    border-bottom: none;
    .rc-menu-item {
        width: $sidebarWidth/2;
        text-align: center;
        background-color: #eee;
    }
    .rc-menu-item:first-child {
        border-right: 2px solid #aaa;
    }
    .rc-menu-item-selected {
        background-color: #ddd;
    }
    .rc-menu-item:disabled {
        opacity: 0.5;
    }
}
.rc-menu-item:disabled {
    opacity: 0.25;
}
.rc-menu-item .button-icon {
    font-size: 32px;
    opacity: 0.5;
    padding-bottom: 11px;
    padding-top: 15px;
    display: block;
}
// Slider style
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.8px 0;
  &:focus {
    outline: none;
  }
  &::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: rgba(102, 102, 102, 0.5);
    border-radius: 1.3px;
  }
  &::-webkit-slider-thumb {
    border: 1px solid #000000;
    height: 24px;
    width: 10px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8px;
  }
  &:focus::-webkit-slider-runnable-track {
    background: rgba(102, 102, 102, 0.5);
  }
  &::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: rgba(102, 102, 102, 0.5);
    border-radius: 1.3px;
  }
  &::-moz-range-thumb {
    border: 1px solid #000000;
    height: 24px;
    width: 11px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
  }
  &::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  &::-ms-fill-lower, &::-ms-fill-upper {
    background: rgba(102, 102, 102, 0.5);
    border-radius: 2.6px;
  }
  &::-ms-thumb {
    border: 1px solid #000000;
    height: 24px;
    width: 11px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    height: 8.4px;
  }
  &:focus {
    &::-ms-fill-lower, &::-ms-fill-upper {
      background: rgba(102, 102, 102, 0.5);
    }
  }
}
{'fraction_non_alphanumeric': 0.13522835394862037, 'fraction_numerical': 0.06232159847764034, 'mean_word_length': 1.4645369284876906, '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': '668683', 'n_tokens_mistral': 3362, 'n_tokens_neox': 2889, 'n_words': 607}