<commit_before>.container {
    position: relative;
    padding: 0;
    pointer-events: none;
}

.tabs {
    position: relative;
    display: flex;
    flex-grow: 1;
    margin-right: .5rem;
}

.tabs::-webkit-scrollbar {
    display: none;
}

.tab {
    --tab-default-background-color: hsl(0, 0%, 11%);
    --tab-selected-background-color: hsl(60, 2%, 16%);
    --tab-default-background-color-transparent: hsla(0, 0%, 11%, 0);
    --tab-selected-background-color-transparent: hsla(60, 2%, 16%, 0);
    --tab-default-border-color: hsla(0, 0%, 100%, .15);
    --tab-selected-border-color: hsl(var(--selected-hue), var(--selected-sat), 40%);
    --border-top-right-radius: .5rem;
    --tab-spacing: .3rem;
    --tab-min-width: 8.5rem;
    --tab-max-width: 17rem;
    /* [HACK] transparent colors are needed and cannot be replaced with 'transparent' because of iOS */
    --default-gradient: linear-gradient(to right, var(--tab-default-background-color-transparent), var(--tab-default-background-color) 100%);
    --selected-gradient: linear-gradient(to right, var(--tab-selected-background-color-transparent), var(--tab-selected-background-color) 100%);
    display: flex;
    justify-content: center;
    flex-grow: 1;
    background-color: var(--tab-default-background-color);
    border-bottom: 3px solid var(--tab-default-border-color);
    border-top-right-radius: var(--border-top-right-radius);
    border-top-left-radius: .5rem;
    margin-top: .5rem;
    padding: 0 .5rem 0 .25rem;
    overflow: hidden;
    animation: added 500ms ease-in-out forwards;
}

@keyframes added {
    0% {
        opacity: 0;
        transform: translateY(-50%);
    }
}

.tab:first-child {
    /* align tabs to the right */
    margin-left: auto; 
}

.tab:not(:last-child) {
    margin-right: var(--tab-spacing);
}

.tab.regular {
    max-width: var(--tab-max-width);
    min-width: var(--tab-min-width);
}

.tab.regular.selected {
    background-color: var(--tab-selected-background-color);
    border-bottom: 3px solid var(--tab-selected-border-color);
}

.tab:hover {
    background-color: var(--tab-default-background-color);
}

.tab .title {<commit_msg>Increased left padding of tab.<commit_after>.container {
    position: relative;
    padding: 0;
    pointer-events: none;
}

.tabs {
    position: relative;
    display: flex;
    flex-grow: 1;
    margin-right: .5rem;
}

.tabs::-webkit-scrollbar {
    display: none;
}

.tab {
    --tab-default-background-color: hsl(0, 0%, 11%);
    --tab-selected-background-color: hsl(60, 2%, 16%);
    --tab-default-background-color-transparent: hsla(0, 0%, 11%, 0);
    --tab-selected-background-color-transparent: hsla(60, 2%, 16%, 0);
    --tab-default-border-color: hsla(0, 0%, 100%, .15);
    --tab-selected-border-color: hsl(var(--selected-hue), var(--selected-sat), 40%);
    --border-top-right-radius: .5rem;
    --tab-spacing: .3rem;
    --tab-min-width: 8.5rem;
    --tab-max-width: 17rem;
    /* [HACK] transparent colors are needed and cannot be replaced with 'transparent' because of iOS */
    --default-gradient: linear-gradient(to right, var(--tab-default-background-color-transparent), var(--tab-default-background-color) 100%);
    --selected-gradient: linear-gradient(to right, var(--tab-selected-background-color-transparent), var(--tab-selected-background-color) 100%);
    display: flex;
    justify-content: center;
    flex-grow: 1;
    background-color: var(--tab-default-background-color);
    border-bottom: 3px solid var(--tab-default-border-color);
    border-top-right-radius: var(--border-top-right-radius);
    border-top-left-radius: .5rem;
    margin-top: .5rem;
    padding: 0 .5rem;
    overflow: hidden;
    animation: added 500ms ease-in-out forwards;
}

@keyframes added {
    0% {
        opacity: 0;
        transform: translateY(-50%);
    }
}

.tab:first-child {
    /* align tabs to the right */
    margin-left: auto;
}

.tab:not(:last-child) {
    margin-right: var(--tab-spacing);
}

.tab.regular {
    max-width: var(--tab-max-width);
    min-width: var(--tab-min-width);
}

.tab.regular.selected {
    background-color: var(--tab-selected-background-color);
    border-bottom: 3px solid var(--tab-selected-border-color);
}

.tab:hover {
    background-color: var(--tab-default-background-color);
}

.tab .title {
{'fraction_non_alphanumeric': 0.1793617516887957, 'fraction_numerical': 0.027719543442813882, 'mean_word_length': 2.917883211678832, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1683504', 'n_tokens_mistral': 1610, 'n_tokens_neox': 1492, 'n_words': 296}