.ui-tabs-nav {
    display: flex;
    border-bottom: 2px solid var(--tabs-border-color);
    margin-bottom: 16px;
    height: auto;
    width: auto;
}

.ui-tabs-nav > li {
    position: relative;
    padding: 6px 18px;
    cursor: pointer;
    font-weight: bold;
    color: var(--tabs-text-inactive);
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
    float: none;
    margin-right: 0;
}

.ui-tabs-nav > li:hover {
    color: var(--tabs-text-active);
}

.ui-tabs-nav .fw-button {
    color: var(--tabs-text-inactive);
    border: none;
    background: transparent;
    padding: 0;
}

.ui-tabs-nav .ui-tabs-active,
.ui-tabs-nav .current-tab {
    color: var(--tabs-text-active);
    border-bottom-color: var(--tabs-indicator-color);
}

.ui-tabs-nav .ui-tabs-active .fw-button,
.ui-tabs-nav .current-tab .fw-button {
    color: var(--tabs-text-active);
    background: transparent;
}

.ui-tabs-nav > li:hover .fw-button {
    color: var(--tabs-text-active);
}

.ui-tabs-panel {
    height: auto;
    overflow: auto;
    min-height: 220px;
    padding: 0;
    margin-top: 24px;
}

.tab-link-inner {
    display: block;
    margin-left: 20px;
    color: var(--cs-light-text-secondary);
}
