/* Copyright (c) 2024 Le Tan Loc. All rights reserved */

/* Customize website's scrollbar like Mac OS */
/* Not supported in Firefox and IE */

@media only screen and (min-device-width: 736px) {

	/* Width of the scrollbar */
	::-webkit-scrollbar {
		width: 16px;
		/* Adjust the width of the scrollbar */
		background-color: #fff;
		/* Background color of the scrollbar track */
	}

	/* Background of the scrollbar track */
	::-webkit-scrollbar-track {
		background-color: #fff;
		/* Color of the scrollbar track */
	}

	::-webkit-scrollbar-track:hover {
		background-color: #f4f4f4;
		/* Color of the scrollbar track when hovered */
	}

	/* Style of the scrollbar thumb */
	::-webkit-scrollbar-thumb {
		background-color: #babac0;
		/* Color of the scrollbar thumb */
		border-radius: 16px;
		/* Roundness of the scrollbar thumb */
		border: 5px solid #fff;
		/* Border around the scrollbar thumb */
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: #a0a0a5;
		/* Color of the scrollbar thumb when hovered */
		border: 4px solid #f4f4f4;
		/* Border around the scrollbar thumb when hovered */
	}

	/* Buttons at the top and bottom of the scrollbar */
	::-webkit-scrollbar-button {
		display: none;
		/* Hide the scrollbar buttons */
	}
}