.katalyst-scroll__viewport {
	position: absolute;
	overscroll-behavior-y: none;
	width: 100%;
	height: 100%;

	/* Initial state to not allow scrolling */
	overflow-y: hidden;
	overflow-x: hidden;

	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.katalyst-scroll__viewport.katalyst-scroll__viewport_y {
	overflow-y: scroll;
}

.katalyst-scroll__viewport.katalyst-scroll__viewport_x {
	overflow-x: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.katalyst-scroll__viewport::-webkit-scrollbar {
	display: none;
}

.katalyst-scroll__scrollbar {
	position: absolute;
	border-radius: 5px;
	background-color: #2b173d;
}

.katalyst-scroll__scrollthumb {
	cursor: pointer;
	position: absolute;
	border-radius: 5px;
	background-color: #a490b7;
	touch-action: none;
}

.katalyst-scroll__scrollbar_x {
	left: 50%;
	transform: translateX(-50%);
	bottom: 5px;
	width: 90%;
	height: 8px;
}

.katalyst-scroll__scrollthumb_x {
	height: 100%;
	width: 30px;
}

.katalyst-scroll__scrollbar_y {
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
	width: 8px;
	height: 90%;
}

.katalyst-scroll__scrollthumb_y {
	width: 100%;
	height: 15px;
}


.katalyst-scroll__no-select {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none; /* Internet Explorer/Edge */
}