.tab-menu.vertical {
    flex-direction: column;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 10px;
}
.tab-menu.vertical .tab.active {
    border-right: 0;
    bottom: 0;
    right: -1px;
    border-radius: 5px;
}
.tab-menu {
    display: flex;
    border-bottom: 1px solid #0002;
    margin-bottom: 10px;
    position: relative;
}
.tab-menu .tab {
    padding: 10px;
    cursor: pointer;
}
.tab-menu .tab.active {
    border-top: 1px solid #0002;
    border-left: 1px solid #0002;
    border-right: 1px solid #0002;
    position: relative;
    bottom: -1px;
    background: var(--color--tabs);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tab-content .tab {
    display: none;
}
.tab-content .tab.active {
    display: block;
}