<commit_before>$modal__padding                      : 0 !default;
$modal__background-color             : rgba(0, 0, 0, 0.7) !default;

$modal__content-width                : calc(100% - (2 * #{$spacer--medium})) !default;
$modal__content-width\@extra-large   : 80% !default;
$modal__content-max-width            : 900px !default;
$modal__content-background-color     : $white !default;
$modal__content-border               : none !default;
$modal__content-box-shadow           : 0 4px 6px 0 rgba(0, 0, 0, 0.3) !default;

$modal__close-button-top             : $spacer !default;
$modal__close-button-right           : $spacer !default;
$modal__close-button-border          : none !default;
$modal__close-button-background-color: transparent !default;

$modal__close-button-icon-color      : $color-primary !default;

.modal {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 99;
    padding: $modal__padding;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: $modal__background-color;
    &--active {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }

    &__content {
        position: relative;
        display: block;
        width: $modal__content-width;
        max-width: $modal__content-max-width;
        padding: $spacer;
        border: $modal__content-border;
        box-shadow: $modal__content-box-shadow ;
        background-color: $modal__content-background-color;<commit_msg>#36912: add missing semicolon<commit_after>$modal__padding                      : 0 !default;
$modal__background-color             : rgba(0, 0, 0, 0.7) !default;

$modal__content-width                : calc(100% - (2 * #{$spacer--medium})) !default;
$modal__content-width\@extra-large   : 80% !default;
$modal__content-max-width            : 900px !default;
$modal__content-background-color     : $white !default;
$modal__content-border               : none !default;
$modal__content-box-shadow           : 0 4px 6px 0 rgba(0, 0, 0, 0.3) !default;

$modal__close-button-top             : $spacer !default;
$modal__close-button-right           : $spacer !default;
$modal__close-button-border          : none !default;
$modal__close-button-background-color: transparent !default;

$modal__close-button-icon-color      : $color-primary !default;

.modal {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 99;
    padding: $modal__padding;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: $modal__background-color;
    &--active {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    &__content {
        position: relative;
        display: block;
        width: $modal__content-width;
        max-width: $modal__content-max-width;
        padding: $spacer;
        border: $modal__content-border;
        box-shadow: $modal__content-box-shadow ;
        background-color: $modal__content-background-color;
{'fraction_non_alphanumeric': 0.1254503766786767, 'fraction_numerical': 0.023910907304290862, 'mean_word_length': 2.4237668161434978, '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': '1674866', 'n_tokens_mistral': 1005, 'n_tokens_neox': 928, 'n_words': 198}