.cat-rate {
    display: flex;
    align-items: center;

    &__level {
        display: flex;
        align-items: center;

        .cat-icon {
            margin-right: 4rpx;

            &::before {
                content: var(--icon-star);
                font-size: 16rpx;
            }
        }

        .cat-icon.active::before {
            color: var(--color-primary);
            content: var(--icon-star-filled);
        }
    }

    &__label {
        color: #777;
    }
}