<commit_before>@import '../../../css/vars/all';

.toast-notification {
    .flexed(0);
    .flexbox(@align:center);
    height:2 * @row;
    background:fadeout(@base02, 75%);
    padding:0 @column-pad;
    color:@white;
    border-top:solid @thin-border fadeout(@base02, 50%);
    text-align:center;
    overflow:hidden;
    z-index:9999;
    transition:height .3s ease-out;

    &:not(.active) {
        height:0;
        border:none;
    }

    .thumb {
        .flexed(0);
        width:(@column);
        border:solid @thin-border fadeout(@white, 50%);
        box-shadow:@thin-border @thin-border @thick-border fadeout(@black, 25%);
        margin-right:@column-pad;
    }

    .text {
        .flexed(1);
        font-size:@huge-text;
        margin:0 @column-pad;
    }

    .close {
        .flexed(0);
        .transition(@prop:color);
        font-size:2 * @huge-text;
        color:fadeout(@black, 75%);
        text-shadow:@thin-border @thin-border @medium-border fadeout(@white, 75%);
        cursor:pointer;

        &:hover {
            color:@base00;
            text-shadow:none;
        }

        &:before {
            .icon(@fa-var-times);
        }
    }
}
<commit_msg>Add text shadow to toast notification<commit_after>@import '../../../css/vars/all';

.toast-notification {
    .flexed(0);
    .flexbox(@align:center);
    height:2 * @row;
    background:fadeout(@base02, 75%);
    padding:0 @column-pad;
    color:@white;
    border-top:solid @thin-border fadeout(@base02, 50%);
    text-align:center;
    overflow:hidden;
    z-index:9999;
    transition:height .3s ease-out;

    &:not(.active) {
        height:0;
        border:none;
    }

    .thumb {
        .flexed(0);
        width:(@column);
        border:solid @thin-border fadeout(@white, 50%);
        box-shadow:@thin-border @thin-border @thick-border fadeout(@black, 25%);
        margin-right:@column-pad;
    }

    .text {
        .flexed(1);
        font-size:@huge-text;
        margin:0 @column-pad;
        text-shadow:@thin-border @thin-border @thin-border fadeout(@black, 50%);
    }

    .close {
        .flexed(0);
        .transition(@prop:color);
        font-size:2 * @huge-text;
        color:fadeout(@black, 75%);
        text-shadow:@thin-border @thin-border @medium-border fadeout(@white, 75%);
        cursor:pointer;

        &:hover {
            color:@base00;
            text-shadow:none;
        }

        &:before {
            .icon(@fa-var-times);
        }
    }
}

{'fraction_non_alphanumeric': 0.16793893129770993, 'fraction_numerical': 0.026516673362796304, 'mean_word_length': 1.9820359281437125, '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': '241220', 'n_tokens_mistral': 917, 'n_tokens_neox': 834, 'n_words': 132}