/**
 * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
 * Copyright 2025 by Keenthemes Inc
 */

@layer components {
	:root {
		--kt-scrollable-scrollbar-size: 5px;
		--kt-scrollable-thumb-color: var(--color-accent);
	}

	.kt-scrollable::-webkit-scrollbar {
		width: var(--kt-scrollable-scrollbar-size);
		height: var(--kt-scrollable-scrollbar-size);
	}

	.kt-scrollable::-webkit-scrollbar-track {
		background: transparent;
	}

	.kt-scrollable::-webkit-scrollbar-thumb {
		background: var(--kt-scrollable-thumb-color);
		border-radius: var(--kt-scrollable-scrollbar-size);
	}

	/* Firefox */
	@-moz-document url-prefix() {
		.kt-scrollable {
			scrollbar-width: thin;
			scrollbar-color: var(--kt-scrollable-thumb-color) transparent;
		}
	}
}