/*We had some sweet ass overlay scroll bars,. but then they were removed
from the canary, and now our scrollbars are complete shit.  
TODO; designer... */


::-webkit-scrollbar {
	width: 12px;
/*	background-color: hsla(var(--application-hue-percent), var(--application-saturation-percent), 10%, 0.777);*/
}

::-webkit-scrollbar-track {
/*	margin-top: calc(88px + 22vh);*/
	margin-top: 88px;
	margin-bottom: 80px;

	background: #f1f1f111;

/*	border-top-left-radius: 12px;*/
/*	border-bottom-left-radius: 12px;*/
}

::-webkit-scrollbar-thumb {
	background: #FFFFFF44;
/*	border-top-left-radius: 12px;*/
/*	border-bottom-left-radius: 12px;*/
}

::-webkit-scrollbar-thumb:hover {
	background: #FFFFFF88;
}


/* Existing vertical scrollbar styles */
.has-horizontal-scrollbar::-webkit-scrollbar {
	background-color: transparent;
  height: 12px;
}

.has-horizontal-scrollbar::-webkit-scrollbar-track {
  margin-left: calc(88px + 22vw);
  margin-right: calc(70px + 22vw);
	border-radius: 12px;

}

.has-horizontal-scrollbar::-webkit-scrollbar-thumb {
	border-radius: 6px;
}