<commit_before>// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";
@import "syntax-variables";

.hydrogen.output-bubble {
    @light-bubble-background: fadein(lighten(@syntax-background-color, 40%), 100%);
    @dark-bubble-background: fadein(lighten(@syntax-background-color, 10%), 100%);
    @bubble-background: contrast(@syntax-text-color, @dark-bubble-background, @light-bubble-background, 20%);
    @button-text-color: lighten(@syntax-text-color, 20%);
    color: lighten(@syntax-text-color, 10%);

    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px;
    white-space: pre;
    display: inline-block;

    &.rich {
        border: none;

        .bubble-output-container{
            max-height: 500px;
        }

        &.svg {
            background-color: white;
        }

        .rich-close-button {
            &::before {
                color: @button-text-color;
                background-color: @bubble-background;
                display: block;
                top: -12px;
                right: -12px;
                cursor: pointer;
                border-radius: 50%;
                width: 1.5em;
                height: 1.5em;
                line-height: 1.5em;
                text-align: center;
                box-shadow: 0 0 2px 0px rgba(0,0,0,0.5);
                margin: 0;
            }
        }
    }

    &:not(.multiline) {
        background-color: @bubble-background;
        float: left;
        box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
        .bubble-output-container {
            display: inline;
            pre {
                display: inline;
                font-size: inherit;
                cursor: pointer;
            }
        }
    }

    &.multiline {
        padding-right: 0px;
        display: flex;
        margin: 0px !important;

        .bubble-output-container {
            box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
        }
    }

    &.multiline:not(.rich) {
        .bubble-action-panel {
            display: inline-flex;
        }

        .bubble-output-container {
            border-radius: 3px 0 0 3px;
            padding: 3px;
            padding-right: 7px;
            overflow: overlay;
        }

        .rich-close-button::before {
            display: none;
        }
    }

    .rich-close-button::before {
        display: none;
    }

    .bubble-output-container {
        color: lighten(@syntax-text-color, 10%);
        background-color: @bubble-background;
        border-radius: 3px;
<commit_msg>Fix styling: inconsistent shadow of result bubble<commit_after>// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";
@import "syntax-variables";

.hydrogen.output-bubble {
    @light-bubble-background: fadein(lighten(@syntax-background-color, 40%), 100%);
    @dark-bubble-background: fadein(lighten(@syntax-background-color, 10%), 100%);
    @bubble-background: contrast(@syntax-text-color, @dark-bubble-background, @light-bubble-background, 20%);
    @button-text-color: lighten(@syntax-text-color, 20%);
    color: lighten(@syntax-text-color, 10%);

    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px;
    white-space: pre;
    display: inline-block;

    &.rich {
        border: none;

        .bubble-output-container{
            max-height: 500px;
        }

        &.svg {
            background-color: white;
        }

        .rich-close-button {
            &::before {
                color: @button-text-color;
                background-color: @bubble-background;
                display: block;
                top: -12px;
                right: -12px;
                cursor: pointer;
                border-radius: 50%;
                width: 1.5em;
                height: 1.5em;
                line-height: 1.5em;
                text-align: center;
                box-shadow: 0 0 2px 0px rgba(0,0,0,0.5);
                margin: 0;
            }
        }
    }

    &:not(.multiline) {
        background-color: @bubble-background;
        float: left;
        box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
        .bubble-output-container {
            display: inline;
            pre {
                display: inline;
                font-size: inherit;
                cursor: pointer;
            }
        }
    }

    &.multiline {
        padding-right: 0px;
        display: flex;
        margin: 0px !important;

        .bubble-output-container {
            box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
        }
    }

    &.multiline:not(.rich) {
        .bubble-action-panel {
            display: inline-flex;
        }

        .bubble-output-container {
            border-radius: 3px 0 0 3px;
            padding: 3px;
            padding-right: 7px;
            overflow: overlay;
        }

        .rich-close-button::before {
            display: none;
        }
    }

    .rich-close-button::before {
        display: none;
    }

    .bubble-output-container {
        color: lighten(@syntax-text-color, 10%);
        background-color: @bubble-background;
        // in order to don't accept the shadow from action-panel
        z-index: 0;
        border-radius: 3px;

{'fraction_non_alphanumeric': 0.1272627537026879, 'fraction_numerical': 0.026878771256171146, 'mean_word_length': 1.5477410340009314, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '3786941', 'n_tokens_mistral': 1853, 'n_tokens_neox': 1624, 'n_words': 341}