.slide-tab {
    position: relative;
}

    .slide-tab .slide-tab--ul {
        list-style: none;
        margin: 0;
        display: flex;
        text-align: center;
        border: 2px solid gray;
        border-radius: 5rem;
    }

        .slide-tab .slide-tab--ul li {
            flex-grow: 1;
            flex-basis: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 5px;
            white-space: nowrap;
            color: gray;
        }

            .slide-tab .slide-tab--ul li a {
                color: gray;
                font-weight: 600;
            }

            .slide-tab .slide-tab--ul li.ui-tabs-active {
                color: white;
            }

    /*.slide-tab .slide-tab--ul li.ui-tabs-active a {
                color: white;
            }*/

    .slide-tab .slide-tab--bg {
        position: absolute;
        /*width: calc(100%/4);*/
        height: 100%;
        background: #c1272d;
        top: 0;
        left: 0;
        border-radius: 5rem;
        transition: left 0.35s cubic-bezier(0, 0.81, 0.25, 1.22);
        color: white;
        font-weight: 700;
        padding: 5px;
        cursor: default;
    }

        .slide-tab .slide-tab--bg .slide-tab--bgspn1 {
            display: table;
            table-layout: fixed;
            height: 100%;
            width: 100%;
        }

            .slide-tab .slide-tab--bg .slide-tab--bgspn1 .slide-tab--bgspn2 {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: center;
                display: table-cell;
                vertical-align: middle;
            }

.slide-tab-dark .slide-tab .slide-tab--ul {
    border: 2px solid #fff;
}

    .slide-tab-dark .slide-tab .slide-tab--ul li, .slide-tab-dark .slide-tab .slide-tab--ul li a {
        color: white;
    }

.slide-tab-dark .slide-tab .slide-tab--bg {
    background: #ae0001;
}