@import '../../css/flex.less';
@import '../../css/variables.less';

.custom-layout-head {
    height: 67px;
    border-bottom: 1px solid #EAECEF;
    .dja(space-between);
    padding: 0 20px;

    .layout-head-left {
        .da();

        span {
            font-style: normal;
            font-weight: 800;
            font-size: @font-size-40;
            color: #e6e6e6;
            line-height: 48px;
            white-space: nowrap;
        }

        .layout-chose-button {
            margin-left: 50px;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            cursor: pointer;
            white-space: nowrap;
            transition: all 0.2s;
            color: #000000;
        }

        .active {
            color: #C99400;
            transition: all 0.2s;
        }
    }

    .layout-head-right {
        .da();

        .logout {
            background: #fd1753;
            border: none;
            margin-right: 20px;
            --ripple-color: #fd6053 !important;
        }
    }
}
