var.css

/*
    decentscroll
    normalize scrollbar css for chrome and ie. Sorry no firefox supports
    https://github.com/jebaird/decentscroll
    @author Jesse Baird <jebaird@gmail.com>
    @license MIT

    
 */
:root {

    /* this is the default color when the track-background is not in play */
    --scrollbar-background: #E5E5E5;
    /* #chrome only */
    --scrollbar-width: 6px;
    /* #chrome only */
    --scrollbar-border: 1px none red ;

    /*states */
    --scrollbar-background-hover: #D6D6D6;
    --scrollbar-width-hover: inital;
    --scrollbar-border-hover: 1px none black ;



    /* 
        this is the default color of the track when the scroll-bark-track-piece-background is not in play 
        IE: this is what is used for the track BG
    */
    --track-background: transparent;


    --scrollbar-button-background: transparent;
    --scrollbar-button-display: none;
    --scrollbar-button-height: auto;

    /* #chrome only */
    --resizer-background: inital;
    /* #chrome only */
    --resizer-display: none;

    /* 
        this is the piece of the track that is not covered by the scrollbar-thumb
        IE doesn't support this prop
    */
    --scrollbar-track-peice-background: transparent;


    /*
        this is the marker in the track
        IE only supports changing the background color
     */
    --scrollbar-thumb-background: #8a8a8a;

    /* #chrome only */
    --scrollbar-thumb-border: 1px none gray;
    --scrollbar-thumb-height: auto;
    --scrollbar-thumb-boarder-raduis: 0px;
}