#tokens-checkout-view {
    height: 100%;
    width: 100%;
    overflow: auto;
    display: none;
    flex-direction: column;
    align-items: center;
    font-family: pixel;
}
    #tokens-checkout-loading {
        width: 30vmin;
        height: 30vmin;
        margin: auto;
    }
    #tokens-checkout-payment-form {
        display: none;
        flex-direction: column;
        align-items: center;
        padding: 2vmax;
    }
        #tokens-checkout-summary {
            display: flex;
            margin: 1vmax;
        }
            .tokens-checkout-summary-container {
                display: flex;
                align-items: center;
                margin: 1vmax;
            }
                .tokens-checkout-tier-quantity {
                    margin: 0.5vmax 0.5vmax 0.5vmax 1vmax;
                    white-space: nowrap;
                }
        #tokens-checkout-payment-element {
            margin-top: 2vmax;
        }
        #tokens-checkout-payment-tc {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            margin: 2vmax 2vmax 0 2vmax;
        }
            #tokens-checkout-payment-tc-tick {
                border-bottom: 0.1vmax solid rgb(110,110,110);
                border-right: 0.1vmax solid rgb(196,196,196);
                border-left: 0.1vmax solid rgb(68,68,68);
                border-top: 0.1vmax solid rgb(154,154,154);
                display: flex;
                aspect-ratio: 1/1 !important;
                margin-right: 1.5vmax;
                background-color: #888888;
            }
                #tokens-checkout-payment-tc-tick:hover {
                    background-color: #999999;
                    cursor: pointer;
                }
                #tokens-checkout-payment-tc-tick-image {
                    image-rendering: pixelated;
                    object-fit: contain;
                    display: none;
                    pointer-events: none;
                }
            #tokens-checkout-payment-tc-text {
                text-align: center;
            }
        #tokens-checkout-payment-message {
            color: #ff0000;
            margin: 1vmax;
            text-align: center;
        }
        #tokens-checkout-pay-button {
            border-bottom: 0.2vmax solid rgb(110,110,110);
            border-right: 0.2vmax solid rgb(196,196,196);
            border-left: 0.2vmax solid rgb(68,68,68);
            border-top: 0.2vmax solid rgb(154,154,154);
            background-color: #888888;
            font-family: pixel;
            padding: 0.5vmax;
            width: fit-content;
            cursor: default;
        }   
            .tokens-checkout-pay-button-inactive {
                opacity: 0.5;
            }
            .tokens-checkout-pay-button-active:hover {
                background-color: #999999 !important;
                cursor: pointer !important;
            }
            .tokens-checkout-pay-button-active:active {
                transform: translateY(2px);
            }
        #tokens-checkout-loading-payment {
            margin: 1vmax 1vmax 2.5vmax 1vmax;
        }
    #tokens-checkout-request-error {
        display: none;
        margin: 3vmax;
        font-family: pixel_text;
        text-align: center;
    }