<commit_before>.contract-container {
    font-size: 0.85rem;
    border-radius: $BORDER_RADIUS;
    position: relative;

    .contract-header {
        max-height: 2rem;
        overflow: hidden;
        border-radius: 4px 4px 0 0;
        border: 1px solid $COLOR_GRAY;

        .header-wrapper {
            transition: transform 0.4s ease;
            transform: translateY(-32px);

            .header-result, .header-purchased {
                display: flex;
                align-items: center;
                padding: 0 10px;
                color: $COLOR_WHITE;
                font-weight: bold;
                line-height: 2rem;

                svg {
                    display: inline-block;
                    margin-right: 7px;
                }
            }
        }
        &.purchased {
            .header-wrapper .header-purchased {
                color: $COLOR_LIGHT_GREEN;
                background-color: $COLOR_LIGHT_GRAY;
                opacity: 1;
                transition: opacity 0.4s linear;
            }
        }
        &.won {
            .header-wrapper {
                transform: none;

                .header-result {
                    background-color: $COLOR_LIGHT_GREEN;
                }
                .header-purchased {
                    opacity: 0;
                }
            }
        }
        &.lost {
            .header-wrapper {
                transform: none;

                .header-result {
                    background-color: $COLOR_LIGHT_RED;
                }
                .header-purchased {
                    opacity: 0;
                }
            }
        }
    }
    .contract-contents {
        padding: 10px;
        font-size: 0.75rem;
        border: 1px solid $COLOR_GRAY;
        border-top-width: 0;
        border-radius: 0 0 4px 4px;

        .longcode {
            font-weight: 300;
            text-align: center;
            line-height: 1.1rem;
        }
        .ref-number, .info-header {
            margin-top: 10px;
            font-weight: 300;
            text-align: center;
            background-color: $COLOR_LIGHT_GRAY;
            line-height: 1.7rem;
        }
        .info-header {
            font-weight: bold;
        }
        .info-item {
            display: flex;
            padding: 7px 0;
            border-bottom: 1px solid $COLOR_GRAY;

            > div {
                align-self: center;

                &:first-child {
                    font-weight: 300;
                    flex-grow: 1;
                    color: $COLOR_LIGHT_BLACK;
                }
                &:last-child {
                    width: 50%;
                }
            }
        }
    }
}

$CONTRACT_INFO_BOX_PADDING: 15px;

.info-box-container {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    transform: none;
    opacity: 1;
    transition: transform 0.3s ease, opacity 0.3s linear;

    &-enter {
        transform: translateY(calc(-100% - 20px));
        opacity: 0;
    }
    &-exit {
        display: none;
    }
    .info-box {
        padding: $CONTRACT_INFO_BOX_PADDING;
        border: 1px solid $COLOR_GRAY;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.9);
        font-weight: 300;
        transition: max-height 0.4s ease, max-width 0.4s ease;
        max-width: 386px;
        max-height: 72px;

        &.ended {
            max-width: 179px;
            max-height: 39px;
        }
        .expired, .general {<commit_msg>max-width fix for cryptos in contracts info box<commit_after>.contract-container {
    font-size: 0.85rem;
    border-radius: $BORDER_RADIUS;
    position: relative;

    .contract-header {
        max-height: 2rem;
        overflow: hidden;
        border-radius: 4px 4px 0 0;
        border: 1px solid $COLOR_GRAY;

        .header-wrapper {
            transition: transform 0.4s ease;
            transform: translateY(-32px);

            .header-result, .header-purchased {
                display: flex;
                align-items: center;
                padding: 0 10px;
                color: $COLOR_WHITE;
                font-weight: bold;
                line-height: 2rem;

                svg {
                    display: inline-block;
                    margin-right: 7px;
                }
            }
        }
        &.purchased {
            .header-wrapper .header-purchased {
                color: $COLOR_LIGHT_GREEN;
                background-color: $COLOR_LIGHT_GRAY;
                opacity: 1;
                transition: opacity 0.4s linear;
            }
        }
        &.won {
            .header-wrapper {
                transform: none;

                .header-result {
                    background-color: $COLOR_LIGHT_GREEN;
                }
                .header-purchased {
                    opacity: 0;
                }
            }
        }
        &.lost {
            .header-wrapper {
                transform: none;

                .header-result {
                    background-color: $COLOR_LIGHT_RED;
                }
                .header-purchased {
                    opacity: 0;
                }
            }
        }
    }
    .contract-contents {
        padding: 10px;
        font-size: 0.75rem;
        border: 1px solid $COLOR_GRAY;
        border-top-width: 0;
        border-radius: 0 0 4px 4px;

        .longcode {
            font-weight: 300;
            text-align: center;
            line-height: 1.1rem;
        }
        .ref-number, .info-header {
            margin-top: 10px;
            font-weight: 300;
            text-align: center;
            background-color: $COLOR_LIGHT_GRAY;
            line-height: 1.7rem;
        }
        .info-header {
            font-weight: bold;
        }
        .info-item {
            display: flex;
            padding: 7px 0;
            border-bottom: 1px solid $COLOR_GRAY;

            > div {
                align-self: center;

                &:first-child {
                    font-weight: 300;
                    flex-grow: 1;
                    color: $COLOR_LIGHT_BLACK;
                }
                &:last-child {
                    width: 50%;
                }
            }
        }
    }
}

$CONTRACT_INFO_BOX_PADDING: 15px;

.info-box-container {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    transform: none;
    opacity: 1;
    transition: transform 0.3s ease, opacity 0.3s linear;

    &-enter {
        transform: translateY(calc(-100% - 20px));
        opacity: 0;
    }
    &-exit {
        display: none;
    }
    .info-box {
        padding: $CONTRACT_INFO_BOX_PADDING;
        border: 1px solid $COLOR_GRAY;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.9);
        font-weight: 300;
        transition: max-height 0.4s ease, max-width 0.4s ease;
        max-width: 420px;
        max-height: 72px;

        &.ended {
            max-width: 215px;
            max-height: 39px;
        }
        .expired, .general {
{'fraction_non_alphanumeric': 0.09770927601809955, 'fraction_numerical': 0.029411764705882353, 'mean_word_length': 1.0602971162248762, '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': 0}}
{'dir': 'git-commits-cleaned', 'id': '1349877', 'n_tokens_mistral': 2289, 'n_tokens_neox': 1994, 'n_words': 421}