.mtp-tabbar {
    [theme='light'] & {
        --bgcolor            : #fff;
        --tab-border-color   : #dae5ec;
        --tab-checked-color  : #5179e2;
        --tab-checked-bgcolor: #d4e0ff;
    }

    &--menu {
        .list {
            display        : flex;
            list-style-type: none;
            margin         : 0;
            padding        : 0;

            &-item {
                display        : flex;
                justify-content: center;
                align-items    : center;
                height         : 22px;
                color          : #7a8a94;
                cursor         : pointer;
                border         : 1px solid var(--tab-border-color, #22292c);
                padding        : 0 16px;

                &:not(:first-child) {
                    border-left: 0;
                }

                &.active {
                    color           : var(--tab-checked-color, #0866b8);
                    background-color: var(--tab-checked-bgcolor, #0e2f4c);
                }
            }
        }
    }
}