.body::-webkit-scrollbar-track {
	background-color: transparent;
}

@supports (scrollbar-width: auto) {
	body {
		scrollbar-color: var(--color-base-400) transparent;
		scrollbar-width: thin;
	}

	.dark body {
		scrollbar-color: var(--color-base-800) transparent;
	}
}

@supports not (scrollbar-width: auto) {
	body::-webkit-scrollbar {
		width: 14px;
		height: 14px;
	}
}

body::-webkit-scrollbar-thumb {
	background-color: var(--color-base-400);
	border-radius: 20px;
	border: 4px solid transparent;
	background-clip: content-box;
}

body::-webkit-scrollbar-thumb:hover {
	background-color: var(--color-base-500);
}

/* Dark mode rules */
.dark body::-webkit-scrollbar-thumb {
	background-color: var(--color-base-800);
}

.dark body::-webkit-scrollbar-thumb:hover {
	background-color: var(--color-base-700);
}
