#pre-tokens-checkout-view {
    height: 100%;
    width: 100%;
    overflow: auto;
    display: none;
    flex-direction: column;
    align-items: center;
    font-family: pixel;
}
    #pre-tokens-checkout-loggedin-user {
        margin: 2vmax;
        text-align: center;
    }
    #pre-tokens-checkout-new-user {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
        #pre-tokens-checkout-header {
            font-family: pixel_text;
            margin: 2vmax 1vmax 1vmax 1vmax;
            text-align: center;
        }
        #pre-tokens-checkout-hint {
            font-family: pixel_text;
            text-align: center;
        }
        #pre-tokens-checkout-email-disclaimer {
                margin: 1.5vmax 1vmax 0 1.5vmax;
                font-family: pixel_text;
                text-align: center;
            }
        .pre-tokens-checkout-email-header {
            margin: 1vmax 0 1vmax 0;
        }
        .pre-tokens-checkout-input {
            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);
            box-sizing: border-box;
            background-color: #888888;
            padding: 0.2vmax;
            outline: none;
            overflow: hidden;
        }
            .pre-tokens-checkout-input:focus,
            .pre-tokens-checkout-input:hover {
                background-color: #999999;
            }
        .pre-tokens-checkout-error {
            color: #ff0000;
            margin-top: 0.5vmax;
        }
        .pre-tokens-checkout-tier-container {
            display: flex;
            align-items: center;
            margin: 1.5vmax;
        }
            .pre-tokens-checkout-count-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: #999999;
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 0 1.5vmax 0 1.5vmax;
                padding: 0;
            }
                .pre-tokens-checkout-count-button:hover {
                    cursor: pointer;
                    background-color: #aaaaaa;
                }
                .pre-tokens-checkout-count-button:active {
                    transform: translateY(2px);
                }
                .pre-tokens-checkout-count-images{
                    image-rendering: pixelated;
                }
            .pre-tokens-checkout-tier-input {
                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);
                box-sizing: border-box;
                background-color: #999999;
                position: relative;
                outline: none;
                overflow: hidden;
                text-align: center;
            }
                .pre-tokens-checkout-tier-input:focus,
                .pre-tokens-checkout-tier-input:hover {
                    background-color: #aaaaaa;
                }
        #pre-tokens-checkout-total-container {
            display: flex;
            align-items: center;
        }
            #pre-tokens-checkout-currency-dropdown {
                position: relative;
            }
                #pre-tokens-checkout-currency-dropdown-current {
                    display: flex;
                    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);
                    margin: 0 1.5vmax 0 1.5vmax;
                    padding: 0.3vmax;
                    background-color: #888888;
                }
                    #pre-tokens-checkout-currency-dropdown-current:hover {
                        background-color: #999999;
                        cursor: pointer;
                    }
                    #pre-tokens-checkout-currency-dropdown-arrow {
                        image-rendering: pixelated;
                        margin-left: 0.5vmax;
                    }
                .pre-tokens-checkout-currency-dropdown-option {
                    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);
                    margin: 0 1.5vmax 0 1.5vmax;
                    padding: 0.3vmax;
                    display: none;
                    position: absolute;
                    background-color: #888888;
                    box-sizing: border-box;
                    z-index: 99;
                }
                    .pre-tokens-checkout-currency-dropdown-option:hover {
                        background-color: #999999;
                        cursor: pointer;
                    }
        #pre-tokens-checkout-confirm-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);
            font-family: pixel;
            padding: 0.5vmax;
            margin: 2vmax 1vmax 2vmax 1vmax;
            background-color: #999999;
        }   
            .pre-tokens-checkout-confirm-button-inactive {
                opacity: 0.5;
            }
            .pre-tokens-checkout-confirm-button-active:hover {
                background-color: #aaaaaa !important;
                cursor: pointer;
            }
            .pre-tokens-checkout-confirm-button-active:active {
                transform: translateY(2px);
            }