.ghost-scrollbar {
	&::-webkit-scrollbar {
		width: 10px;
	}

	&::-webkit-scrollbar-track {
		border-radius: 8px;
		background-color: mix($body-bg, $body-color, 95%);
		border: none;
	}

	&::-webkit-scrollbar-thumb {
		border-radius: 8px;
		border: 2px solid transparent;
		background-clip: content-box;
		background-color: mix($body-bg, $body-color, 70%);
	}
}

// https://stackoverflow.com/a/32455002/583363
@supports (-moz-appearance:none) {
	.ghost-scrollbar {
		padding-right: $spacer * 0.75 !important;
	}
}