:root {
    --text-wh: #fff;
    --text-wh_fd: #797979;

    --text-bl: #000;
    --text-bl_fd: #4c4c4c;


    --cta-wh: #fff;
    --cta-bl:  #000;


    --body: #171614;
    --header: #252422fa;
    --header-blur: #252422d9;
    --sidebar: #252422;


    --pack-category-bg: #0d0d0d;
    --pack-category-bottom-border: #262626 solid 3px;
    --pack-category-top-border: #000 solid 3px;


    --pack-hover: #1b2222;
    --pack-active-outline: 3px solid #00ffba;
    --pack-focus-outline: 3px solid #fff;


    --focus-outline-wh: 3px solid #fff;
    --focus-outline-bl: 3px solid #000;
    --focus-bg-wh: #ffffff2e;


    --rfb-green: #00ffba;
    --rfb-green-slight-transparent: #00ffba70;
    --rfb-green-very-transparent: #00ffba30;
    --rfb-green-very-very-transparent: #00ffba19;
    --rfb-green-shadow: 0px 3px 0 #001a13;

    --rfb-blue: #00ccff;
    --rfb-blue-slight-transparent: #00ccff70;
    --rfb-blue-very-transparent: #00ccff30;
    --rfb-blue-very-very-transparent: #00ccff19;
    --rfb-blue-shadow: 0px 3px 0 #00141a;



    /* Halloween */
    /* --text-wh: #ffd000;
    --text-wh_fd: #9e8e41;

    --text-bl: #170027;
    --text-bl_fd: #31133d;


    --cta-wh: #ffd000;
    --cta-bl:  #170027;


    --body: #160f00;
    --header: #3d2900fa;
    --header-blur: #271b03d9;
    --sidebar: #271a00;


    --pack-category-bg: #1d0020;
    --pack-category-bottom-border: #281331 solid 3px;
    --pack-category-top-border: #281331 solid 3px;


    --pack-hover: #2a2214;
    --pack-active-outline: 3px solid #ff5900;
    --pack-focus-outline: 3px solid #ffdd00;

    --focus-outline-wh: 3px solid #ffdd00;
    --focus-outline-bl: 3px solid #2d0052;
    --focus-bg-wh: #ff9d342e;


    --rfb-green: #ff5900;
    --rfb-green-slight-transparent: #ff590070;
    --rfb-green-very-transparent: #ff590030;
    --rfb-green-very-very-transparent: #ff590019;
    --rfb-green-shadow: 0px 3px 0 #1c0a00;

    --rfb-blue: #00ffba;
    --rfb-blue-slight-transparent: #00ffba70;
    --rfb-blue-very-transparent: #00ffba30;
    --rfb-blue-very-very-transparent: #00ffba19;
    --rfb-blue-shadow: 0px 3px 0 #002118; */



    /* Neutral */
    --button-outline: 3px solid #1e1e1f;
    --button-margin: 3px;
}







.alert {
    align-items: center;
    display: none;
    height: 100px;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;

    background-color: #00000054;
}


.popup {
    align-items: flex-start;
    background-color: #00000054;
    display: none;
    height: -webkit-fill-available;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 501;
}



.body {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.body .popup-remove {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}

.body .header {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* .body .content {
  
} */

.body .products-untap {
    display: none;
    width: 200%;
    height: 200%;
    margin: -50%;
    z-index: 4;
    position: fixed;
}

.body .sidebar-untap {
    display: none;
    width: 200%;
    height: 200%;
    margin: -50%;
    z-index: 4;
    background-color: #00000054;
    position: fixed;
}

@media only screen and (max-width: 799px) {
}

@media only screen and (min-width: 800px) {
    .body .black {
        width: 0px;
        height: 0px;
        background-color: #00000000;
    }
}