.cat-navbar {
    width: 100%;
    color: #fff;
    background: linear-gradient(180deg, #FE3C3D 0%, #FD566D 100%);

    &__statusbar {
        background-color: transparent !important;
    }

    &__container {
        display: flex;
        font-size: 36rpx;

        .left,
        .center,
        .right {
            flex: 1;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            height: var(--navigationBarHeight);
        }

        .left {
            >.block {
                margin-right: auto;
                margin-left: 10rpx;
            }
        }

        .right {
            >.block {
                margin-left: auto;
                margin-right: 10rpx;
            }
        }
    }

    &__footer:empty {
        display: none;
    }
}