@import '../../../style/index.less';

@acud-pro-page-layout-header-prefix-cls: ~'@{acud-pro-prefix}-page-layout__header';

.@{acud-pro-page-layout-header-prefix-cls} {

    &-title-wrapper {
        display: flex;
        justify-content: space-between;
    }

    &-left,
    &-right {
        display: flex;
        align-items: center;
    }

    &-back {
        display: flex;
        align-items: center;
        margin-right: 16px;
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #84868c;
        line-height: 20px;
        font-weight: 400;
        cursor: pointer;

        &-text {
            color: inherit;

            a {
                color: inherit;
            }
        }
    }

    &-title {
        font-family: PingFangSC-Medium;
        font-size: 18px;
        color: @text-color;
        line-height: 26px;
        font-weight: 500;
    }

    &-desc {
        margin-top: 8px;
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: @text-color-secondary;
        line-height: 20px;
        font-weight: 400;
    }

    &-custom {
        &-left,
        &-right {
            margin-left: 12px;
        }
    }

    &__small &-title {
        font-size: 16px;
        line-height: 24px;
    }
}