@import '~theme/index.less';
@aumentSize: 10px;

.navbar{
    -webkit-app-region: drag;
    text-align: right;
    
    height: @__app_winavar_height;
    width: 100%;
    position: absolute;
    z-index: 5000;
    top: 0;
    right: 0;
    background-color: rgba(54, 54, 54, 0.1);
    transition: all 150ms ease-in-out;
}

.navbar:hover{
    background-color: rgba(54, 54, 54, 0.65);
    height: calc(@__app_winavar_height + @aumentSize);
}

.controls{
    -webkit-app-region: no-drag;
    display: flex;
    text-align: right;
    float: right;
    width: auto;
    margin: auto;
    height: 100%;
    > div{
        padding: 0 14px;
        svg{
            margin: 0!important;
            padding: 0;
            height: 100%;
        }
    }
    > div:hover{
        background-color: rgba(54, 54, 54, 0.8); 
        color: #fdfdfd;
    }
    transition: all 150ms ease-in-out;
}

.controls:hover{
    background-color: rgba(54, 54, 54, 0.705);
}