@use 'sass:map';
@use '../base/maps/tokens' as *;
@use '../base/functions' as *;

.brandui-scrollbar {
	::-webkit-scrollbar {
		scrollbar-width: thin;
	}

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

	::-webkit-scrollbar-thumb {
		border-radius: 20px;
		border: transparent;
		background-color: with-opacity(var(--neutral-6), 25);
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: with-opacity(var(--neutral-6), 50);
	}
}