#image-view {
    height: 100%;
    width: 100%;
    touch-action: none;
    position: relative;
}
    #image-things {
        display: flex;
        justify-content: right;
        position: absolute;
        height: 100%;
        width: 100%;
    }
        #image-container {
            touch-action: none;
            pointer-events: none;
            position: absolute;
            display: block;
        }
            #canvas-image {
                position: absolute;
                display: block;
                image-rendering: pixelated;
                aspect-ratio: 1 / 1;
                width: 100%;
                height: 100%;
                user-select: none;
            }
            .canvas-images {
                position: absolute;
                pointer-events: none;
                height: 100%;
                width: 100%;
                opacity: 0.5;
                image-rendering: pixelated;
            }
            #blocker-image {
                opacity: 1;
            }
            #myblocker-image {
                opacity: 0.7;
            }
        #select-box {
            position: absolute;
            touch-action: none;
            pointer-events: none;
            border: 0.2vmax solid black;
            display: none;
        }
        #tooltip {
            opacity: 0.95;
            visibility: hidden;
            position: absolute;
            background-color: #777777;
            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);
            pointer-events: none;
            display: flex;
            align-items: center;
            padding: 1px;
        }
            #tooltip-text {
                font-family: pixel;
                font-size: 10px;
                margin: 0 0.2vw 0 0.2vw;
                white-space: nowrap;
                overflow: hidden;
            }
            #tooltip-tier-image {
                width: 10px;
                height: 10px;
                border-width: 0.1vmax;
                margin-right: 2px;
                font-size: 8px;
            }
    #toolbar-right {
        float: right;
        max-height: 100%;
    }
        #search-container {
            display: flex;
            opacity: 0.7;
        }
            #search-button {
                border-right: 0.2vmax solid rgb(0,0,0);
            }
            #search-input-container {
                border-bottom: 0.4vmax solid rgb(110,110,110);
                border-right: 0.4vmax solid rgb(196,196,196);
                border-top: 0.4vmax solid rgb(154,154,154);
                border-left: 0.2vmax solid rgb(0,0,0);
                background-color: #888888;
                box-sizing: border-box;
                display: flex;
                position: relative;
                align-items: center;
                width: fit-content;
                overflow: hidden;
            }
                #search-input-container:hover,
                #search-input-container:focus-within {
                    background-color: #999999;
                }
                #search-input-text {
                    font-family: pixel;
                    white-space: nowrap;
                    display: block;
                    position: relative;
                }
                #search-input {
                    font-family: pixel;
                    box-sizing: border-box;
                    background: none;
                    position: relative;
                    outline: none;
                    border: none;
                    overflow: hidden;
		    width: 9ch;
                }
        #image-button-container {
            float: right;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            width: fit-content;
            height: fit-content;
            max-height: 50vh;
            opacity: 0.7;
        }
    #buypixels-view {
        height: 100%;
        width: 100%;
    }
        #toolbar-left {
            display: flex;
            flex-direction: column;
            opacity: 0.7;
            width: fit-content;
            height: fit-content;
            max-height: 100%;
        }
        #bottom-left-container {
            display: flex;
            flex-direction: column;
            position: absolute;
            box-sizing: border-box;
            height: 20%;
            background-color: #999999;
            border-right: 0.4vmax solid rgb(196,196,196);
            border-top: 0.4vmax solid rgb(154,154,154);
            opacity: 0.7;
            bottom: 0;
            left: 0;
            pointer-events: none;
        }
            #bottom-container > #bottom-left-container {
                position: static;
                box-sizing: border-box;
                width: 100%;
                height: 50%;
                background-color: #999999;
                border-right: 0;
                border-top: 0.4vmax solid rgb(154,154,154);
                opacity: 0.7;
                pointer-events: none;
            }
            #bottom-left-top-container {
                font-family: pixel;
                padding: 10px;
            }
            #bottom-left-bottom-container {
                display: flex;
                align-items: center;
                justify-content: space-around;
                box-sizing: border-box;
            }  
                .bottom-containers {
                    cursor: pointer;
                    font-family: pixel;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: fit-content;
                    width: fit-content;
                    opacity: 0.7;
                    pointer-events: all;
                    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);
                    padding: 0;
                }
                    @media (hover: hover) and (pointer: fine) {
                    .bottom-containers:hover {
                        opacity: 0.9;
                    }
                    }
                    .bottom-containers:active {
                        transform: translateY(2px);
                    }
                .bottom-containers-selected {
                    cursor: pointer;
                    font-family: pixel;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: fit-content;
                    width: fit-content;
                    opacity: 0.9;
                    pointer-events: all;
                    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);
                    padding: 0;
                }
                    .bottom-containers-selected:active {
                        transform: translateY(2px);
                    }
                #bottom-lock-image {
                    position: absolute;
                    image-rendering: pixelated;
                }
        #bottom-right-container {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            position: absolute;
            box-sizing: border-box;
            height: 20%;
            width: 30%;
            background-color: #999999;
            border-left: 0.4vmax solid rgb(68,68,68);
            border-top: 0.4vmax solid rgb(154,154,154);
            opacity: 0.7;
            bottom: 0;
            right: 0;
            pointer-events: none;
        }
            #bottom-container > #bottom-right-container {
                position: static;
                display: flex;
                justify-content: space-evenly;
                align-items: center;
                box-sizing: border-box;
                width: 100%;
                height: 50%;
                background-color: #999999;
                border-left: 0;
                border-top: 0.4vmax solid rgb(154,154,154);
                opacity: 0.7;
                pointer-events: none;
            }
            #bottom-right-total-container {
                height: 100%;
                width: fit-content;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
            }
                .bottom-right-text {
                    font-family: pixel;
                    white-space: nowrap;
                }
                #bottom-right-total {
                    display: flex;
                    align-items: center;
                }
                    #bottom-right-total-container .tier-images {
                        height: 30px;
                        width: 30px;
                        margin: 0 10px 0 10px;
                        font-size: 15px;
                    }
            #bottom-right-button {
                cursor: pointer;
                background-color: #888888;
                border-bottom: 0.3vmax solid rgb(110,110,110);
                border-right: 0.3vmax solid rgb(196,196,196);
                border-left: 0.3vmax solid rgb(68,68,68);
                border-top: 0.3vmax solid rgb(154,154,154);
                font-family: pixel;
                padding: 6px;
                margin: 10px;
                pointer-events: all;
            }
                #bottom-right-button:hover {
                    background-color: #999999;
                }
                #bottom-right-button:active {
                    transform: translateY(2px);
                }
        #bottom-container {
            display: none;
            flex-direction: column;
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 20%;
            pointer-events: none;
        }
    .canvases {
        position: absolute;
        touch-action: none;
        pointer-events: none;
        opacity: 0;
    }