@import url('vars.css');

/*-------------------------scroll----------------------------*/
::-webkit-scrollbar-button {
    background-image: url('');
    background-repeat: no-repeat;
    width: 10px;
    height: 0px;
   
}

::-webkit-scrollbar-track {
    background-color: transparent;
    /*box-shadow: 0px 0px 3px #000 inset;*/

}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    box-shadow: 0px 1px 1px #fff inset;
    background-image: url('img/scroll.png');
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    opacity: 0.5;
    background-color: var(--scrollbar-color);
}

::-webkit-resizer {
    background-image: url('');
    background-repeat: no-repeat;
    width: 10px;
    height: 0px
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    
}
/*-------------------------end scroll----------------------------*/