.exscroll-wrapper {
	width: 100%;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

	.exscroll-wrapper::-webkit-scrollbar {
		display: none;
	}

.exscroll-scrollbar {
	box-sizing: border-box;
	width: calc(80% - 150px);
	height: 12px;
	padding: 2px;
	border-radius: 9999px;
	position: relative;
	margin: 0 auto;
	background-color: #ffffff6e;
	transition: 0.5s;
}

	.exscroll-scrollbar:hover {
		background-color: #ffffffe3;
	}

	.exscroll-scrollbar .exscroll-track {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 100%;
	}

		.exscroll-scrollbar .exscroll-track .exscroll-dragger {
			display: block;
			width: 40px;
			height: 100%;
			background-color: #a3acc68c;
			border-radius: 9999px;
			position: absolute;
			top: 0;
			cursor: pointer;
		}

@media (max-width: 576px) {
	.exscroll-scrollbar {
		display: none;
	}
}

@media (min-width: 1900px) {
	.exscroll-scrollbar {
		/*display: none;*/
	}
}