@import "../../../styles/variables.less";

.@{coach-prefix}-header{
    background-color: @coach-header-bg;
    box-shadow: @coach-header-box-shadow;
    &-wrapper{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: @coach-header-height;
        min-height: 60px;
        padding: @coach-header-padding-verticle @coach-header-padding-horizontal;
    }
    &-brand{
        display: flex;
        align-items: center;
        &_text{
            color: @coach-header-color;
            margin-left: 5px;
        }
    }
    &-controller{
        display: flex;
        align-items: center;
        &_item+&_item{
            margin-left: 60px;
        }
        &_text{
            color: @coach-header-color;
            margin-left: 5px;
        }
    }
    &-logout{
        cursor: pointer;
    }
}