body[template="checkout"] {
    background:var(--theme-light);
    color:var(--theme-dark);


    & .table-num {
        display:flex;
        justify-content: space-between;

        & .quick-change-table {
            text-decoration: underline;
            cursor:pointer;
        }
    }
}


body[template="checkout"] .container {
    padding:32px;
}



body[template="checkout"] input {
    color:var(--theme-dark);
}

body[template="checkout"] .tip-selection > div {
    display:flex;
    width:100%;
    justify-content: space-between;
}

body[template="checkout"] .tip-selection input {
    display:none;
}
body[template="checkout"] select {
    border:1px solid var(--theme-gray-1);
    color:var(--theme-dark);
}
body[template="checkout"] .tip-selection label {
    width:calc(25% - 4px);
}
body[template="checkout"] .tip-selection label span {
    padding:16px;
    text-align:center;
    display:inline-block;
    width:100%;
    border-radius:3px;
    border:1px solid var(--theme-gray-1);
    white-space:nowrap;
}
body[template="checkout"] .tip-selection input:checked+span {
    color:var(--theme-light);
    background:var(--theme-dark);
}

body[template="checkout"] .start-over {
    text-align: center;
    margin-top: 16px;
    font-size: 10px;
    text-transform: uppercase;
    width:100%;
    text-decoration:none;
    display:block;
}