/* Scrollbar styles for Chrome */
.scrollbar::-webkit-scrollbar {
	width: 0.2rem;
	/* background-color: transparent; */
	background-color: var(--dark);
	/* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); */
	/* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); */
}

@media (min-width: 576px) {
	.scrollbar::-webkit-scrollbar {
		width: 0.5rem;
	}
}

.scrollbar::-webkit-scrollbar-thumb {
	/* background-color: rgba(223, 151, 0, 0.5); */
	background-color: var(--primary);
	/* outline: 1px solid rgba(64, 144, 192, .35); */
	/* border-radius: calc(0.25rem - 2px); */
}

/* Scrollbar styles for Firefox */
.scrollbar,
.firefox-scrollbar,
.sidebar-wrapper {
	/* scrollbar-color: rgba(223, 151, 0, 0.65) transparent; */
	scrollbar-color: var(--primary) transparent;
	scrollbar-width: thin;
}