html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{margin:0}
/* ==========================================================================
   GLOBAL FOUNDATION
   ========================================================================== */

html{
    box-sizing:border-box;

    scrollbar-width:thin;

    scrollbar-color:
        rgba(17,17,17,.42)
        #f4f4f4;
}


*,
*::before,
*::after{
    box-sizing:inherit;
}


body{
    margin:0;
}


/* ==========================================================================
   GLOBAL SCROLLBARS
   Chrome, Edge, Safari and other WebKit-based browsers
   ========================================================================== */

*::-webkit-scrollbar{
    width:10px;
    height:10px;
}


*::-webkit-scrollbar-track{
    background:#f4f4f4;
}


*::-webkit-scrollbar-thumb{
    min-height:40px;

    border:
        3px
        solid
        #f4f4f4;

    border-radius:0;

    background:
        rgba(17,17,17,.42);
}


*::-webkit-scrollbar-thumb:hover{
    background:
        rgba(17,17,17,.68);
}


*::-webkit-scrollbar-thumb:active{
    background:#111;
}


*::-webkit-scrollbar-corner{
    background:#f4f4f4;
}