*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.5) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent;border-radius:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf699,#6366f199);border-radius:10px;border:2px solid transparent;background-clip:padding-box;transition:all .3s ease}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6cc,#6366f1cc);background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#8b5cf6,#6366f1);background-clip:padding-box}[data-sidebar] nav::-webkit-scrollbar,[data-sidebar] nav::-webkit-scrollbar-thumb{width:6px}[data-sidebar] nav::-webkit-scrollbar-track{background:#1f293780;border-radius:10px}[data-sidebar] nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a78bfab3,#8b5cf6b3);border-radius:10px;border:1px solid rgba(31,41,55,.3);background-clip:padding-box}[data-sidebar] nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfae6,#8b5cf6e6);background-clip:padding-box}[data-sidebar] nav::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#c4b5fd,#a78bfa);background-clip:padding-box}main::-webkit-scrollbar{width:10px}main::-webkit-scrollbar-track{background:#f3f4f680;border-radius:10px}main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf666,#6366f166);border-radius:10px;border:2px solid rgba(243,244,246,.5);background-clip:padding-box}main::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf699,#6366f199);background-clip:padding-box}.dark *::-webkit-scrollbar-track{background:#11182780}.dark main::-webkit-scrollbar-track{background:#1f293780}.dark main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf680,#6366f180);border:2px solid rgba(31,41,55,.5);background-clip:padding-box}.dark main::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6b3,#6366f1b3);background-clip:padding-box}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#f3f4f680;border-radius:10px}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf680,#6366f180);border-radius:10px;border:2px solid rgba(243,244,246,.5);background-clip:padding-box}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6b3,#6366f1b3);background-clip:padding-box}.dark body::-webkit-scrollbar-track{background:#11182780}.dark body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf680,#6366f180);border:2px solid rgba(17,24,39,.5);background-clip:padding-box}.dark body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6b3,#6366f1b3);background-clip:padding-box}@keyframes scrollbar-fade-in{0%{opacity:0}to{opacity:1}}.scrollable-container{position:relative}.scrollable-container::-webkit-scrollbar-thumb{animation:scrollbar-fade-in .3s ease-in-out}.scrollbar-auto-hide::-webkit-scrollbar-thumb{opacity:0;transition:opacity .3s ease}.scrollbar-auto-hide:hover::-webkit-scrollbar-thumb,.scrollbar-auto-hide:focus::-webkit-scrollbar-thumb{opacity:1}