/*
 * Shared front-end scrollbar treatment. This is deliberately separate from
 * the shop stylesheet so it can be loaded across the full site without
 * bringing commerce layout rules to unrelated pages.
 */
:root {
	scrollbar-color: #a4977f #101010;
	scrollbar-width: thin;
}

* {
	scrollbar-color: #a4977f #101010;
	scrollbar-width: thin;
}

*::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

*::-webkit-scrollbar-track {
	background: #101010;
	border: 1px solid #3c3c3c;
}

*::-webkit-scrollbar-thumb {
	border: 3px solid #101010;
	border-radius: 999px;
	background: #a4977f;
}

*::-webkit-scrollbar-thumb:hover {
	background: #d1c19f;
}

*::-webkit-scrollbar-corner {
	background: #101010;
}