<commit_before>@import "variables";
@import "mixins";

.connect-text{
    box-sizing: @box-sizing;
    position: relative;

    .vertical-middle();

    .connect-viz-result{
        position: relative;
        display: block;
        text-align: center;
        font: @text-value-size @text-value-font-family;
        color: @label-color;
        line-height: @text-value-line-height;
        
        > span{
            position: relative;
        }

        transition: color @text-value-animation-delay linear;
        
        .connect-text-value{
            font-feature-settings: 'tnum';            
        }

        .connect-text-icon{
            position: absolute;
            backface-visibility: hidden;
            opacity: 0;
            font-size: @text-value-icon-size;
            left: -@text-value-icon-size;
        }

        .connect-text-icon-increase{
            bottom: @text-value-icon-position-start;
            transform: translateY(50%);
            transition: opacity @text-value-animation-delay linear, bottom @text-value-animation-delay linear;
        }

        .connect-text-icon-decrease{
            top: @text-value-icon-position-start;
            transform: translateY(-50%);
            transition: opacity @text-value-animation-delay linear, top @text-value-animation-delay linear;
        }

        &.connect-text-value-increasing{
            color: @text-value-increasing-color;     

            .connect-text-icon-increase{
                opacity: 1;
                bottom: @text-value-icon-position-finish;
            }
        }

        &.connect-text-value-decreasing{
            color: @text-value-decreasing-color;

            .connect-text-icon-decrease{
                opacity: 1;
                top: @text-value-icon-position-finish;
            }
        }
    }

    &.connect-viz-loading, &.connect-viz-in-error{
        .connect-text-value > span{
            visibility: hidden;
        }
    }    <commit_msg>fix visibility of text viz while loading<commit_after>@import "variables";
@import "mixins";

.connect-text{
    box-sizing: @box-sizing;
    position: relative;

    .vertical-middle();

    .connect-viz-result{
        position: relative;
        display: block;
        text-align: center;
        font: @text-value-size @text-value-font-family;
        color: @label-color;
        line-height: @text-value-line-height;
        
        > span{
            position: relative;
        }

        transition: color @text-value-animation-delay linear;
        
        .connect-text-value{
            font-feature-settings: 'tnum';            
        }

        .connect-text-icon{
            position: absolute;
            backface-visibility: hidden;
            opacity: 0;
            font-size: @text-value-icon-size;
            left: -@text-value-icon-size;
        }

        .connect-text-icon-increase{
            bottom: @text-value-icon-position-start;
            transform: translateY(50%);
            transition: opacity @text-value-animation-delay linear, bottom @text-value-animation-delay linear;
        }

        .connect-text-icon-decrease{
            top: @text-value-icon-position-start;
            transform: translateY(-50%);
            transition: opacity @text-value-animation-delay linear, top @text-value-animation-delay linear;
        }

        &.connect-text-value-increasing{
            color: @text-value-increasing-color;     

            .connect-text-icon-increase{
                opacity: 1;
                bottom: @text-value-icon-position-finish;
            }
        }

        &.connect-text-value-decreasing{
            color: @text-value-decreasing-color;

            .connect-text-icon-decrease{
                opacity: 1;
                top: @text-value-icon-position-finish;
            }
        }
    }

    &.connect-viz-loading, &.connect-viz-in-error{
        .connect-text-results > span{
            visibility: hidden;
        }
    }    
{'fraction_non_alphanumeric': 0.12046988252936766, 'fraction_numerical': 0.0034991252186953262, 'mean_word_length': 1.5539246968730058, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '6772676', 'n_tokens_mistral': 1184, 'n_tokens_neox': 1118, 'n_words': 188}