.demo-scrollbar{scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground) / .28) transparent;scrollbar-gutter:stable}.demo-scrollbar::-webkit-scrollbar{width:10px;height:10px}.demo-scrollbar::-webkit-scrollbar-track{background:transparent}.demo-scrollbar::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:hsl(var(--muted-foreground) / .24);background-clip:padding-box;-webkit-transition:background-color .16s ease;transition:background-color .16s ease}.demo-scrollbar::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary) / .58);background-clip:padding-box}.demo-scrollbar::-webkit-scrollbar-thumb:active{background:hsl(var(--primary) / .82);background-clip:padding-box}.demo-scrollbar::-webkit-scrollbar-corner{background:transparent}.demo-scrollbar-sidebar::-webkit-scrollbar{width:8px}.demo-scrollbar-sidebar::-webkit-scrollbar-thumb{border-width:2px}.demo-scrollbar-main{scroll-behavior:smooth}@media(pointer:fine){.demo-scrollbar-main:hover,.demo-scrollbar-sidebar:hover{scrollbar-color:hsl(var(--primary) / .5) transparent}}