ul {
    list-style: none;
    margin: 0;
    padding: 0;

}
/*
ul .tab-group {
    list-style: none;
    margin: 0;
    padding: 0;

}
*/
.tab-group{
    display: flex;
    justify-content: center;
/*    height: var(root-height);*/
}
.tab{
    flex-grow: 1;
/*    padding:5px;*/
    padding:0px;
    list-style:none;
    border:solid 1px #CCC;
    text-align:center;
    cursor:pointer;
}
.panel-group{
    height:var(part-height);
    border:solid 1px #CCC;
    border-top:none;
    background:#eee;
}
.panel{
    display:none;
}
.tab.is-active{
    background: Highlight;
    color: HighlightText;
    transition: all 0.2s ease-out;
}
.panel.is-show{
    display:block;
}