@import "../config.less";

.app {
    .size(10, 20);
    .border-radius(5px);
    .border-bottom-right-radius(10px);
    background: @--background-color;
    
    // ==================================
    &__help {
        
    }
    
    // ==================================
    &__notifications {
        
    }

    &__assets-version-indicator {
        .font_small();
        position: fixed;
        z-index: @z-index_css-update-indicator;
        bottom: 0;
        left: 0;
        padding: 0 5px;
        height: 18px;
        line-height: 18px;
        @randomColor: `("000000" + Math.floor(Math.random()*16777215).toString(16)).slice(-6)`;
        @colorHex: e(@randomColor);
        @color: ~"#@{colorHex}";
        background-color: @color;
        @strokeColor: rgba(255, 255, 255, .2);
        .border-top-right-radius(@--border-radius);
        text-shadow: 0px 0px 3px #fff,
           -1px -1px 0 @strokeColor,  
            1px -1px 0 @strokeColor,
            -1px 1px 0 @strokeColor,
             1px 1px 0 @strokeColor;
        //box-shadow: 0 0 2px 3px rgba(0,0,0,.3);
    }
}