<commit_before>// highlights.scss
// Styling for the highlights functionality
// ----------------------------------------------------------------------------------------
@import '~mixins.scss';
@import '~variables.scss';



// Higlights config popup
// -------------------------------------------------

.highlights-config-popup {
    .multi-select {
        margin-top: 10px;
        li {
            margin-bottom: 5px;
            .text {
                &:hover {
                    cursor: pointer;
                }
            }
        }
    }

    .pills-list {
        margin-top: 15px;
        h6 {
            text-transform: none !important;
        }
    }

    .modal-body {
        .char-count {
            font-size: 11px;
            font-style: italic;
            &.error {
                @include text-semibold();
                color: #D33C30;
            }
        }
    }
}

.highlights-title {
    display: inline-block;
    position: relative;
    .tooltip-inner {
        width: 150px;
        text-align: left;
        h5 {
            font-size: 11px;
            margin: 0 0 8px;
            color: #a7a7a7;
        }
        button {
                        position: absolute;
                        right: 7px;
            color: #656565;
        }
        li {
            height: 1%;
            overflow: hidden;
                        padding-right: 45px;
        }
    }
    &:hover {
        cursor: pointer;
    }
}

.highlights-list {
    display: inline-block;
    vertical-align: middle;
}

.highlights-preview-list {
    background-color: transparent;
}

.highlights-list-menu {
    padding: 5px 0;
    margin: 6px 0 0 0;
    background-color: $black;
    &:before {
        display: none;
    }
    li {
        position: relative;
        color: $white;
        padding-right: 45px;
        padding: 5px 75px 5px 10px;
        max-width: 250px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

        .dropdown__menu-label {
            font-size: 11px;
            padding-left: 0;
            color: #a7a7a7;
        }
        .dropdown__menu-close {
            position: absolute;
            top: 5px; right: 5px;
            padding: 0; margin: 0;
            border: 0; width: auto;
            @include opacity(50);
            background-color: transparent;
            i { margin-right: 0; }
            &:hover, &:focus {
                background-color: transparent;<commit_msg>Fixing styles for the mark desk and highlights drop down.<commit_after>// highlights.scss
// Styling for the highlights functionality
// ----------------------------------------------------------------------------------------
@import '~mixins.scss';
@import '~variables.scss';



// Higlights config popup
// -------------------------------------------------

.highlights-config-popup {
    .multi-select {
        margin-top: 10px;
        li {
            margin-bottom: 5px;
            .text {
                &:hover {
                    cursor: pointer;
                }
            }
        }
    }

    .pills-list {
        margin-top: 15px;
        h6 {
            text-transform: none !important;
        }
    }

    .modal-body {
        .char-count {
            font-size: 11px;
            font-style: italic;
            &.error {
                @include text-semibold();
                color: #D33C30;
            }
        }
    }
}

.highlights-title {
    display: inline-block;
    position: relative;
    .tooltip-inner {
        width: 150px;
        text-align: left;
        h5 {
            font-size: 11px;
            margin: 0 0 8px;
            color: #a7a7a7;
        }
        button {
                        position: absolute;
                        right: 7px;
            color: #656565;
        }
        li {
            height: 1%;
            overflow: hidden;
                        padding-right: 45px;
        }
    }
    &:hover {
        cursor: pointer;
    }
}

.highlights-list {
    display: inline-block;
    vertical-align: middle;
}

.highlights-preview-list {
    background-color: transparent;
}

.highlights-list-menu {
    padding: 5px 0;
    margin: 6px 0 0 0;
    background-color: $black !important;
    &:before {
        display: none;
    }
    li {
        position: relative;
        color: $white;
        padding-right: 45px;
        padding: 5px 75px 5px 10px;
        max-width: 250px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

        .dropdown__menu-label {
            font-size: 11px;
            padding-left: 0;
            color: #a7a7a7;
        }
        .dropdown__menu-close {
            position: absolute;
            top: 5px; right: 5px;
            padding: 0; margin: 0;
            border: 0; width: auto;
            @include opacity(50);
            background-color: transparent;
            i { margin-right: 0; }
            &:hover, &:focus {
                background-color: transparent;
{'fraction_non_alphanumeric': 0.15568385427035636, 'fraction_numerical': 0.02588094764085208, 'mean_word_length': 1.070898598516076, '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': '6532363', 'n_tokens_mistral': 1533, 'n_tokens_neox': 1397, 'n_words': 317}