body {
	min-height: 100vh;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: transparent;
}

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

::-webkit-scrollbar-thumb {
	background: color-mix(in oklch, var(--color-base-content, oklch(0.4 0 0)) 30%, transparent);
	border-radius: 99px;
}

::-webkit-scrollbar-thumb:hover {
	background: color-mix(in oklch, var(--color-base-content, oklch(0.5 0 0)) 50%, transparent);
}

* {
	scrollbar-width: thin;
	scrollbar-color: color-mix(in oklch, var(--color-base-content, oklch(0.4 0 0)) 30%, transparent) transparent;
}