<commit_before>.modal--media-browser {
    &__dialog {
        max-width: 100rem;
    }

    &__body {
        display: flex;
        padding: 0;

        @include tablet {
            display: block;
        }
    }

    &__folders {
        padding: 1rem;
        border-right: 1px solid var(--color-default-300);
        flex-basis: 20rem;
        flex-shrink: 0;
    }
    
    &__preview {
        padding: 1rem;
        border-left: 1px solid var(--color-default-300);
        flex-basis: 20rem;
        flex-shrink: 0;
    }

    &__items {
        flex-grow: 1;
        padding: var(--padding-medium);
        min-height: 20rem;
        max-height: 70vh;
        overflow-y: auto;
    }

    &__search {
        flex-grow: 0;
        width: auto !important;
    }

    &__item {
        border: 0;
        background-color: transparent;
        line-height: var(--size-widget-small);
        padding: 0 var(--padding-small);
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-radius: var(--border-radius-small);
        display: block;
        width: 100%;
        text-align: left;

        &:not(:last-child) {
            margin-bottom: var(--padding-small);
        }

        .fa {
            margin-right: var(--padding-small);
        }

        &:hover {
            background-color: var(--color-default-200);
        }

        &.selected {
            background-color: var(--color-action-500);
            color: var(--color-action-text);
        }
    }
}
<commit_msg>Lighter media browser<commit_after>.modal--media-browser {
    &__dialog {
        max-width: 100rem;
    }

    &__body {
        display: flex;
        padding: 0;

        @include tablet {
            display: block;
        }
    }

    &__folders {
        padding: var(--padding-medium);
        border-right: 1px solid var(--color-default-300);
        flex-basis: 20rem;
        flex-shrink: 0;
    }
    
    &__preview {
        border-left: 1px solid var(--color-default-300);
        flex-basis: 20rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    &__items {
        flex-grow: 1;
        padding: var(--padding-medium);
        min-height: 20rem;
        max-height: 70vh;
        overflow-y: auto;
    }

    &__search {
        flex-grow: 0;
        width: auto !important;
    }

    &__item {
        border: 0;
        background-color: transparent;
        line-height: var(--size-widget-small);
        padding: 0 var(--padding-small);
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-radius: var(--border-radius-small);
        display: block;
        width: 100%;
        text-align: left;

        &:not(:last-child) {
            margin-bottom: var(--padding-small);
        }

        .fa {
            margin-right: var(--padding-small);
        }

        &:hover {
            background-color: var(--color-default-200);
        }

        &.selected {
            background-color: var(--color-action-500);
            color: var(--color-action-text);
        }
    }
}

{'fraction_non_alphanumeric': 0.1338093759701956, 'fraction_numerical': 0.022353306426575598, 'mean_word_length': 1.4262048192771084, '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': '4096645', 'n_tokens_mistral': 1081, 'n_tokens_neox': 987, 'n_words': 190}