<commit_before>.stretchItems(@selector, @property, @counter) when (@counter > 0) {
  .stretchItems(@selector, @property, (@counter - 1));
  @{selector}:first-child:nth-last-child(@{counter}), @{selector}:first-child:nth-last-child(@{counter}) ~ @{selector} {
    height: 100% / @counter;
  }
}

@walletPadding: 1rem;
@newWalletSize: 4rem;

* {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    padding: 0;
    margin: 0;
}

button, input {
    outline: none;
    border-radius: 0;
}

button {
    cursor: pointer;
}

.shell, .wallets, .new-wallet {
    position: absolute;
    left: 0;
    right: 0;
}

.shell {
    top: 0;
    bottom: 0;
    background: #000;
}

.wallet, .new-wallet {
    padding: @walletPadding;
}

.wallets {
    top: 0;
    bottom: @newWalletSize;
}

.stretchItems(~'.wallet', 'height', 12);

.applyWalletPalette(@selector, @dark, @light) {
    .wallet:nth-child(@{selector}) {
        background: @dark;
        color: @light;

        button {
            border-color: @light;
            color: @light;

            &.expanded {
                background: @light;
                color: @dark;
            }

            @media(hover:hover) {
                &:hover {<commit_msg>Fix styling for many wallets, portrait mode, etc.<commit_after>.stretchItems(@selector, @property, @counter, @noScrollMax) when (@counter > 0) {
  .stretchItems(@selector, @property, (@counter - 1), @noScrollMax);
  @{selector}:first-child:nth-last-child(@{counter}), @{selector}:first-child:nth-last-child(@{counter}) ~ @{selector} {
    @{property}: 100% / min(@counter, @noScrollMax);
  }
}

@walletPadding: 1rem;
@newWalletSize: 4rem;

* {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    padding: 0;
    margin: 0;
}

button, input {
    outline: none;
    border-radius: 0;
}

button {
    cursor: pointer;
}

.shell, .wallets, .new-wallet {
    position: absolute;
    left: 0;
    right: 0;
}

.shell {
    top: 0;
    bottom: 0;
    background: #000;
}

.wallet, .new-wallet {
    padding: @walletPadding;
}

.wallets {
    top: 0;
    bottom: @newWalletSize;
    overflow-y: scroll;
}

@media (max-height: 24.999999rem) {
    .stretchItems(~'.wallet', ~'height', 12, 2);
}

@media (min-height: 25rem) and (max-height: 32.999999rem) {
    .stretchItems(~'.wallet', ~'height', 12, 3);
}

@media (min-height: 33rem) {
    .stretchItems(~'.wallet', ~'height', 12, 4);
}

.applyWalletPalette(@selector, @dark, @light) {
    .wallet:nth-child(@{selector}) {
        background: @dark;
        color: @light;

        button {
            border-color: @light;
            color: @light;

            &.expanded {
                background: @light;
                color: @dark;
            }

            @media(hover:hover) {
                &:hover {
{'fraction_non_alphanumeric': 0.17313858211613822, 'fraction_numerical': 0.02386889918061988, 'mean_word_length': 2.4752475247524752, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': 2}}
{'dir': 'git-commits-cleaned', 'id': '4391285', 'n_tokens_mistral': 1058, 'n_tokens_neox': 1002, 'n_words': 205}