<commit_before>@mixin chart_icon($name) {
    .#{$name}.chart_icon {
        background-image: url("/images/visualizations/dialog/#{$name}_off.png");
        &.selected {
           background-image: url("/images/visualizations/dialog/#{$name}_on.png");
        }
    }
}

.visualization.dialog {
    .dialog_content {
        padding: 0;
    }

    .right {
        float: right;
    }

    .headerbar {
        background: $body-background-color;
        border-bottom: 1px solid $list-border-color;
        font-size: 0;

        .text {
            padding: 12px 10px 0;
            display: inline-block;
            vertical-align: top;
        }

        .type {
            font-size: 14px;
            font-weight: $semibold;
            color: $color-text3;
        }

        .label {
            @include results-console;
        }

        .filter {
            font-size: 12px;
            font-weight: $semibold;
            padding: 0 10px 0 0;
            line-height: 35px;
            vertical-align: middle;
        }

        .chart_icon {
            height: 35px;
            width: 45px;
            display: inline-block;
            background-repeat: no-repeat;
            background-position-x: 5px;
            background-position-y: 5px;
            border-left: 1px dotted $list-border-color;<commit_msg>fixed v11n icon positions in v11n dialog<commit_after>@mixin chart_icon($name) {
    .#{$name}.chart_icon {
        background-image: url("/images/visualizations/dialog/#{$name}_off.png");
        &.selected {
           background-image: url("/images/visualizations/dialog/#{$name}_on.png");
        }
    }
}

.visualization {
    .dialog_content {
        padding: 0;
    }

    .right {
        float: right;
    }

    .headerbar {
        background: $body-background-color;
        border-bottom: 1px solid $list-border-color;
        font-size: 0;

        .text {
            padding: 12px 10px 0;
            display: inline-block;
            vertical-align: top;
        }

        .type {
            font-size: 14px;
            font-weight: $semibold;
            color: $color-text3;
        }

        .label {
            @include results-console;
        }

        .filter {
            font-size: 12px;
            font-weight: $semibold;
            padding: 0 10px 0 0;
            line-height: 35px;
            vertical-align: middle;
        }

        .chart_icon {
            height: 35px;
            width: 45px;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            border-left: 1px dotted $list-border-color;
{'fraction_non_alphanumeric': 0.1175584024114544, 'fraction_numerical': 0.02260738507912585, 'mean_word_length': 1.4092558983666061, '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': '4869052', 'n_tokens_mistral': 845, 'n_tokens_neox': 765, 'n_words': 152}