.behaivor {
    // &.behaivor_0{
    //     display: none;
    // }

    &.behaivor_1 {
        
        pointer-events: all;

        .bar>.bar1 {
            background: $cg-red-dark;
        }

        // Red
    }

    &.behaivor_2 {
        pointer-events: all;

        .bar {

            .bar1,
            .bar2 {
                background: $cg-orange;

            }

            // Orange
        }
    }

    &.behaivor_3 {
        pointer-events: all;

        .bar {

            .bar1,
            .bar2,
            .bar3 {
                background: $cg-yellow;

            }

            // Yellow
        }
    }

    &.behaivor_4 {
        pointer-events: all;

        .bar {

            .bar1,
            .bar2,
            .bar3,
            .bar4 {
                background: $cg-blue;

            }

            // Light Green
        }
    }

    &.behaivor_5 {
        pointer-events: all;

        .bar {

            .bar1,
            .bar2,
            .bar3,
            .bar4,
            .bar5 {
                background: $cg-green;

            }

            // Green
        }
    }
}