.wb_tabs_tabs{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    border-left:none;
    border-right:none;
}
.wb_tabs_tabs>.wb-tabs-buttons-wrapper{
    flex-grow:0;
    flex-shrink:0;
}
.wb_tabs_tabs>.wb-tabs-content{
    flex-grow:1;
    width:100%;
}

.wb-tabs-buttons-inner{
    position:relative;
}

.wb-tabs-buttons-item{
    background:#333;
    border: 1px solid #fff;
    border-right:none;
    position:relative;
    color:#fff;
    display:block;
}
.wb-tabs-buttons-item:hover{
    color:#fff;
}
.wb-tabs-buttons-item:first-child{
    border-top:none;
}
.wb-tabs-buttons-item:last-child{
    border-bottom:none;
}

.wb-tabs-buttons-item h4{
    padding:1em;
    margin:0 !important;
    font-size:18px;
    text-align:center;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    transform:rotate(180deg);
    min-height:140px;
    color:inherit;
}

.wb_tabs_tabs .wb-tabs-buttons-item-active{
    background:#fff;
    color:inherit;
}

.wb-tabs-content *[data-tab]{
    display:none;
}
.wb-tabs-content *[data-tab].wb-tabs-active{
    display:block;
}

.tabs_tabs_nav{
    margin-top:2em;
    font-size:1.6em;
}
.tabs_tabs_nav .nav-previous,
.tabs_tabs_nav .nav-next{
    cursor:pointer;
}

.tabs_tabs_nav svg{
    position:relative;
    top:0.35em;
    font-size:1.5em;
    margin:0 0.5em;
}

/* Top tabs style */
.wb_tabs_tabs.is-style-top{
    flex-direction:column;
}
.wb_tabs_tabs.is-style-top .wb-tabs-buttons{
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    gap:2px;
}
.wb_tabs_tabs.is-style-top .wb-tabs-buttons-item h4{
    writing-mode: inherit;
    text-orientation: inherit;
    transform: none;
    min-height: 0;
}
.wb_tabs_tabs.is-style-top .tabs_tab_add {
    width: auto;
    height:100%;
    min-width:40px;
}
.wb_tabs_tabs.is-style-top .wb-tabs-buttons-item .buttons_wrapper{
    width: auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    top: auto;
    width: 200%;
}
.wb_tabs_tabs.is-style-top .wb-tabs-buttons-item button:nth-child(2)>svg{
    transform: rotate( 90deg );
}
.wb_tabs_tabs.is-style-top .wb-tabs-buttons-item button:last-child>svg{
    transform: rotate( -90deg );
}