<commit_before>.showmaker-embedded-shows .show-purchase {

    .show-info {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 300px minmax(200px, 1fr);
        @media (max-width: 550px) {
            grid-template-columns: 100%;
        }
        .logo {
            width: 100%;
            height: auto;
        }

        h1 {
            font-size: 30px;
            font-weight: bolder;
        }
        h3 {
            font-size: 24px;
            font-weight: bold;
        }
    }

    .payment-fields-wrapper {
        display: grid;
        grid-gap: 10px;
        grid-auto-flow: dense;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) ;
        position: relative;
    }

    .totals {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 1rem 0;
        h3 {
            flex: 1;
            text-align: right;
        }
        .select-time {
            flex: 1;
        }
        .qty {
            width: 80px;
            font-size: 18px;
            text-align: right;
            margin-left: 1rem;
        }
        .total {
            font-size: 22px;
            font-weight: bold;
            text-align: right;
            margin-left: 1rem;
            display: flex;
            sub {
                font-size: 0.8rem;
                font-weight: normal;
            }
        }
    }

    &.is-pending {
        .card-field {
            min-height: 42px;
        }
    }

    .actions {
        margin-top: 20px;
        display: flex;
        justify-content: flex-end;
        .btn {
            margin-left: 1rem;
            padding: 0.5rem 2rem;
        }
        @media (max-width: 550px) {
            justify-content: space-around;
            .btn { margin-left: 0; }
        }
    }

    .payment-field {<commit_msg>min-height for IE which doesn't do grid layout<commit_after>.showmaker-embedded-shows .show-purchase {

    .show-info {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 300px minmax(200px, 1fr);
        @media (max-width: 550px) {
            grid-template-columns: 100%;
        }
        .logo {
            width: 100%;
            height: auto;
        }

        h1 {
            font-size: 30px;
            font-weight: bolder;
        }
        h3 {
            font-size: 24px;
            font-weight: bold;
        }
    }

    .payment-fields-wrapper {
        display: grid;
        grid-gap: 10px;
        grid-auto-flow: dense;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) ;
        position: relative;
    }

    .totals {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 1rem 0;
        h3 {
            flex: 1;
            text-align: right;
        }
        .select-time {
            flex: 1;
        }
        .qty {
            width: 80px;
            font-size: 18px;
            text-align: right;
            margin-left: 1rem;
        }
        .total {
            font-size: 22px;
            font-weight: bold;
            text-align: right;
            margin-left: 1rem;
            display: flex;
            sub {
                font-size: 0.8rem;
                font-weight: normal;
            }
        }
    }

    &.is-pending {
        .card-field {
            min-height: 42px;
        }
    }

    .actions {
        margin-top: 20px;
        display: flex;
        justify-content: flex-end;
        .btn {
            margin-left: 1rem;
            padding: 0.5rem 2rem;
        }
        @media (max-width: 550px) {
            justify-content: space-around;
            .btn { margin-left: 0; }
        }
    }

    .payment-field {
        min-height: 65px;
{'fraction_non_alphanumeric': 0.11158455392809587, 'fraction_numerical': 0.0303595206391478, 'mean_word_length': 1.0502183406113537, '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': '676574', 'n_tokens_mistral': 1261, 'n_tokens_neox': 1139, 'n_words': 235}