:root {
	/* Firefox */
	--scrollbar-thumb: var(--cyan);
	--scrollbar-track: rgba(0, 0, 0, 0.25);
}

/* Scrollbar styling for the inner screen/content area */
.content {
	scrollbar-gutter: stable;

	/* Firefox */
	scrollbar-width: thin;
	scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

/* WebKit (Chromium/Safari) */
.content::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

.content::-webkit-scrollbar-track {
	background: var(--scrollbar-track);
	border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.content::-webkit-scrollbar-thumb {
	background: var(--scrollbar-thumb);
	border: 2px solid var(--scrollbar-track);
	border-radius: 10px;
}

.content::-webkit-scrollbar-thumb:hover {
	background: var(--light-green);
}

.content::-webkit-scrollbar-thumb:active {
	background: var(--yellow);
}

.content::-webkit-scrollbar-corner {
	background: var(--scrollbar-track);
}