<commit_before>.menu {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 150ms ease-in-out 0ms;
    --button-size: var(--menu-width);
    --icon-size: 1.3rem;
}

.menu:first-child {
    padding-top: 9rem;
}

.menu:last-child {
    padding-bottom: 1rem;
}

.menu .section {
    display: flex;
    flex-direction: column;
    min-height: fit-content;
}

.menu button {
    position: relative;
    width: var(--button-size);
    height: var(--button-size);
    border: none;
    border-radius: .25rem;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.8);
    --opacity: .8;
    --border-opacity: 0;
}

.menu button svg {
    font-size: var(--icon-size);
    vertical-align: middle;
    text-align: right;
    transition: opacity 150ms ease-in-out 200ms;
}

.menu button:hover {
    color: white;
    cursor: pointer;
    --opacity: .5;
}

.menu button.active {
    --border-width: 3px;
    --border-opacity: 1;
    border-right: var(--border-width) solid transparent;
}

/* compensate icon position when border is active */
.menu button.active svg {
    margin-left: var(--border-width);
}

/* hide button icons when bar is hidden */
.menu.floating:not(:hover) button svg {
    opacity: 0;
}

.menu button.process {
    background-color: hsla(37, 27%, 39%, var(--opacity));
    border-color: hsla(37, 27%, 59%, var(--border-opacity));
}

.menu button.browse {
    background-color: hsla(127, 6%, 30%, var(--opacity));
    border-color: hsla(127, 6%, 50%, var(--border-opacity));
}

.menu button.terminal {
    background-color: hsla(221, 19%, 26%, var(--opacity));
    border-color: hsla(221, 19%, 46%, var(--border-opacity));
}

.menu button.app-launch-pad {
    background-color: hsla(310, 10%, 23%, var(--opacity));
    border-color: hsla(310, 10%, 43%, var(--border-opacity));
}

.menu button.tasks {
    background-color: hsla(310, 10%, 23%, var(--opacity));
    border-color: hsla(310, 10%, 43%, var(--border-opacity));
}

.menu button.users {
    background-color: hsla(310, 10%, 23%, var(--opacity));
    border-color: hsla(310, 10%, 43%, var(--border-opacity));
    /*margin-bottom: 2rem;*/<commit_msg>Made terminal menu icon smaller.<commit_after>.menu {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 150ms ease-in-out 0ms;
    --button-size: var(--menu-width);
    --icon-size: 1.3rem;
}

.menu:first-child {
    padding-top: 9rem;
}

.menu:last-child {
    padding-bottom: 1rem;
}

.menu .section {
    display: flex;
    flex-direction: column;
    min-height: fit-content;
}

.menu button {
    position: relative;
    width: var(--button-size);
    height: var(--button-size);
    border: none;
    border-radius: .25rem;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.8);
    --opacity: .8;
    --border-opacity: 0;
}

.menu button svg {
    font-size: var(--icon-size);
    vertical-align: middle;
    text-align: right;
    transition: opacity 150ms ease-in-out 200ms;
}

.menu button:hover {
    color: white;
    cursor: pointer;
    --opacity: .5;
}

.menu button.active {
    --border-width: 3px;
    --border-opacity: 1;
    border-right: var(--border-width) solid transparent;
}

/* compensate icon position when border is active */
.menu button.active svg {
    margin-left: var(--border-width);
}

/* hide button icons when bar is hidden */
.menu.floating:not(:hover) button svg {
    opacity: 0;
}

.menu button.process {
    background-color: hsla(37, 27%, 39%, var(--opacity));
    border-color: hsla(37, 27%, 59%, var(--border-opacity));
}

.menu button.browse {
    background-color: hsla(127, 6%, 30%, var(--opacity));
    border-color: hsla(127, 6%, 50%, var(--border-opacity));
}

.menu button.terminal {
    background-color: hsla(221, 19%, 26%, var(--opacity));
    border-color: hsla(221, 19%, 46%, var(--border-opacity));
}

.menu button.terminal svg {
    font-size: calc(var(--icon-size) * .8);
}

.menu button.app-launch-pad {
    background-color: hsla(310, 10%, 23%, var(--opacity));
    border-color: hsla(310, 10%, 43%, var(--border-opacity));
}

.menu button.tasks {
    background-color: hsla(310, 10%, 23%, var(--opacity));
    border-color: hsla(310, 10%, 43%, var(--border-opacity));
}

.menu button.users {
    background-color: hsla(310, 10%, 23%, var(--opacity));
    border-color: hsla(310, 10%, 43%, var(--border-opacity));
    /*margin-bottom: 2rem;*/
{'fraction_non_alphanumeric': 0.18451584114234718, 'fraction_numerical': 0.05287817938420348, 'mean_word_length': 2.922134733158355, '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': '530156', 'n_tokens_mistral': 1826, 'n_tokens_neox': 1609, 'n_words': 379}