/* Scroll bar stylings */
::-webkit-scrollbar {
	width: 6px;
	background-color: var(--wp--preset--color--surface-paper, #ffffff);
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--grey-300, #e3e3e3);
	border-radius: var(--wp--preset--border-radius--bevel, 4px);
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active,
body.scrolling::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--grey-400, #4c4c4c);
}

/* Mobile Scrollbar */
@media (max-width: 768px) {
	::-webkit-scrollbar {
		width: 0px;
		height: 0;
		opacity: 0;
	}

	/* Show Scrollbar When Scrolling  */
	body.scrolling::-webkit-scrollbar {
		width: 6px;
		opacity: 1;
	}
}

/**--@media (prefers-color-scheme: dark) {
	::-webkit-scrollbar {
		background-color: var(--wp--preset--color--surface-paper, #261311);
	}
}--**/