.scrollbar-container {
	--scrollbar-additional-padding: 0px;
	height: 100%;
	overflow: hidden;
	position: relative;

	scroll-behavior: smooth;
}
	.scrollbar-content {
		height: 100%;
		overflow-y: auto;

		scroll-behavior: smooth;		
	}
	.scrollbar-content:not(.scroll-enabled) {
		margin-right: -30px;
		padding-right: 30px;
	}
	.scrollbar-content.scroll-enabled {
		/*margin-right: -40px;*/
		/*padding-right: 24px;*/
	}		

	.scrollbar-holder {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		box-sizing: border-box;
		display: none;
	}
	.scrollbar-container.scroll-enabled .scrollbar-holder {
		display: block;
	}
		.scrollbar-path {
			position: relative;
			z-index: 1;
			width: 8px;
			height: 100%;
			border-radius: 8px;
			background-color: #e9e9e9;
		}
			.scrollbar-filler {
				position: absolute;
				z-index: 1;
				width: 100%;
				border-radius: 8px;
				background-color: black;					
			}
			.scrollbar-slider {
				position: absolute;
				z-index: 2;
				width: 8px;
				border-radius: 8px;
				box-sizing: border-box;
				background-color: #d2d2d2;
				transition: background-color .2s ease-in-out;					
			}
			.scrollbar-slider:hover {
				cursor: pointer;
			}
button.button-scroll {
	opacity: 0;
	pointer-events: none;		
}
button.button-scroll.scroll-enabled {
	opacity: 1;
	pointer-events: auto;
}