.checkout-browser-popup{
    position:fixed;
    right:var(--grid6);
    top:var(--grid1);
    width:100%;
    /*max-width:572px;*/
    /*max-width:468px;*/
    /*max-width:468px;*/
    max-width:416px;
    /*height:100vh;*/
    height:calc(100vh - 52px);
    max-height:var(--grid40);
    /*overflow:hidden;*/
    z-index:9999;
    display:none;
    /*transform: none !important*/
}
.checkout-browser-popup.open{
    display:block;
}
.checkout-container{
    width:100%;
    height:100%;
    justify-content: space-between;
    z-index:2;
}
.checkout-content{
    position:relative;
    width:100%;
    height:100%;
    /*display:flex;*/
    /*flex-direction:column;*/
    /*align-items:center;*/
    /*justify-content:center;*/
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
}
.checkoutWrap{
    position:relative;
    width:100%;
    /*padding:26px;*/
    padding:var(--grid1) var(--grid1) var(--grid3) var(--grid1);
    /*display:flex;*/
    /*flex-direction:column;*/
    /*align-items:center;*/
    /*justify-content:center;*/
}
.checkout-item{
    width:100%;
    /*min-height:260px;*/
    /*min-height:180px;*/
    /*margin-bottom:26px;*/
    display:flex;
    /*align-items:center;*/
    /*justify-content:center;*/
    /*border-radius:8px;*/
    /*border:1px solid currentColor;*/
}
    
    .checkout-img{
        position:relative;
        width: 100%;
        max-width: var(--grid4);
        height: var(--grid4);
    }
    
    .checkout-info{
        position:relative;
        /*width: 100%;*/
        padding:var(--grid1) 0;
        margin-left:var(--grid1);
    }

.checkout-footer{
    /*margin-top:var(--grid1);*/
    /*bottom:26px;*/
    /*left:26px;*/
    width:100%;
    height:52px;
    /*max-width:572px;*/
    padding:0px 0px;
    z-index:5;
}
.plate-item{
    /*width:100%;*/
    /*min-height:260px;*/
    margin-bottom:26px;
    display:flex;
    /*align-items:center;*/
    align-items:start;
    justify-content:start;
    /*border-radius:8px;*/
    /*border:4px solid currentColor;*/
}
.lgrey{
    background-color:grey;
}

.checkout-categories-tabs {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0;
}
.checkout-categories-tabs li .active .tile {
    background-color: var(--yellow) !important;
    border-color: var(--border-bright) !important;
    color:black;
}
.checkout-overlay-popup{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:9998;
    /*background-color:var(--modeColor);*/
    /*background-color:var(--overlayColor) !important;*/
    /*background-color:rgba(255,255,255,0.8) !important;*/
    /*background-image: url(/assets/texture/overlay_TEXTURE.png);*/
    /*background-image: url(/assets/texture/overlay_TEXTURE_white.png);*/
    /*background-repeat: repeat;*/
}
.dark-mode .checkout-overlay-popup{
    /*background-color:rgba(0,0,0,0.8) !important;*/
    /*background-image: url(/assets/texture/wood/c127693b3af8120d642a7e3eeb3e2837.jpg);*/
    /*background-image: url(/assets/texture/wood/wood-texture-background-free-vector.jpg);*/
    /*background-repeat: repeat;*/
}

.checkout-overlay-popup{
    /*--globalnav-backdrop-filter: saturate(180%) blur(2px);*/
    /*-webkit-backdrop-filter: var(--globalnav-backdrop-filter);*/
    /*backdrop-filter: var(--globalnav-backdrop-filter);*/
}

.stick16x8{
    width:var(--grid16);
    height:var(--grid8);
}
.sticky{
    position:sticky;
}
.technic-scrollbar{
    position:absolute;
    width:26px;
    height:100%;
    top:0;
    right:-26px;
}
.axle-cross-h{
    position:absolute;
    width:16px;
    height:100%;
    /*background-color:black;*/
    /*background-image:url(/assets/technic/axle/axle-cross-cropped2.png);*/
    background-image: 
    url(/assets/technic/axle/axle-cross-cropped2-top.png),
    url(/assets/technic/axle/axle-cross-cropped2-bottom.png),
    url(/assets/technic/axle/axle-cross-cropped2.png);
    /*background-repeat:repeat-y;*/
    /*background-position:top center;*/
    background-repeat:
        no-repeat,
        no-repeat,
        repeat-y;
    
    background-position:
        top center,
        bottom center,
        center;
    
    background-size:
        contain,
        contain,
        contain;

    top:0;
    border-radius:3px;
    left:18px;
}
.dark-mode .axle-cross-h{
    background-image: 
    url(/assets/technic/axle/axle-cross-cropped2-dark-top.png),
    url(/assets/technic/axle/axle-cross-cropped2-dark-bottom.png),
    url(/assets/technic/axle/axle-cross-cropped2-dark.png);
}
.axle-bush-h{
    top:52px;
    left:13px;
    width:26px;
    height:39px;
    background-image:url(/assets/technic/axle/axle-bush-yellow-cropped.png);
    background-repeat:no-repeat;
    /*background-position:center;*/
    /*background-size:cover;*/
    background-size:contain;
    /*background-color:grey;*/
    cursor:grab;
}
.axle-bush-s-h{
    width:24px;
    height:13px;
    background-image:url(/assets/technic/axle/axle-bush-small-yellow-cropped.png);
    background-repeat:no-repeat;
    /*background-position:center;*/
    background-size:cover;
    /*background-size:contain;*/
    /*background-color:grey;*/
    z-index:4;
}
.dark-mode .axle-bush-s-h{
    background-image:url(/assets/technic/axle/axle-bush-small-grey-cropped.png);
}
.axle-bush-sd-h{
    width:24px;
    height:13px;
    background-image:url(/assets/technic/axle/axle-bush-small-yellow-cropped.png);
    background-repeat:no-repeat;
    /*background-position:center;*/
    background-size:cover;
    /*background-size:contain;*/
    /*background-color:grey;*/
    z-index:4;
}
.dark-mode .axle-bush-sd-h{
    background-image:url(/assets/technic/axle/axle-bush-small-grey-cropped.png);
}
.pad05{
    padding:calc(var(--grid1) / 2 );
}

.drag-tooltip{
    display:none;
}
.drag .drag-tooltip{
    display:flex;
}