.scroll-list-container{position:relative;width:100%}.scroll-list{padding:16px}.scroll-list::-webkit-scrollbar{width:6px}.scroll-list::-webkit-scrollbar-track{background:transparent}.scroll-list::-webkit-scrollbar-thumb{background:hsl(var(--primary)/.2);border-radius:10px}.scroll-list::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary)/.4)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{padding:20px 24px;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;transition:all .3s ease;box-shadow:0 4px 6px -1px rgb(0 0 0/.05)}.item.selected{background-color:hsl(var(--primary)/.05);border-color:hsl(var(--primary)/.3);transform:translateX(8px)}.item-text{color:hsl(var(--foreground));font-weight:600;margin:0;font-size:1.125rem}.top-gradient{top:0;background:linear-gradient(to bottom,hsl(var(--background)),transparent);border-top-left-radius:2rem;border-top-right-radius:2rem}.bottom-gradient,.top-gradient{position:absolute;left:0;right:0;height:80px;pointer-events:none;z-index:20;transition:opacity .3s ease}.bottom-gradient{bottom:0;background:linear-gradient(to top,hsl(var(--background)),transparent);border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}