.c-tab-filter {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid var(--color-border-light);
    padding: 0 16px;
    background: var(--color-surface-primary);
    gap: 0;
}

.c-options-page .c-tab-filter {
    padding: 0;
    gap: 16px;
    border-bottom: 0;
    background: transparent;
    align-self: stretch;
}

.c-tab-filter__tab {
    position: relative;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-icon-neutral);
    font-size: 14px;
    font-weight: 480;
    line-height: 20px;
    letter-spacing: -0.1px;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.2s linear;
}

.c-tab-filter__tab::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    border-radius: 0;
    transition: background 0.2s linear;
}

.c-tab-filter__tab.is-active {
    color: #0098da;
}

.c-tab-filter__tab.is-active::after {
    background: #0098da;
}

.c-tab-filter__tab:hover:not(.is-active) {
    color: var(--color-text-strong);
}