::-webkit-scrollbar {
	width:4px;
	height: 4px;
}

::-webkit-scrollbar-track {
	background: var(--border)
}

::-webkit-scrollbar-thumb {

	background-color: var(--link);
	
	/*border: 1px solid rgba(0,0,0,.2);
	box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);*/
}

::-webkit-scrollbar-corner {
		background: var(--border)

}

::-webkit-scrollbar-button {
  width: 2px;
  height: 2px;
}
		

/* Scrollbutton
--------------------------------------------- */
.scroll-btn {
    height: 30px;
    width: 30px;
    border: 2px solid var(--back);
    border-radius: 50%;
    background-color:  var(--back);
    position: fixed;
    bottom: 30px;
    right: 15px;
    opacity: 0.5;
    z-index: 9999;
    cursor: pointer;
    display: none;
}

.scroll-btn .scroll-btn-arrow {
    height: 8px;
    width: 8px;
    border: 3px solid;
    border-right: none;
    border-top: none;
    margin: 12px 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    color: white;
}

.notouch .scroll-btn:hover { opacity: 0.8 }